5 个高互动性 H5 游戏原型
以下创意在逻辑复杂度上稍高于基础游戏，重点在于处理连续输入、路径计算或动态生成内容。所有代码均要求单文件实现，确保在移动端浏览器中流畅运行。
1. 贪吃蛇进化版：霓虹穿梭
核心玩法：传统贪吃蛇变体。蛇身随时间自动发光变色，吃到特殊道具可短暂穿墙或加速。难点在于处理蛇身数组的移动逻辑与碰撞检测的边界情况（如头尾相接）。
技术亮点：使用 Canvas 绘制带有拖尾效果的蛇身，利用 `globalCompositeOperation` 实现霓虹发光质感。
请用原生 HTML5/JS 开发一款霓虹风格的贪吃蛇游戏。
要求：
1. Canvas 全屏自适应，背景为深色网格。
2. 蛇身由多个节点组成，移动平滑，支持触控滑动和键盘方向键控制。
3. 食物随机生成，吃到后蛇身增长并加分。
4. 增加“穿墙”道具：吃到后 5 秒内可穿过边界从另一侧出现。
5. 视觉效果：蛇身和食物需有发光效果（shadowBlur），分数实时显示在左上角。
6. 游戏结束条件：撞到自己身体（非穿墙状态下）或撞墙（非穿墙状态下）。
7. 单文件，无依赖，包含重新开始按钮。
```
2. 打砖块：物理反弹
核心玩法：经典 Arkanoid 玩法。挡板底部移动，球体反弹消除上方砖块。难点在于球体与砖块碰撞后的反射角度计算，以及不同材质砖块（需多次击打）的状态管理。
技术亮点：实现简单的向量反射逻辑，增加粒子爆炸效果当砖块破碎时，提升打击感。
请用原生 HTML5/JS 开发一款打砖块游戏。
要求：
1. 底部挡板跟随鼠标或触控水平移动。
2. 球体在屏幕内反弹，撞击砖块后砖块消失并加分。
3. 砖块布局为多行多列，不同颜色代表不同生命值（需击打多次）。
4. 物理逻辑：球体撞击挡板不同位置时，反射角度应有变化（边缘反射角度更大）。
5. 特效：砖块破碎时产生简单的粒子爆炸效果。
6. 生命系统：初始 3 条命，球落底则扣命，命尽游戏结束。
7. 单文件，Canvas 渲染，适配移动端触摸操作。
```
3. 涂鸦跳跃：无限上升
核心玩法：角色自动跳跃，玩家控制左右移动落在平台上。平台会随机消失或移动。难点在于摄像机的跟随逻辑（世界坐标与屏幕坐标的转换）以及平台的无限生成算法。
技术亮点：实现视差滚动背景，处理角色在空中时的惯性移动，使手感更顺滑。
请用原生 HTML5/JS 开发一款类似 Doodle Jump 的无限上升游戏。
要求：
1. 角色受重力影响自动下落，碰到平台自动向上跳跃。
2. 玩家通过左右倾斜设备（陀螺仪）或点击屏幕左右侧来控制角色水平移动。
3. 平台随机生成在上方，部分平台为“易碎”（踩一次即消失）。
4. 摄像机逻辑：当角色跳至屏幕上半部分时，所有物体下移，模拟上升效果。
5. 游戏结束：角色掉落至屏幕底部。
6. 记录最高分，并在游戏结束时显示。
7. 单文件，Canvas 绘制，无需外部图片资源（使用几何图形代替）。
```
4. 颜色排序：液体试管
核心玩法：近期热门的益智玩法。多个试管中装有混合颜色的液体，玩家需将同色液体移动到同一试管中，直到所有试管要么为空，要么为纯色。
技术亮点：复杂的数组状态管理。需判断移动合法性（目标试管是否为空或顶层颜色是否相同），并实现液体流动的动画过渡。
请用原生 HTML5/JS 开发一款颜色排序解谜游戏。
要求：
1. 界面显示 4-6 个试管，每个试管包含不同颜色的分层液体（用矩形堆叠表示）。
2. 点击第一个试管选中顶层液体，点击第二个试管进行倾倒。
3. 规则：只有当目标试管为空，或目标试管顶层颜色与待倒入颜色一致时，才允许倾倒。
4. 动画：液体倾倒时要有简单的液面高度变化动画。
5. 胜利条件：所有试管均为空或装满单一颜色。
6. 提供“重置本关”和“下一步提示”功能。
7. 单文件，CSS 绘制试管和液体，JS 处理逻辑。
```
5. 躲避陨石：雷达扫描
核心玩法：玩家控制中心飞船，陨石从四周向中心飞来。屏幕会有短暂的“雷达扫描”效果，只在扫描瞬间显示陨石位置，其余时间隐藏，考验记忆力和预判。
技术亮点：实现“战争迷雾”或扫描线效果。利用 `requestAnimationFrame` 控制扫描线的周期性显现，处理大量陨石的轨迹计算。
```text
请用原生 HTML5/JS 开发一款雷达躲避生存游戏。
要求：
1. 玩家控制屏幕中心的飞船，可通过鼠标/触控拖动移动。
2. 陨石从屏幕边缘随机位置向中心或随机方向飞行。
3. 核心机制：屏幕默认黑暗，每隔 2 秒有一道雷达扫描线扫过，仅在扫描线经过时显示陨石和飞船的位置，其余时间隐藏（仅保留飞船微弱光点）。
4. 碰撞检测：飞船触碰陨石则游戏结束。
5. 难度递增：随着时间推移，陨石速度和数量增加。
6. 单文件，Canvas 渲染，强调光影对比效果。
```
开发提示：
这 5 个游戏都对动画帧率和输入响应有较高要求。在使用 AI 生成代码时，如果感到卡顿，可以特别要求 AI “优化渲染循环，避免在 `requestAnimationFrame` 中进行频繁的 DOM 操作，尽量使用 Canvas API 进行绘制”。
