贪吃蛇小游戏

Prompt

请生成一个单文件 HTML 贪吃蛇小游戏，满足以下所有要求： --- ## 一、整体风格 - 街机像素风，类似“99 in 1”老式掌机/街机的质感。 - 二维轻拟物 + 像素风结合：按钮有轻微的内高光/内暗边和下沉反馈，但不要现代渐变、柔和阴影或圆角。 - 机身外壳要有像素描边、硬边阴影和像素抖动纹理，不能是纯平面。 - 整体配色鲜明，支持深色/浅色两套主题。 ## 二、布局结构 - 网页左上角（浏览器窗口左上角，不是游戏机内部）放一个语言切换按钮（中/EN）。 - 游戏机内部从上到下依次为： 1. 品牌标题（如 `★ SNAKE ★`） 2. 分数条：得分 / 最高 / 等级 3. 屏幕区域（正方形 Canvas） 4. 控制区：左侧十字键，右侧暂停按钮 + 速度难度按钮（1 / 2 / 3） 5. 底部提示文字 ## 三、十字键 - 由四个细长的长方形组成：上、下为竖条，左、右为横条。 - 四个按键要窄小，彼此分离、不贴在一起，中间不要任何方框或中心装饰块。 - 按键表面有像素抖动纹理，按下时下沉并变色，箭头为纯色三角。 ## 四、按钮 - 暂停按钮、速度按钮、主题切换按钮、语言按钮都采用像素风。 - 二维轻拟物：轻微的内高光/内暗边 + 单层底部硬投影，按下时下沉。 - 不要现代渐变、圆角或模糊阴影。 - 按钮表面可加像素抖动纹理。 ## 五、主题（Light / Dark） - 提供 light / dark 主题切换按钮（放在游戏机内部右上角）。 - 切换主题时，整机外壳、面板、按钮、文字颜色都要联动。 - **游戏画面（Canvas 内的棋盘、蛇、食物、网格线等）也要同步切换配色**： - 深色主题：深色背景 + 亮色蛇和食物。 - 浅色主题：浅灰蓝背景 + 深色蛇和食物，保证对比度清晰。 ## 六、语言（中 / EN） - 网页左上角提供中/EN 切换按钮。 - 切换后，**所有界面文字都要汉化/英化**，包括但不限于： - 得分 / 最高 / 等级 - 速度 - 暂停 / 继续 - 主题切换按钮文字（亮色 / 暗色） - 底部提示文字 - 覆盖层上的开始/暂停/结束提示语 - 语言按钮本身中英文显示的大小、字重、内边距必须完全一致。 ## 七、中文字体 - **不要用宋体**。 - 中文优先使用像素风字体（如 Zpix、Fusion Pixel 等），回退到黑体系列（PingFang SC、Microsoft YaHei、Heiti SC、SimHei、黑体）。 - 中文字号要大，保证可读性；字重适中，不要过粗或过细，避免描边导致笔画粘连。 - 英文继续使用像素字体（如 Press Start 2P）。 ## 八、游戏玩法与交互 - 经典贪吃蛇：20×20 网格，吃食物加 10 分，撞墙或撞自己结束。 - 速度随分数提升，分 1/2/3 三档基础速度可选，等级 1–9 级。 - 最高分保存到 localStorage。 - 操作方式： - 键盘方向键 / WASD 移动 - 空格 / Enter 开始、暂停、继续 - 屏幕滑动转向（移动端） - 十字键按钮点击转向 - 暂停按钮在游戏中显示“暂停/继续”，游戏结束时点击可重新开始。 ## 九、视觉特效 - CRT 扫描线 + 暗角效果。 - 吃到食物时有粒子爆炸、屏幕轻微震动、画面闪光。 - 蛇身有渐变和头部光晕。 - 食物有脉冲呼吸效果。 - 覆盖层半透明，文字有像素发光感。 ## 十、其他 - 所有代码内联在一个 HTML 文件中，不依赖外部图片或额外文件（字体可用 Google Fonts 链接）。 - 适配移动端和桌面端，小屏时自动调整尺寸。 - 代码结构清晰，可直接在浏览器打开运行。 -中文字字重和字体合适，显示清晰可见

A system prompt was added to support web rendering