WebGL調試工具？

Question

我正在尋找WebGL調試和檢測工具 - 就像WebGL的FireBug。

有什麼建議嗎？

Answer 1

剛剛發現WebGL Inspector。它聲稱是一個先進的WebGL調試工具包。我還沒有親自嘗試過。

http://benvanik.github.com/WebGL-Inspector/

Answer 2

如上WebGL的督察提到的是一個工具，讓您分析傳遞到着色器程序紋理和緩衝區。對於低層次的問題先進的工具是必要的，這追蹤司機的API調用，內存消耗等

取決於使用的操作系統，你可以使用OpenGL/DirectX的調試器，並將其附加到你的瀏覽器上。

Answer 3

WebGL Inspector是一個非常好的工具，但在UI中有許多小故障。我還可以推薦FireFox調試器工具中的Canvas調試器和着色器編輯器（它們默認關閉，您應該在設置中啓用它們）

Answer 4

我試用了WebGL Inspector，WebGL Insight和Spector.js。

前兩個似乎有最多的功能，如果你能讓他們工作。不幸的是，WebGL Inspector存在捆綁器問題，我正在使用webpack。它在Github頁面上有一些安裝注意事項，以使它可以與捆綁軟件一起工作，但它很sl。。

有人對WebGL的洞察評論部分說，如果你的<canvas>從一開始加載，它可能只工作。再次，我嘗試將我的畫布創建移動到index.html作爲標記，但無法使其工作。

Spector.js只是爲我工作開箱的一個。它的功能集更小，但您至少可以看到每個幀和堆棧軌跡的狀態。