[]LayaTree v1.0.5版本更新(2021.11.17)

                                                                     
233.png


 LayaTree是Chrome浏览器平台上的专门为Laya引擎设计的生产力工具。能在项目运行时阶段进行调试和修改。目前功能在不断迭代中,致力于实现类似于Unity编辑器的开发体验。相比于laya.debugtool.js​在使用过程中导致的节点的强引用, LayaTree使用了索引缓存方案,在保证性能的同时,又避免了内存泄露的风险.
 
 LayaTree目前已在chrome浏览器网上商店上架,搜索laya即可下载安装地址。(需要科学上网)
2020.10_.15_李铒_.png

 最新安装包地址 v1.0.5  LayaTree.zip (安装方法: Chrome浏览器进入chrome://extensions/页面,打开开发者模式,将解压后crx文件拖入该页面即可,安装成功后重启浏览器),如果之前有安装开发版的LayaTree,可以直接删除.​
2020.11_.03_.png

 
需要注意的一点是: 如果需要调试的页面是文件网址,需要打开允许访问文件网址.否则无法识别当前laya引擎;

1604763750(1).jpg


1604763828(1).jpg



在需要调试的项目页面(需未混淆代码),打开开发者工具页面(F12或 Ctrl+Shift+I),选择LayaTree页签
231111.png


使用技巧:
 
1.捕获刷新功能
LayaTree设计的本意是尽可能少的影响到游戏,做一个安安静静的的幕后操作者.所以不会去实时更新当前页面的节点树.
所以需要手动点击捕获刷新按钮来更新节点树列表.

2. 操作Camera相机节点,可以通过鼠标拖放或输入数值操作节点的位移,旋转和缩放.
通过便捷的下拉框切换相机的clearFlag.开启或关闭HDR.
此外相机的FOV,远近裁面和比例都可以快速的动态修改,极大的便利了镜头调整.
加入了正交相机开关orthographic.
GIF11.gif


3.操作Sprite节点,除了常规节点的位移,旋转和缩放.还能够动态设置层级关系zOrder,锚点,尺寸
此外还有开发中经常需要用到的设置点击事件与穿透控制
GIF22.gif


4.操作文本节点,文本内容直接编辑
非常好用的基于拾色器的颜色调整​
使用下拉框来选择文本的水平对齐和垂直对齐方式
字体大小,粗细,描边,overflow超出行为随意调节
GIF33.gif


5. 基于AOP的暂停与单帧调试运行,能够在不修改源码的情况下控制引擎循环(需要注意的是,与Unity类似,暂停时修改的属性需要下一帧才会更新渲染,所以修改数据时要点击单帧后查看)
支持TimeScale时间缩放,最高支持50倍速,尽享鬼畜与丝滑

GIF44.gif


6.cacheAs动态设置功能,增加了下拉选项
cacheAs为"none",不做任何缓存.当值为"bitmap"时,webgl模式下显示对象使用renderTarget缓存成静态图像可以大幅提升渲染效率.但是额外创建的renderTarget对象,会增加内存开销.通过该选项可以便捷的切换模式,找到优化方向.


2020.10_.16_李铒_.png


 
7.增加标记选中功能,勾选后,选中2d节点时,会显示红框标记

GIF55.gif


 
8.增加实时更新选中节点的信息
 
 
 

更新日志
 ================v1.0.5=====================
更新日期:2021.11.17
 
1.新增节点树过滤功能

 ================v1.0.3====================

更新日期:2021.3.8
 
1.新增自动刷新节点树功能
 
开启自动刷新节点树功能后,能够实时看到场景层级的变化,不需要手动捕获刷新,当场景层级非常多的时候会轻微影响到性能调试的准确性。如果在进行性能调优,请不要开启(默认关闭)。日常调试开发未有影响。
 
 
 
2.剥离渲染代理

默认不注入渲染代理,当需要进行单帧渲染调试时,可以主动注入。
 
 
3.调整节点树展开规则

点击节点即可展开层级,不需要点小三角。
 
 
 

QQ群: 200482074

2020.10_.19_李铒_.jpg
已邀请:

李尔

赞同来自: gamedev_wq Laya_Fred Yan rabbit

LayaTree v1.0.3版本更新(2021.3.8)

何闲

赞同来自: 谢娴

给孩子下的,孩子很满意

李尔

赞同来自: Laya_Fred

加个选中节点资源提取功能怎么样

Aar0n

赞同来自:

推荐~

甘乐

赞同来自:

推荐~

Mr.Random

赞同来自:

非常好用~~  很实在的工具~~~~

laya新手程序员

赞同来自:

运行了一下 提示未发现Laya的游戏,点捕获刷新也没用

何吓吓

赞同来自:

我来说一下,我觉功能应该是既可以监听,又可以改变,这个没有监听坐标功能,还有就是,看图片
TIM截图20190301114956.png

Nevermore

赞同来自:

QQ截图20190301141118.png

解压不了?? 提示压缩包损坏~

xiaolang

赞同来自:

好用,希望继续更新

苏栢

赞同来自:

感谢大佬分享

腊笔小新

赞同来自:

给隔壁小孩下载的,使用后他说满意

lalala

赞同来自:

不高个github来给fork一下么

1554271938用户

赞同来自:

file:///C:\Users\Administrator.USER-20190320OH\AppData\Roaming\Tencent\Users\1952170302\TIM\WinTemp\RichOle\B5)KOO8DVF5R6%6I$J4)3{Y.png 解压出来的,怎么安装呢

138*****960

赞同来自:

增加搜索节点功能吧

李尔

赞同来自:

  •  

后海里的鱼

赞同来自:

给个赞!

李尔

赞同来自:

chrome浏览器->扩展程序->开发者模式->加载已解压的扩展程序

李尔

赞同来自:

0.93版本更新

cola23

赞同来自:

大哥,牛啊!!!刚从egret转过来,终于有个熟悉的插件了

李尔

赞同来自:

版本更新0.95

李尔

赞同来自:

0.95本地包上传,但是推荐使用chrome扩展商店安装

李尔

赞同来自:

更新1.0

李尔

赞同来自:

如果无法识别laya引擎,请检查插件详细信息的 允许访问文件网址 是否开启

booc

赞同来自:

感谢大佬分享

墨丶

赞同来自:

赞!!~我用了~!~!好用~~!爽~~!~!~!

gamedev_wq

赞同来自:

点赞,已安装。。。

186*****921

赞同来自:

必须赞一个,用起来比Laya自带的debug panel好   

黑白先生

赞同来自:

大佬强

Charley-Layabox

赞同来自:

谢谢分享

130*****563

赞同来自:

mark一下

Mr.D

赞同来自:

只有我一个人下载解压没有  crx文件 么

久伴良人

赞同来自:

给个赞!支持一下

三条鱼

赞同来自:

不管是用文件地址还是 网页地址都是不能获取到游戏  用的是LAYA 2.10

xf5464

赞同来自:

能不能在属性面板里加一个设置drawcallOptimize的选项,跟设置visible和active一样

要回复问题请先

商务合作
商务合作