Loading blog...
數位魚缸：用 React Three Fiber 打造可以自己佈置的 3D 海底世界
2026年4月27日
深藍海底、獨立游動的魚群與上升的氣泡：魚和造景都能即時調整，並透過降低 GPU 負擔避免 WebGL 白屏。
#three.js#React Three Fiber#3D#Next.js#互動設計
Temple Oracle 線上抽籤：把廟宇抽籤的儀式節奏搬進網頁
2026年3月26日
不只是隨機產生籤詩：從默念、搖籤、擲筊到三聖筊確認，用狀態機重現抽籤流程，並以直式排版與留白營造沉靜的數位儀式感。
#Next.js#互動設計#UI/UX#CSS#TypeScript
PUMPKIN 萬聖節：用 GSAP ScrollTrigger 與 three.js 讓捲動變成一段旅程
2024年10月30日
一個單頁的萬聖節網頁：粒子背景、會跟著滑鼠傾斜的卡片，以及隨捲動旋轉的莫比烏斯環，全部只用 GSAP 與 three.js 完成。
#three.js#GSAP#ScrollTrigger#互動設計#3D
