什麼是WebGL著色器演練場?

編寫 GLSL 頂點著色器與片段著色器,透過 WebGL 即時查看渲染結果。無需任何本機設定。用來學習著色器程式設計、快速原型化視覺特效或嘗試 GPU 加速圖形。

使用方法

  1. 將您的 GLSL 片段著色器程式碼寫入或貼上至編輯器。預設著色器已經載入完畢。
  2. 即時預覽會隨著您的輸入自動更新。內建 uniform 變數包括時間、解析度與滑鼠位置。
  3. 將著色器匯出為 PNG 截圖,或複製程式碼用於自己的 WebGL 專案。

結果

一位遊戲開發者在製作水波紋特效原型時,利用正弦波和時間 uniform 編寫片段著色器。預覽面板會即時顯示動畫效果。

相關工具