ShaderToy

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

前往 ShaderToy 官方網站

簡介

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

為何收錄

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

適合的工作

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

可以怎麼用

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

cables

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

  • visual-programming
  • webgl
  • interactive

視覺

NodeToy

在網頁上建立、分享與使用著色器節點圖的編輯器。

  • shader
  • threejs
  • visual-programming

視覺

Unicorn Studio

將互動動態與即時圖像發布到網頁的視覺畫布編輯器。

  • interactive
  • motion
  • webgl

視覺