什麼是WebGL著色器演練場?

一款即時著色器編輯器,讓您編寫 GLSL 頂點著色器與片段著色器,並透過 WebGL 即時查看渲染結果。無需任何本機設定,非常適合學習著色器程式設計、快速原型化視覺特效或探索 GPU 加速圖形。

使用方法

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

結果

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

相關工具