AI 写代码：5分钟开发网页版贪吃蛇小游戏
提示词描述：
适用于想快速制作网页小游戏的开发者或爱好者。通过此提示词，AI 将生成结构严谨、面向对象的 HTML5 Canvas 贪吃蛇代码。包含计分、碰撞检测、本地存储等完整功能，填补了前端娱乐项目开发的空白。
提示语关键词：
AI写代码,ChatGPT提示词,前端开发,HTML5小游戏,贪吃蛇代码,网页游戏开发
提示词内容：
你是资深前端工程师。请帮我编写一个基于 HTML5 Canvas 的贪吃蛇小游戏，要求代码结构清晰、可直接运行。
核心需求：1. 游戏区域大小为 {填写:如 400x400} 像素，背景色为深色。2. 蛇的初始长度为3节，移动速度为 {填写:如 150} 毫秒/格，吃到食物后速度可略微加快。3. 支持键盘上下左右方向键控制，禁止直接反向移动。4. 页面顶部包含计分板，实时显示当前分数和最高分（使用 localStorage 存储）。
代码结构要求：请将 HTML、CSS 和 JavaScript 整合在一个 HTML 文件中。CSS 需实现 {填写:如 赛博朋克霓虹/极简黑白} 风格，添加发光或阴影效果。JS 需使用 ES6 面向对象编程思想，严格划分为 Snake（蛇逻辑）、Food（食物生成与碰撞）、Game（主循环与渲染）三个类。
注意事项：1. 必须严谨处理边界碰撞和自身碰撞逻辑，碰撞后立即停止游戏并弹出 Game Over 提示。2. 食物生成算法必须确保新食物坐标不在蛇身体内部。3. 游戏循环需使用 requestAnimationFrame 配合时间戳来控制帧率，避免卡顿。4. 代码需包含详细的中文注释，解释核心算法逻辑。
扩展功能：请预留一个难度选择接口，允许通过修改配置对象来调整初始速度和网格大小。确保代码在 Chrome 和 Edge 浏览器中完美兼容。