是否可以在Chrome Javascript REPL中編寫WebGL？

Question

使用WebGL的一個時一般寫入大部分的圖形代碼在綁定到的window.onload的功能。爲了進行REPL樣式的圖形開發，是否可以在JavaScript控制檯中交互地編寫OpenGL代碼？

Answer 1

當然是，但WebGL是一個非常詳細的API。你要上傳，編譯和鏈接着色器，查找屬性和制服，創建緩衝區和紋理和上傳數據到每個，然後綁定所有紋理，緩衝區，設置屬性，並設置制服，最後調用的抽獎功能的一個

從REPL這樣做，所有的將是相當繁瑣，而且容易出錯。

這時候我調試我經常像這樣粘貼到devtools說REPL

gl = document.querySelector("canvas").getContext("webgl"); 

哪位能給我WebGLRenderingContext在頁面的第一畫布（這通常是我想要的）。然後我就可以例如檢查是否有錯誤

gl.getError(); 

我做的另一種常見的方法就是查看可用擴展

document.createElements("canvas").getContext("webgl").getSupportedExtensions().join("\n"); 

否則，如果你正在尋找實時編輯的WebGL，通常列侷限於之類的東西glslsandbox.com或vertexshaderart.com在那裏你只需要編輯的是在一個單一的方式使用單一着色器，並在REPL不使用整個WebGL的API。還有shdr，它給你一個單一的模型和一個頂點和片段着色器的工作。

如果你真的想你可能需要在它上面的一些發動機在這種情況下這將是名稱的發動機一個REPL，而不是一個WebGL的REPL REPL一個。