WebGL Three.js診斷工具

Question

我昨天輸入了一個問題，如果可能的話，我想改變策略，同時保持先前的線程處於活動狀態。 （先前的問題與Three.js中的可變幀速率有關。）

我不想直接解決這個問題，而是想知道WebGL / Three.js開發人員使用什么來診斷他們的代碼（以專門查找性能瓶頸）。

我正在開始一個大型的長期項目，並且我認為在此過程中會遇到各種各樣的問題。 我們如何在窗簾后面窺視？

我看到一個相關的問題，來到WebGL-Inspector，我將對其進行調查。 只尋找所有選項。 我願意花錢購買專業的診斷工具。 不惜一切代價。

謝謝。

Answer 1

早上好，先生。

我用：

• chrome javascript profiler
• 鍍鉻帆布檢查（ http://www.html5rocks.com/zh-CN/tutorials/canvas/inspection/ ）
• 偶爾嘗試使用諸如webgl-inspector之類的工具，但它似乎不如chrome的canvas檢查器

也：

• javascript的標准配置技術，使用未縮小的代碼查看配置過程中到處發生的情況
• 基本的健全性檢查：對於幀頻問題，請確保您的幀翻轉運行循環代碼符合標准。 標准做法是使用requestAnimationFrame。
• 確保您的畫布沒有被拉伸

我尚未嘗試將純台式機opengl類型的調試器（例如nvidia nsight）應用於在瀏覽器中運行的webgl。