Web 程式設計 - 遊戲專題
2026
我在這個專題中,負責撰寫程式、設計其中一個小關卡、以及整合整體流程。
personal website
用 Next.js 框架開發的個人網站,並搭配 React, Tailwind CSS 來製作。
side project - p5.js 作品管理網頁
編寫 p5.js 程式可以在線上編輯器或是本機執行,不過線上版的有檔案儲存大小限制,且不支持熱鍵使用;而本機執行則面臨重複複製套件、浪費電腦空間的痛點。為了解決此問題,我開發了一個 p5.js 專案管理工具。利用 Node.js 建立自動化腳本,每次只需在終端機輸入一行命令即可產生新專案。這個工具的重點是共用核心套件,讓不同專案間不需要重複存放相同的 library 檔案,不僅節省空間,更能透過統一的介面有效管理與展示多個作品。
Sinking Values - 結合 LLM 的心理測驗
一個用 Next.js 和 Gemini AI 打造的沉浸式心理測驗,玩家置身於一艘逐漸下沉的船,透過一連串抉擇,最終發掘內心深處核心價值觀。
尋找你的靈魂色票 - 心理測驗
一個用 Next.js 打造的心理測驗,玩家透過回答問題,找出專屬的靈魂色票。
P5.js 生成式藝術
2025
使用 p5.js 創作的作品。
Javascript 應用程式設計 - 遊戲專題
我在這個專題中,負責技術(javascript、p5.js)的部分。