零基础用AI写网页小游戏：3步搞定贪吃蛇
提示词描述：
专为编程新手与游戏爱好者打造的提示词模板。通过结构化参数配置，AI可快速输出完整可运行的HTML5休闲小游戏代码。内置跨端适配与防错逻辑，零环境依赖，双击即可本地试玩，适合快速搭建个人娱乐项目或互动分享页。
提示语关键词：
AI编程助手,ChatGPT写代码,HTML5小游戏开发,零基础AI做游戏,前端代码生成模板,网页互动小游戏制作,AI辅助编程入门
提示词内容：
【模板说明】本模板专为编程新手与游戏爱好者设计，通过结构化指令引导AI输出完整可运行的HTML5休闲小游戏代码。内置防错机制与模块化注释，确保代码开箱即用，大幅降低环境配置与调试成本。
【使用场景】适用于个人娱乐项目开发、编程初学者练手、社群互动页面制作或节日趣味H5分享。当你想快速实现一个无需后端、纯前端运行的轻量级网页游戏时，直接填入参数即可一键生成。
【模板正文】角色设定：你是一位拥有十年经验的前端游戏架构师，精通原生JavaScript与Canvas渲染。
任务目标：根据以下配置生成单文件HTML5小游戏。
核心参数：
- 游戏类型：{填写具体游戏名称或玩法类别}
- 核心机制：{填写操作方式、得分规则与失败条件}
- 美术风格：{填写色彩倾向、UI布局与元素设计}
- 交互反馈：{填写音效提示、动画过渡或震动反馈}
输出要求：提供完整HTML代码，包含内联CSS与JS，关键逻辑需添加中文注释，确保在主流浏览器直接双击运行。
【填写指南】采用“具体化+场景化”原则：
1. 游戏类型避免宽泛：填“像素风贪吃蛇”优于“小游戏”
2. 机制需明确输入设备：指定“键盘方向键”或“鼠标拖拽”
3. 风格可参考成熟案例：如“扁平治愈系”或“复古街机霓虹”
4. 对比建议：若追求极简运行，填“无音效+扁平化”；若追求沉浸体验，填“添加短促音效+粒子**特效”
【效果示例】填入参数：类型=太空陨石躲避，机制=鼠标控制飞船左右移动，风格=深空渐变背景，反馈=碰撞闪烁红光。AI将返回包含Canvas渲染循环、碰撞检测算法、自适应布局的完整代码。保存为index.html双击即可运行，适合直接部署至GitHub Pages分享。