Loading blog...
Periodic 3D：一個每筆資料都要對得上來源的互動式元素週期表
2026年10月19日
繁體中文優先的元素週期表：2D／3D 四種排列、注音與 118 篇元素故事；資料與內容都以自動化檢查確保可查證。
#three.js#React Three Fiber#教育#資訊視覺化#Next.js
桃園機場捷運 3D：用 React Three Fiber 讓時刻表動起來
2026年5月1日
依照時刻表模擬機場捷運所有列車的 3D 數位孿生：時光機滑桿、到站看板、日夜模式，以及 4,000 棵樹的 InstancedMesh 場景。
#three.js#React Three Fiber#3D#資訊視覺化#Next.js
數位魚缸：用 React Three Fiber 打造可以自己佈置的 3D 海底世界
2026年4月27日
深藍海底、獨立游動的魚群與上升的氣泡：魚和造景都能即時調整，並透過降低 GPU 負擔避免 WebGL 白屏。
#three.js#React Three Fiber#3D#Next.js#互動設計
PUMPKIN 萬聖節：用 GSAP ScrollTrigger 與 three.js 讓捲動變成一段旅程
2024年10月30日
一個單頁的萬聖節網頁：粒子背景、會跟著滑鼠傾斜的卡片，以及隨捲動旋轉的莫比烏斯環，全部只用 GSAP 與 three.js 完成。
#three.js#GSAP#ScrollTrigger#互動設計#3D
