AI创建游戏20条提示词

### 🕹️ 经典机制与物理类

**1. 打砖块（向量反射与碰撞优化）**
```
请使用纯HTML/CSS/JS编写单文件打砖块游戏。实现Canvas 2D渲染、挡板键盘/鼠标控制、球体入射角=反射角物理计算、砖块耐久与AABB碰撞检测。需包含分数统计、关卡重置、球速渐进机制。要求使用requestAnimationFrame渲染循环，向量反射算法附详细数学注释，零外部依赖，.html双击运行。
```
💡 **博客切入点**：`Vector2D` 反射公式推导、AABB碰撞检测优化、离屏Canvas性能对比。

**2. 像素跑酷（FSM状态机与视差滚动）**
```
请使用纯HTML/CSS/JS编写单文件2D横版跑酷游戏。实现角色有限状态机（Idle/Run/Jump/Slide）、多层视差背景滚动、障碍物随机生成与速度递增曲线。支持空格跳跃/下蹲，重力模拟与精准平台碰撞。要求状态转换逻辑解耦、动画帧插值平滑，含FSM架构图注释，.html可运行。
```
💡 **博客切入点**：游戏状态机（FSM）设计模式、视差滚动数学原理、难度曲线配置表设计。

**3. 物理弹珠沙盒（Fixed Timestep架构）**
```
请使用纯HTML/CSS/JS编写单文件2D物理弹珠模拟。实现鼠标拖拽发射、多球体刚体碰撞（动量/能量守恒）、重力与摩擦力、墙壁弹性反射。可调节质量/弹性系数，实时显示速度向量。要求物理步进与渲染解耦（Fixed Timestep），含物理公式推导注释，零依赖，.html直接运行。
```
💡 **博客切入点**：Fixed Timestep 架构原理、刚体碰撞响应算法、前端物理引擎底层实现。

**4. 弹幕躲避（极坐标轨迹生成）**
```
请使用纯HTML/CSS/JS编写单文件弹幕躲避游戏。实现玩家微操移动、BOSS释放规律弹幕（环形/螺旋/椭圆轨迹）、圆形碰撞判定优化。含无敌帧、阶段转换与得分。要求弹幕轨迹使用极坐标参数方程生成，零依赖，含三角函数与碰撞优化注释，.html可运行。
```
💡 **博客切入点**：极坐标轨迹生成算法、圆形碰撞检测优化、游戏性能瓶颈分析。

---

### 🧩 益智算法与寻路类
**5. 华容道（BFS/A*路径验证）**
```
请使用纯HTML/CSS/JS编写单文件华容道滑块解谜游戏。实现4×5网格、空格相邻点击移动、胜利判定。需内置步数统计、一键打乱/重置。要求使用BFS或移动合法性校验算法，CSS Grid布局，零依赖，含路径搜索算法注释，.html直接运行。
```
💡 **博客切入点**：BFS/A*在谜题中的应用、网格状态哈希、前端算法实战。

**6. A*迷宫寻路（交互式可视化）**
```
请使用纯HTML/CSS/JS编写单文件迷宫寻路可视化工具。玩家可设置起点/终点/墙壁，一键运行A*算法计算最短路径，动画展示探索过程（Open/Closed集高亮）。支持手动控制角色沿路径移动。Canvas绘制，零依赖，含启发函数与数据结构注释，.html可运行。
```
💡 **博客切入点**：A* 启发函数选择、Open/Closed集优化、算法可视化前端实践。

**7. 记忆翻牌（Fisher-Yates洗牌）**
```
请使用纯HTML/CSS/JS编写单文件记忆翻牌配对游戏。实现4×4网格、CSS 3D翻转动画、Fisher-Yates洗牌算法、配对状态锁定与防连击。记录步数/时间，通关结算。要求动画硬件加速（transform3d）、逻辑视图分离，含洗牌算法注释，.html可运行。
```
💡 **博客切入点**：Fisher-Yates 洗牌算法证明、CSS 3D 硬件加速、轻量MVVM架构。

**8. 排序算法对战（数据可视化游戏化）**
```
请使用纯HTML/CSS/JS编写单文件排序算法对战游戏。将数组可视化为柱状图，玩家选择算法（冒泡/快排/归并），逐步动画执行交换，实时统计比较次数与耗时。支持手动步进/自动播放。要求算法与渲染解耦，零依赖，含时间复杂度注释，.html直接运行。
```
💡 **博客切入点**：数据结构可视化、算法动画步长控制、Performance API 性能监控。

---

### 🏗️ 架构与系统设计类
**9. 网格塔防（对象池与波次驱动）**
```
请使用纯HTML/CSS/JS编写单文件固定路径塔防游戏。实现敌人沿路径移动、玩家点击放置炮塔（单体/溅射/减速）、炮塔自动索敌与冷却。需包含波次配置JSON、对象池复用优化、金币经济UI。Canvas绘制，零依赖，核心循环与对象池含详细注释，.html可运行。
```
💡 **博客切入点**：对象池（Object Pooling）模式、波次配置驱动设计、Canvas渲染优化。

**10. 放置合成（数值循环与离线补偿）**
```
请使用纯HTML/CSS/JS编写单文件放置合成游戏。实现拖拽/点击合并、指数级升级解锁、金币被动收益计算、离线时间奖励公式。UI数据驱动渲染，支持LocalStorage存档/读档。要求数值曲线平衡、防作弊时间校验，含经济系统数学模型注释，.html可运行。
```
💡 **博客切入点**：增量游戏数值设计、离线时间补偿算法、LocalStorage持久化与安全校验。

