分類: p5.js & Shader

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

• 2026-02-25 極座標系統的藝術應用 — 玫瑰曲線、螺線、利薩茹圖形 前言 我們從小學習的座標系統是直角座標（笛卡兒座標...
• 2026-02-25 傅立葉級數畫任意圖形 — 用旋轉的圓畫出複雜輪廓 前言 你有沒有看過那種影片：一堆大大小小的圓，一個...
• 2026-02-25 碎形幾何入門 — Mandelbrot Set 與 Julia Set 的 shader 實作 前言 大約在十年前的某個夜晚，我第一次跑出一張 M...
• 2026-02-25 GLSL Color Palette 技巧 — iquilezles 的 cosine 色盤公式 前言 在 shader 程式設計中，「上色」往往是...
• 2026-02-25 GLSL 與 p5.js 的 uniform 傳遞 — 互動控制 shader 參數 前言 我們在前面的文章中寫了不少 GLSL 程式碼...
• 2026-02-25 Shadertoy 作品解讀系列 — 拆解經典 shadertoy 作品的數學 前言 到了系列的最後一篇，我想做一件特別的事：不是...
• 2026-02-25 三角函數的視覺直覺 — sin/cos/tan 的動畫化理解 前言 如果你曾經在課堂上背誦三角函數的公式，卻始終...
• 2026-02-25 矩陣變換視覺化 — 旋轉、縮放、剪切的幾何意義 前言 我第一次真正「看懂」矩陣的時候，不是在線性代...
• 2026-02-25 GLSL Raymarching 入門 — 從 2D 到 3D 的跨越 前言 上一篇我們聊了 2D SDF——用數學函數定...
• 2026-02-25 GLSL 後處理特效 — 模糊、色差、暈影、故障藝術 前言 當你辛辛苦苦在 shader 裡用 ray ...