Loading blog...
Periodic 3D：一個每筆資料都要對得上來源的互動式元素週期表
2026年10月19日
繁體中文優先的元素週期表：2D／3D 四種排列、注音與 118 篇元素故事；資料與內容都以自動化檢查確保可查證。
#three.js#React Three Fiber#教育#資訊視覺化#Next.js
ActiFlow：活動建立、報名與審核的全端平台
2026年9月15日
Next.js ＋ FastAPI 打造的活動報名平台：網站與活動單位雙層權限、R2 預簽章上傳，部署在 Vercel、Cloud Run 與 Neon。
#Next.js#FastAPI#PostgreSQL#Cloud Run#Cloudflare R2
桃園機場捷運 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#互動設計
Nexus 台美股即時儀表板：一個畫面看台股與美股
2026年4月18日
整合台股與美股的個人看盤終端：權值股即時報價、K 線與五條均線，所有 API 金鑰都留在伺服器端。
#Next.js#React#SWR#Recharts#Tailwind CSS
Alphabet Academy 英語字母小學堂：一本會回應的字母描寫簿
2026年4月15日
給小朋友的英文字母練習網站：在螢幕上描寫字母並即時評分，兼顧公平與友善的評分設計，加上語音發音與鼓勵。
#Next.js#Canvas#教育#UI/UX#Web Speech API