**11. 微型咖啡师（事件队列与资源调度）**
```
请使用纯HTML/CSS/JS编写单文件模拟经营小游戏。实现顾客订单队列生成、设备操作状态机、资源库存管理、超时流失判定。UI采用步骤条交互，支持难度递增与结算。零依赖，含状态机图与队列管理注释，.html直接运行。
```
💡 **博客切入点**：事件队列管理、资源调度算法、模拟类游戏循环设计。

**12. 文字地牢（PRNG与程序化生成）**
```
请使用纯HTML/CSS/JS编写单文件终端风Roguelike游戏。实现基于随机种子（Seed）的地图生成（BSP或随机游走）、角色属性成长、回合制战斗与物品拾取。UI等宽字体+ANSI配色，支持WASD与指令。零依赖，含PRNG与地图生成算法注释，.html可运行。
```
💡 **博客切入点**：伪随机数生成器、BSP/细胞自动机地图生成、回合制游戏循环。

---

### 🎮 交互输入与多媒体类
**13. 节奏音游（Web Audio API同步）**
```
请使用纯HTML/CSS/JS编写单文件下落式节奏游戏。利用Web Audio API解析内置音频或生成模拟节拍，实现Note下落、判定线Perfect/Good/Miss判定、连击系统。支持键盘映射、实时分数。要求音频同步精准、渲染循环独立，含AudioContext时间轴对齐注释，.html可运行。
```
💡 **博客切入点**：Web Audio API 实时分析、时间轴同步机制、判定窗口算法设计。

**14. 双人乒乓（多输入映射与事件委托）**
```
请使用纯HTML/CSS/JS编写单文件本地双人对战乒乓游戏。实现左右挡板独立控制（P1:W/S, P2:↑/↓）、球体物理反弹、11分制赛制。支持多输入源映射冲突处理、暂停重赛。Canvas渲染，零依赖，含输入管理器与事件委托注释，.html直接运行。
```
💡 **博客切入点**：多输入设备管理、事件循环优化、本地多人游戏架构设计。

**15. 快速反应QTE（高精度时间判定）**
```
请使用纯HTML/CSS/JS编写单文件QTE格斗小游戏。实现血条、随机触发攻击提示窗口（0.5s内按指定键格挡/反击）、连击与硬直状态。支持键盘映射与反应时间统计。要求使用performance.now()判定输入延迟，零依赖，含帧判定逻辑注释，.html可运行。
```
💡 **博客切入点**：高精度时间测量、QTE输入缓冲设计、游戏帧同步基础。

**16. 单词拼写（拖拽兼容与状态校验）**
```
请使用纯HTML/CSS/JS编写单文件英语单词拼写游戏。界面显示中文释义，下方提供打乱字母块；拖拽至目标区校验拼写，错误弹回。内置分级词库、计时器、正确率统计。要求HTML5 Drag & Drop与Touch事件兼容，零依赖，含拖拽状态机注释，.html直接运行。
```
💡 **博客切入点**：拖拽API兼容性处理、状态校验逻辑、教育类应用前端实践。

---

### 🌐 3D、网络与可视化类
**17. 粒子星空（空间哈希优化）**
```
请使用纯HTML/CSS/JS编写单文件粒子引力互动游戏。生成大量微粒，距离阈值内自动连线；鼠标移动产生引力场。需实现空间哈希（Spatial Hashing）优化距离计算，保证60FPS下3000+粒子流畅。零依赖，含空间分区算法注释，.html可运行。
```
💡 **博客切入点**：空间哈希/四叉树算法、O(n²)到O(n)优化、Canvas大规模渲染。

**18. 体素方块放置（Three.js Raycaster）**
```
请使用Three.js编写单文件3D体素搭建游戏。实现鼠标Raycaster拾取网格面、点击放置/右键移除、基础重力与第一人称移动。支持材质切换与存档。要求使用InstancedMesh优化渲染，零外部模型依赖，含Raycaster与实例化渲染注释，.html双击运行。
```
💡 **博客切入点**：Three.js Raycaster交互原理、InstancedMesh渲染优化、3D网格坐标转换。

**19. FPS微型跑酷（PointerLock与向量移动）**
```
请使用Three.js编写单文件第一人称跑酷游戏。实现PointerLockControls视角锁定、WASD+空格跳跃、基于AABB的立体障碍碰撞、计时计分。场景含浮动平台与终点触发器。要求相机控制平滑、物理步进独立，含第一人称移动向量计算注释，.html可运行。
```
💡 **博客切入点**：Pointer Lock API原理、3D空间向量移动计算、相机平滑/防晕动症处理。

**20. 简易画板同步（WebSocket原型）**
```
请使用Node.js+Express+Socket.io+前端HTML/Canvas编写局域网同步涂鸦应用。实现多客户端画板数据实时广播、断线重连提示、清屏同步。前端使用Canvas路径记录与重绘优化。要求前后端分离清晰，含WebSocket心跳机制注释，提供完整启动指令。
```
💡 **博客切入点**：WebSocket实时通信架构、心跳保活机制、Canvas路径序列化与压缩。