I
Jul 8, 2026I Built a Step-by-Step Creative Coding Course With 650+ Micro Challenges
Why I believe creative coding should be taught through small visual experiments, not giant code...
Jul 8, 20266 min read1 reactions0 comments
Back to articles 
Jun 28, 2026
Jun 22, 2026
Apr 29, 2026
Apr 26, 2025
Apr 2, 2025
Tag archive
#p5js
敲
Jun 28, 2026敲水杯奏音樂：用瀏覽器麥克風做互動聲音
你有沒有在樂團暖身的時候敲過水杯？ 玻璃杯裝不同量的水，敲下去的聲音都不一樣。水越少，聲音越高。這個現象，其實就是物理：水量影響震動頻率。 你可能以為這種「敲什麼像什麼」的遊戲，要靠專業設備才能做出...
Jun 28, 20261 min read0 reactions0 comments
同樣是 50 行程式碼，為什麼做出來的東西像藝術品？
這是做出來會長這樣——看到那些「會呼吸」的漸層了嗎？不是漸變，是雜訊。但看起來像是有生命的流體。  為什麼？
Jun 28, 20262 min read0 reactions0 comments
【
Jun 29, 2026【文章 19】同樣是 50 行程式碼，為什麼做出來的東西像藝術品？
【文章 19】同樣是 50 行程式碼，為什麼做出來的東西像藝術品？ 為光譜裡誰做：阿哲 Parent Gene：Breathing Particle（01）、TeamLab...
Jun 29, 20261 min read0 reactions0 comments
用
Jun 29, 2026用 p5.js 五十分鐘做出一個粉塵互動藝術——不用 Arduino、不用焊接，只要瀏覽器
用 p5.js 五十分鐘做出一個粉塵互動藝術——不用...
Jun 29, 20261 min read0 reactions0 comments
你
Jun 29, 2026同
Jun 23, 2026同樣是 50 行程式碼，為什麼做出來的東西像藝術品？
【文章 19】同樣是 50 行程式碼，為什麼做出來的東西像藝術品？ 為光譜裡誰做：阿哲 Parent Gene：Breathing Particle（01）、TeamLab...
Jun 23, 20261 min read0 reactions0 comments
用 p5.js 做出會回應滑鼠的日式粒子背景，讓你的作品頁面更有互動感
不用複雜的工程邏輯，用三個簡單步驟，打造出具有日式美學（低飽和、流動感）的互動粒子背景，適合放在作品集首頁。
Jun 22, 20261 min read0 reactions0 comments
S
May 4, 2026Sailboat moving on the waters
**Sailboat This is a sailboat moving on the waters ** ...
May 4, 20261 min read0 reactions0 comments
Why I’m Building a Step-by-Step Path Into Creative Coding
Most people encounter creative coding through impressive sketches or tutorials. They copy...
Apr 29, 20262 min read1 reactions0 comments
How to Turn Code Into Art and Games with p5.js
What possibilities emerge at the intersection of art and programming? Artists express themselves...
Apr 26, 20256 min read2 reactions0 comments
Serpentine Plotter: A Free Web-Based SVG Generator for Beautiful Generative Art
I'm excited to share a fun and versatile tool I've been working on, called Serpentine Plotter. It's a...
Apr 2, 20252 min read14 reactions0 comments