学习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
显示当前页面的性能信息;