NodeToy

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

  • 視覺
前往 NodeToy 官方網站

這是什麼

NodeToy 是瀏覽器中的著色器編輯器，提供材質節點圖、場景編輯器、自訂著色器運算式，以及發布圖表的分享與 fork 功能。

為何推薦

它連接視覺實驗與網頁實作：材質流程可用於 Three.js 與 React Three Fiber，而自訂運算式讓節點不足時仍可寫入著色器程式。

適合誰

使用著色器、Three.js 或 React Three Fiber 的創意開發者與 3D 網頁團隊。

常用情境

  • 整合前測試材質節點圖
  • Fork 已發布的著色器實驗
  • 混用節點流程與自訂著色器程式

Bitspace

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

  • creative-coding
  • prototyping
  • visual-programming

cables

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

  • visual-programming
  • webgl
  • interactive

Nodes

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

  • visual-programming
  • creative-coding
  • 3d