「貪食蛇互動遊戲」（real 標題：純英文「Snake Game」）是阿凱老師用純 Canvas 2D 寫的 1997 年 Nokia 3310 經典貪食蛇復刻版，極簡 7.6KB 單檔。
🎯 核心特色
- 🐍 經典貪食蛇玩法 — 吃食物變長、撞牆 / 撞自己就 GG
- 🎯 20px 格子 + 5fps 移動 —
gridSize=20，setInterval(200ms)慢動作好玩（不是 60fps 太快沒法玩） - 🏆 得分 + 最高得分 — localStorage 永久記錄，挑戰自己
- ⚡ 極簡 7.6KB 單檔 — 比阿凱其他遊戲都小，純 JavaScript 無框架
- 📖 DevTools 開 Sources 看程式碼 — 總共不到 100 行，國小生看了會說「寫程式不是天書」
- 🏫 掛學校網域 —
smes.tyc.edu.tw/smes_html/snake_game.html零廣告
💡 設計理念
貪食蛇是程式設計入門的「Hello World 等級遊戲」：規則簡單、程式碼短（200 行內）、視覺單純、機制經典（Nokia 3310 1997 年原版到現在仍能玩）。為什麼用 setInterval(200ms) 而不是 requestAnimationFrame？ 因為 60fps 太快「根本玩不了」，5fps「每秒蛇移動 5 格剛好」 — 用對工具是工程師的修養。跟 #30 遊戲集合 內的另一版貪吃蛇是不同版本（阿凱先寫獨立版 #36 → 之後做合集 #30 時把貪吃蛇也納入），兩個版本都保留。
🎒 適合情境
適合五六年級資訊課老師（純 Canvas 教學範例）、程式設計營隊講師（Canvas 2D 入門案例）、想學「最簡單 Canvas 遊戲」的開發者、懷舊玩家。最常見用法：程式設計課示範「單檔 HTML + 純 JavaScript = 貪食蛇」+ 開 DevTools 看「總共不到 100 行」；下課休閒比 YouTube 廣告好；學生想學寫遊戲從 #36 抄起。免費、純前端、零廣告、零依賴。