分類: p5.js & Shader

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

• 2026-02-25 p5.js 碰撞偵測與物理模擬 — 彈性碰撞、簡諧運動 new 前言 上一篇文章我們建立了粒子系統的基礎，其中用了...
• 2026-02-25 p5.js 流場 (Flow Field) 視覺化 — 向量場與 noise 結合 new 前言 如果你曾看過那些粒子像河流一樣蜿蜒流動的生成...
• 2026-02-25 p5.js 遞迴圖形 — 碎形樹、Sierpinski 三角、Koch 雪花 new 前言 遞迴（recursion）是程式設計中最優美...
• 2026-02-25 p5.js L-System 植物生長模擬 — 文法驅動的生成式植物 new 前言 上一篇文章我們用遞迴畫出了碎形樹，但那棵樹的...
• 2026-02-25 p5.js 粒子系統入門 — 重力、碰撞、生命週期 new 前言 如果你曾經看過那些在網頁上飄散的火花、煙霧、...
• 2026-02-24 [Day 30] glsl 實戰演練(十二) –– noise 函數與馬賽克動畫 new 前言 在本系列教學的最後一篇，我們來探索如何用前一...
• 2026-02-24 [Day 27] glsl 實戰演練(十) –– 行星環繞動畫(一) new 今天我們要用前一個單元 glsl 基礎教學(五) ...
• 2026-02-24 [Day 28] glsl 實戰演練(十一) –– 行星環繞動畫(二) new 接續上一個單元的實作，我們接下來繼續講解如何渲染出...
• 2026-02-24 [Day 29] glsl 基礎教學(六) –– random 函數 new 今天要講解的是運用在 glsl 上的隨機化技巧，也...
• 2026-02-24 [Day 24] glsl 基礎教學(三) –– 著色器原理(二) new 今天繼續講解關於 glsl 的基礎語法。 範例程式...