方案详情

可复制提示词

使用原生HTML + CSS + JavaScript + Canvas 开发一款完整版H5贪食蛇游戏，单页面设计，零外部依赖，兼容PC端和手机移动端，无弹窗、无额外页面跳转。 ### 游戏规则 1. 移动控制：PC端用键盘上下左右方向键；移动端支持屏幕上下左右滑动操控； 2. 食物：画布内随机刷新食物，蛇吞食食物后身体变长、分数增加； 3. 死亡规则：蛇触碰画布边界 或 咬到自身身体，游戏立即结束； 4. 速度机制：随着分数不断提升，蛇的移动速度逐步加快，提升游戏难度； 5. 游戏状态：包含【开始游戏】【游戏进行中】【游戏结束】三种状态，结束后可一键重新开局。 ### 界面与布局 1. 页面整体居中，上方展示实时分数，中间为游戏画布，下方放置重新开始按钮； 2. 配色清爽，元素大小适配手机屏幕，支持竖屏移动端正常游玩。 ### 代码要求 输出完整可运行源码，代码结构清晰，关键逻辑添加中文注释，保证多浏览器正常兼容。