creative-coding

由社群打造的完整 2D 內容創作應用，支援平面設計、數位藝術與即時互動動態圖形，採用基於節點的程序圖形引擎。

p5.js 是一個客戶端 JavaScript 平台，讓藝術家、設計師、學生及任何人都能在網頁上學習程式、創作與表達。它基於 Processing 的核心原則。想找 p5.js 2.0？http://beta.p5js.org

創意編程：生成藝術、資料視覺化、互動設計、資源。

openFrameworks 是由社群開發的跨平台 C++ 創意編程工具包

Rust 的創意編程框架

用於視覺藝術與創意編碼的 Web 元件

可視化與創意編碼庫

:control_knobs: 用於微調參數並監控值變化的簡潔GUI。

創意畫布元件庫。實際 HTML 搭配 WebGL 效果。React、Vue、Svelte、原生 JavaScript。

AI、創意與藝術領域的精選清單集合。https://latentbox.com

AI Logo 動畫技能：將點陣 Logo 轉為平滑的 SVG 動畫、動態 HTML 展示、GIF/影片預覽，以及動作 QA 驗證。

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

ossia score，適用於跨媒介藝術的互動式定序器

2024 年版使用 p5.js 的 The Nature of Code。包含 Notion 工作流程與建構系統。

為網頁上的控制器製作浮動面板。在大多數專案中可作為 dat.gui 的直接替換方案。

一場互動式的五章京都山寺夜間漫步，使用 Three.js 即時算繪。

🌏：地牢免費資源（地形與 Roguelike 生成）

適用於桌面、行動與網頁的互動式 Python 與 C++ 應用程式 - 由 Dear ImGui 提供支援。停止與 GUI 框架拉鋸，開始動手建構。

Glisp 是一個基於 Lisp 的設計工具，結合了生成式方法與傳統設計方法，賦能藝術家探索新的表達形式。

讓 WebGL 特效變得簡單。

Claude Code 技能，像拍電影一樣引導網站。包含提交表單、生成的資產、建構，以及一個把關每次發布的可執行防平庸 linter。

OPENRNDR：用於創意編程、即時與互動圖形的 Kotlin/JVM 程式庫

3️⃣ 精選的實用 ThreeJS 資源列表

使用 AssemblyScript 在 WebAssembly 中使用 WebGL

[alpha] 用於創意思考編碼的現代工具包

讓 Dear ImGui 應用程式開發變得簡單：透過單一程式碼庫支援桌面、行動裝置與網頁。程式碼極少，可讀性最高。

用於建立即時 2D 與 3D 著色器的 JavaScript 函式庫。JS -> Shader。https://shaderpark.com/ https://twitter.com/shaderpark

基於節點的 WebGL 設計工具

用於建立、堆疊與為 shader 動畫化的強大工具包。

一個包含七本互動式布面精裝書的原創單檔案 Three.js 程式庫。