分類: p5.js & Shader

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

• 2026-02-25 GLSL 極座標繪圖 — 用 atan/length 繪製萬花筒效果 new 前言 在笛卡兒座標（Cartesian coord...
• 2026-02-25 GLSL Raymarching 入門 — 從 2D 到 3D 的跨越 new 前言 上一篇我們聊了 2D SDF——用數學函數定...
• 2026-02-25 GLSL 後處理特效 — 模糊、色差、暈影、故障藝術 new 前言 當你辛辛苦苦在 shader 裡用 ray ...
• 2026-02-25 GLSL Fractional Brownian Motion (fBm) — 多層 noise 疊加的雲霧效果 new 前言 如果你玩過 Perlin noise 或 s...
• 2026-02-25 p5.js 互動裝置 — 滑鼠、鍵盤、webcam 驅動的即時視覺 new 前言 到目前為止，我們的作品大多是「自己動」的——...
• 2026-02-25 p5.js 音訊視覺化 — p5.sound + FFT 頻譜動畫 new 前言 音樂和視覺之間有一種天然的聯繫。你聽到低音鼓...
• 2026-02-25 p5.js 資料視覺化 — 用藝術手法呈現數據 new 前言 資料視覺化（Data Visualizati...
• 2026-02-25 p5.js 3D 模式入門 — WEBGL 模式、3D 幾何與光源 new 前言 到目前為止，我們的所有作品都是在二維平面上的...
• 2026-02-25 p5.js 匯出高品質圖片與影片 — 用 CCapture.js 輸出作品集 new 前言 你花了好幾個小時打磨出一個美麗的生成式藝術作...
• 2026-02-25 GLSL SDF (Signed Distance Function) 入門 — 用數學畫出 2D 圖形 new 前言 如果你曾經在 Shadertoy 上看過那些...