Code Aesthetic Playground

程式碼美學實驗場 — LIVE PROTOTYPE

Sketch 01 與本站首頁的永恆之結共用同一套取樣邏輯（光柵化 → 取樣不透明像素 → 粒子成形；符號用 Path2D、文字用 fillText 光柵化）；Sketch 02 的照片為《艷世紀》田野攝影。

SKETCH 01 — 文字 → 粒子

粒子數 6000

擾動 30

SKETCH 02 — 照片 → 色票

const px = rasterize(text)   // fillText
const pts = sample(px, count)
particles.morphTo(pts)

const palette = kmeans(photo, 5)

HOW TO READ 導讀

「每一個視覺不是圖片，而是一段可讀、可調、可重播的程式。」這裡放的是這句話的兩個最小證明——文字變粒子與照片變色票，左側那段就是它們真正的核心程式。

輸入任何字（你的名字、一個地名），按「成形」看六千顆粒子飛成它的形狀；調粒子數與擾動，觀察同一段程式長出不同性格。點四張田野照片，色票會即時從像素裡萃取出來。

Sketch 01 和本站首頁的粒子永恆之結是同一套取樣與 morph 邏輯：光柵化（符號用 Path2D、文字用 fillText）→ 取樣不透明像素 → 粒子成形。首頁是品牌符號，這裡是你打的字——同一套語法，不同的輸入。