這是一個測試 Auto-Dev workflow 的專案。
- 建立 Issue
- 加上
auto-devlabel - 等待 Bot 自動建立 PR
在任何 Issue 留言:
/evolve 建立一個簡單的 Hello World 程式
一個支援多人即時連線的網頁貪食蛇遊戲。
- 即時多人連線對戰
- 單機模式(無需伺服器也可遊玩)
- 響應式設計
- 流暢的遊戲體驗
- 玩家排行榜
單機模式:
直接在瀏覽器中開啟 snake-game.html 即可開始遊玩。
多人模式:
- 安裝依賴:
npm install- (可選)配置伺服器設定:
cp .env.example .env
# 編輯 .env 檔案來自訂伺服器設定預設設定:
WS_PORT=8080- WebSocket 伺服器埠號WS_HOST=localhost- WebSocket 伺服器主機(安全起見預設為 localhost)GAME_SPEED=100- 遊戲更新速度(毫秒)TILE_COUNT=30- 遊戲格子數量MAX_FOOD_SPAWN_RETRIES=100- 食物生成最大重試次數
- 啟動 WebSocket 伺服器:
npm start-
在瀏覽器開啟
snake-game.html -
點擊「連線」按鈕連接到伺服器
-
點擊「開始遊戲」開始遊玩
- 方向鍵 ↑↓←→ 或 WASD 控制蛇的移動
- 空白鍵暫停遊戲
- 吃到食物增加分數和蛇的長度
- 避免撞到牆壁或其他玩家
- 前端:純 HTML5 Canvas + JavaScript
- 後端:Node.js + WebSocket (ws)
- 即時通訊:WebSocket 協議
一個功能完整的網頁計算機,支援基本運算。開啟 calculator.html 使用。