代码改变世界

WebGL调试工具分享

2019-07-17 11:09 阿诚de窝 阅读(...) 评论(...) 编辑 收藏

学习WebGL,我们需要一些好用的调试工具,下面分享3个常用的调试工具。

WebGL Inspector

下载地址:https://github.com/benvanik/WebGL-Inspector

Clone或下载好该项目之后,先执行core/buildextensions.sh,执行好之后,在Chrome中安装解压后的扩展,选择core/extensions/chrome文件夹即可;

不使用扩展的话,可以采用嵌入代码的方式来使用,可以查看主页的说明;

Spector.js

下载地址:https://github.com/BabylonJS/Spector.js

可以直接到Chrome商店下载(需要FQ),不能FQ的小伙伴可以用Firefox,去火狐的商店下载安装即可;

不使用扩展的话,同样也可以采用嵌入代码的方式来使用,可以查看主页的说明;

后面发现火狐下架了这个插件,这里提供可使用的下载地址:https://hammerc.github.io/dou3d-ts/tools/spector.js.xpi

WebGL Insight

下载地址:https://github.com/3Dparallax/insight

需要到Chrome商店下载(需要FQ),不能FQ的小伙伴估计用不了这个插件了;

stats.js

下载地址:https://www.npmjs.com/package/stats-js

显示当前页面的性能信息;