ShaderToy

在瀏覽器中撰寫、執行與瀏覽即時 GLSL 著色器草圖的社群平台。

  • 視覺
前往 ShaderToy 官方網站

這是什麼

ShaderToy 是網頁著色器編輯器與作品集。草圖可使用 fragment 或 vertex shader,接收時間、解析度與滑鼠位置等輸入,再分享或嵌入。

為何推薦

它縮短著色器學習的回饋迴路:修改程式、立即看結果、研究社群作品,並在不用先建置完整專案的情況下分享一個聚焦實驗。

適合誰

創意程式設計者、圖像程式設計師與正在學習 GLSL 的網頁開發者。

常用情境

  • 練習 fragment shader
  • 觀察著色器的即時輸入
  • 分享單一視覺實驗

Bitspace

在瀏覽器中以連結式視覺原型探索創意運算的空間。

  • creative-coding
  • prototyping
  • visual-programming

cables

不必先從手寫程式開始,就能製作互動網頁視覺內容的視覺工具。

  • visual-programming
  • webgl
  • interactive

Nodes

將程式視為可重用區塊、在畫布上組合的視覺化程式環境。

  • visual-programming
  • creative-coding
  • 3d