cables

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

  • 視覺
前往 cables 官方網站

這是什麼

cables 是用來建立互動網頁視覺內容的線上視覺化程式工具。專案以 patch 組成，能發布、分享、複製與再混作。

為何推薦

它為即時網頁圖像提供實用入口：可先以視覺方式連接操作、研究範例，再於實驗成熟時輸出到網頁。

適合誰

數位藝術家、動態設計師、網頁開發者與學習互動圖像的學生。

常用情境

  • 製作互動式 WebGL 練習
  • 原型化動態或資料驅動視覺
  • 從社群公開 patch 學習

Bitspace

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

  • creative-coding
  • prototyping
  • visual-programming

Nodes

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

  • visual-programming
  • creative-coding
  • 3d

NodeToy

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

  • shader
  • threejs
  • visual-programming