記得小時候喺街機廳度，成日為咗食晒所有豆豆同避開鬼魂而興奮刺激？而家好多開發者想喺網頁上重現呢種經典體驗，但傳統遊戲引擎太複雜，唔易上手。mumuy/pacman 呢個 GitHub 開源項目，就用純 HTML5 Canvas 實現咗完整嘅吃豆人遊戲，專為想學習遊戲開發嘅前端工程師同愛好者提供簡單入門樣例。無論係初學者定有經驗嘅 coder，都可以即開即玩，快速掌握動畫、碰撞偵測同 AI 邏輯。
純 HTML5 Canvas 實現經典迷宮追逐
呢個項目嘅核心魅力在於完全依賴 HTML5 Canvas 繪製遊戲畫面，唔使額外插件或框架。打開瀏覽器，遊戲迷宮、Pacman 同四隻鬼魂就會即時呈現。玩家用方向鍵控制 Pacman 喺固定迷宮入面食豆，鬼魂會按預設 AI 路徑追趕，碰撞就遊戲結束。呢種純原生實現方式，讓開發者輕鬆理解每一步渲染流程，從背景 tile map 畫起到角色移動計算，都係教科書級嘅範例。
開源代碼支援自訂修改同學習遊戲 AI
fork 咗呢個 repo 之後，開發者可以直接喺 JavaScript 檔案入面修改遊戲邏輯。例如，調整鬼魂嘅追逐模式 — 紅鬼直線追擊、粉鬼隨機遊走、藍鬼埋伏路徑、橙鬼逃跑策略，每種 AI 都用簡單狀態機實現，容易擴展。Repository 提供完整文件結構，包括 sprite 圖像同音效資源，仲有歷史 commit 記錄方便追蹤變更。呢種透明設計，特別適合用嚟教學生或團隊內部分享遊戲開發技巧。
同其他 HTML5 遊戲相比，mumuy/pacman 嘅代碼精簡，只有幾個核心 JS 檔案，總行數唔超過千行。呢點對初學者嚟講係最大優勢，唔使花時間拆解複雜架構，就能上手調試碰撞偵測或計分系統。想加新關卡？只需修改 map data array，遊戲就會自動適應。
瀏覽器直玩無需下載即時體驗復古樂趣
最方便嘅地方係唔使 clone repo 或安裝環境，直接喺 GitHub Pages 或本地開 index.html 就玩得。支援鍵盤控制同觸控裝置，無論 desktop 定 mobile 瀏覽器都順暢運行。遊戲忠實還原 80 年代街機版，包括 power pellet 變身模式，讓 Pacman 反過嚟食鬼，帶來熟悉嘅緊張感。開發者玩完之後，自然會想拆解源碼，學習如何用 requestAnimationFrame 優化 60fps 流暢度。
對於想建個人作品集嘅前端開發者，呢個項目係完美起點。可以基於佢擴展成多關卡版本，或整合 WebGL 升級畫質。GitHub 上嘅 stars 同 forks 顯示咗社區興趣，證明咗經典遊戲喺現代 web 開發中嘅持久魅力。
完整文件結構方便團隊協作開發
項目文件夾組織清晰，有分離嘅 assets、js 同 css 目錄，仲包括 README 解釋遊戲規則同控制方式。最新 commit 記錄咗優化更新，topics 標籤如 HTML5、Canvas 同 Pacman 方便搜尋。License 採用開源許可，允許自由修改同分發，適合用喺教學 demo 或商業原型測試。
產品名稱：mumuy/pacman (Pacman based on HTML5)
官方網站：https://github.com/mumuy/pacman
