這次挑戰將在30天內,使用 HTML、CSS、JavaScript 以及現代前端工具(例如:React/Vue/SASS)打造一個完全前端的小遊戲網站。
每天記錄設計與開發過程,從遊戲概念發想、版型切割、角色與場景動畫、RWD響應式設計,到最終部署到 GitHub Pages/Netlify,呈現一款可線上遊玩的網頁遊戲。
全程不使用任何後端服務,純粹依靠前端技術實現完整遊戲體驗,展現 Modern Web 的互動魅力。
Day 1|挑戰開始 & 認識前端開發工具 今天是我參加 iT 邦幫忙 30 天鐵人賽的第一天!這次挑戰的主題是「30 天打造純前端小遊戲網站」,全程只...
Day 2 — 遊戲靈感蒐集 翻牌遊戲(Memory / Matching Game)玩法概念:玩家需要翻開兩張卡片,找出相同圖案,直到所有卡片配對完成。核心...
Day 3 — 前端基礎複習 主題:DOM 操作、事件監聽、CSS 動畫概念目標:在開始實作遊戲前,重新複習前端的核心技能,確保之後能順利操作網頁元素、觸發互動...
Day 4|RWD 認識:響應式設計的基本觀念與常見技巧 在開始正式實作之前,今天想深入整理一下前端開發中非常重要的概念——RWD (Responsive We...