WebGL調試工具分享
2019-07-17 11:09
阿誠de窩
閱讀(3884)
評論(0)
編輯
收藏
舉報
學習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
顯示目前頁面的性能資訊；
- 分類 WebGL