分類: p5.js & Shader

p5.js 創意程式與 Shader 視覺實驗

• 2026-02-25 Voronoi Diagram 的藝術應用 — 自然肌理的程式模擬 new 前言 長頸鹿的斑紋、乾裂的泥土、蜻蜓的翅膀、肥皂泡...
• 2026-02-25 反應擴散系統 (Reaction-Diffusion) — 模擬生物斑紋 new 前言 如果你曾經仔細觀察過珊瑚的表面、河豚的花紋、...
• 2026-02-25 黃金比例與費波那契螺旋 — 自然界的數學之美 new 前言 有些數字就是特別的。圓周率 pi 描述了圓的...
• 2026-02-25 GLSL Color Palette 技巧 — iquilezles 的 cosine 色盤公式 new 前言 在 shader 程式設計中，「上色」往往是...
• 2026-02-25 GLSL 與 p5.js 的 uniform 傳遞 — 互動控制 shader 參數 new 前言 我們在前面的文章中寫了不少 GLSL 程式碼...
• 2026-02-25 Shadertoy 作品解讀系列 — 拆解經典 shadertoy 作品的數學 new 前言 到了系列的最後一篇，我想做一件特別的事：不是...
• 2026-02-25 三角函數的視覺直覺 — sin/cos/tan 的動畫化理解 new 前言 如果你曾經在課堂上背誦三角函數的公式，卻始終...
• 2026-02-25 矩陣變換視覺化 — 旋轉、縮放、剪切的幾何意義 new 前言 我第一次真正「看懂」矩陣的時候，不是在線性代...
• 2026-02-25 GLSL 模擬水面折射與反射 — 結合 noise 和光線計算 new 前言 水，是自然界中最迷人也最難模擬的元素之一。它...
• 2026-02-25 GLSL Domain Warping — 扭曲空間產生的迷幻視覺 new 前言 如果你看過那些在 Shadertoy 上流動...