【数字推盘】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 数字推盘 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
点击空白格移动相邻方块,逐步复原1-15顺序。
记录步数与用时,提供提示功能显示下一步最优移动。
碰撞结算:完成排序通关;超时/步数超限进入结算。
完整状态循环:尺寸选择 → 实时显示步数/用时/提示 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
木质纹理风,滑块移动带平滑过渡,完成带拼图契合光效。
UI 居中简约,预留 Web Audio 占位接口(滑动/提示/完成/超时音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Grid/Tile/PuzzleSolver/Timer/Game 类分离),核心逻辑(A*可解性验证/状态哈希/动画过渡队列)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"初始布局必定可解"与"滑动动画流畅"。如需添加每日挑战或主题皮肤,请附扩展指南。
【管道连接】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 管道连接 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
点击旋转水管,使起点与终点连通形成完整路径。
限时完成多关卡,后期加入分流/单向阀/漏水点干扰。
碰撞结算:连通成功触发水流通关;超时或死锁结算。
完整状态循环:关卡选择 → 实时显示剩余时间/步数/进度 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
工业机械风,管道带金属质感,连通带水流粒子动画。
UI 顶部计时器,预留 Web Audio 占位接口(旋转/水流/成功/超时音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(PipeNode/FlowPath/LevelConfig/ConnectivityChecker/Game 类分离),核心逻辑(图遍历连通检测/旋转状态记录/水流动画队列)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"连通判定无漏洞"与"旋转交互无延迟"。如需添加自定义关卡或多人竞速,请附扩展指南。
【华容道】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 华容道 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
拖动方块为曹操出口让路,仅允许上下左右滑动。
步数限制与最优解提示,不同布局对应不同难度。
碰撞结算:曹操抵达出口通关;步数超限或死局结算。
完整状态循环:布局选择 → 实时显示步数/提示/进度 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
中国风木纹,方块带古文字样,拖动带吸附贴合感。
UI 侧边信息栏,预留 Web Audio 占位接口(拖动/贴合/提示/通关音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Block/Grid/MoveValidator/SolutionHint/Game 类分离),核心逻辑(滑动合法性校验/状态去重/启发式提示)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"拖动吸附精准"与"死局自动提示"。如需添加步数排行榜或经典谜题库,请附扩展指南。
【光线折射】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 光线折射 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
放置镜面/棱镜引导光束避开障碍击中目标。
关卡加入分光/滤色/折射率变化,需计算角度组合。
碰撞结算:光束命中目标通关;超时或路径错误结算。
完整状态循环:关卡选择 → 实时显示剩余道具/步数/进度 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
科幻实验室风,光束带高斯模糊轨迹,命中带聚能光柱。
UI 底部工具栏,预留 Web Audio 占位接口(放置/折射/命中/错误音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(LightRay/OpticalElement/Target/AngleCalculator/Game 类分离),核心逻辑(向量射线追踪/折射角计算/路径可视化渲染)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"光线计算物理准确"与"放置交互流畅"。如需添加激光多段反射或动态障碍,请附扩展指南。
【记忆翻牌】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 记忆翻牌 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
翻开两张相同图案即消除,限时/步数内清空牌面。
翻牌顺序需记忆,连击消除触发分数倍率。
碰撞结算:全消除通关;超时/步数耗尽结算。
完整状态循环:难度选择 → 实时显示时间/步数/连击 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
卡牌翻转3D变换,匹配带闪光消除,错误带轻微抖动。
UI 顶部HUD,预留 Web Audio 占位接口(翻转/匹配/错误/通关音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Card/Deck/MatchEngine/ComboSystem/Game 类分离),核心逻辑(洗牌算法/状态锁定/翻转动画队列)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"翻转动画平滑"与"匹配判定零误触"。如需添加主题卡包或本地对战,请附扩展指南。
【数独挑战】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 数独挑战 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
点击空白格填入1-9数字,确保每行、每列、每宫不重复。
实时高亮冲突数字,提供提示功能显示可填候选数。
碰撞结算:全格填满且无冲突即通关;连续错误触发冷却惩罚。
完整状态循环:难度选择 → 实时显示用时/提示次数/冲突标记 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
极简纸笔风,网格带柔和阴影,冲突格红框闪烁,填对带绿色勾光效。
UI 底部工具栏,预留 Web Audio 占位接口(输入/提示/冲突/通关音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Grid/Cell/ConstraintSolver/Validator/Game 类分离),核心逻辑(回溯法生成/约束传播校验/候选数计算)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"题目唯一解"与"输入交互零延迟"。如需添加每日挑战或笔记功能,请附扩展指南。
【自动迷宫】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 自动迷宫 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
控制角色在随机生成的迷宫中探索,寻找出口钥匙与宝箱。
迷雾随探索逐步揭开,避开陷阱与巡逻守卫。
碰撞结算:抵达出口通关;触碰陷阱/被守卫追击扣血,血空结束。
完整状态循环:迷宫生成 → 实时显示生命/钥匙/探索进度 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
像素地牢风,探索区域高亮未探区域暗角,宝箱开启带金币粒子。
UI 左上角小地图,预留 Web Audio 占位接口(脚步/开门/陷阱/发现音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(MazeGenerator/Player/Enemy/FogOfWar/Game 类分离),核心逻辑(DFS/Prim生成算法/BFS路径提示/视野遮罩渲染)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"迷宫必通无死角"与"迷雾切换平滑"。如需添加自定义种子或多终点机制,请附扩展指南。
【七巧板】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 七巧板 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
拖拽几何块至目标轮廓区域,支持旋转与翻转对齐。
关卡提供不同难度轮廓(动物/建筑/抽象图形),限时完成。
碰撞结算:所有块精准贴合轮廓即通关;超时或错位过多结算。
完整状态循环:轮廓选择 → 实时显示用时/贴合度/剩余块 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
教育插画风,几何块带柔和圆角与高亮描边,贴合带吸附弹跳动画。
UI 侧边提示栏,预留 Web Audio 占位接口(拖拽/旋转/贴合/超时音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Shape/Contour/DragController/SnapValidator/Game 类分离),核心逻辑(多边形点集判定/仿射变换矩阵/容错吸附算法)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"拖拽跟随精准"与"贴合判定宽容合理"。如需添加自定义轮廓上传或主题皮肤,请附扩展指南。
【电路接通】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 电路接通 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
拖拽AND/OR/NOT逻辑门放置于节点间,使最终输出为真。
关卡逐步加入延迟器/多路输入/反馈回路,需优化布线。
碰撞结算:电流导通点亮目标即通关;逻辑错误或短路结算。
完整状态循环:关卡选择 → 实时显示可用门数量/逻辑状态/进度 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
黑板粉笔风,节点带金属触点,通电导线亮起蓝色光流,错误带红色断路闪烁。
UI 底部元件库,预留 Web Audio 占位接口(放置/通电/错误/成功音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Node/Gate/CircuitSimulator/BooleanEvaluator/Game 类分离),核心逻辑(图遍历求值/状态传播算法/实时波形渲染)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"逻辑求值实时准确"与"拖拽布线流畅"。如需添加时序电路或可视化波形图,请附扩展指南。
【液体排序】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 液体排序 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
点击试管将顶部液体倾倒至其他试管,最终使每管同色。
试管容量有限,需合理规划倒水顺序避免死锁。
碰撞结算:全部试管单色即通关;无法移动或超时结算。
完整状态循环:难度选择 → 实时显示步数/提示/完成度 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
玻璃折射材质,液体带半透明渐变与流动波纹,倒水带倾斜动画。
UI 居中悬浮,预留 Web Audio 占位接口(倾倒/水花/完成/死锁提示音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Tube/Liquid/PourAnimator/StackValidator/Game 类分离),核心逻辑(栈结构模拟/倒水合法性校验/状态快照回溯)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"倾倒物理流畅"与"死局自动提示"。如需添加撤销上一步或主题液体特效,请附扩展指南。
【自动塔防】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 自动塔防 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
敌人沿固定路径行进,玩家点击空地放置防御塔自动攻击。
塔可升级射程/射速/伤害,合理搭配经济循环抵御波次。
碰撞结算:敌人抵达终点扣生命;生命归零或清空波次结算。
完整状态循环:地图选择 → 实时显示生命/金币/波次 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
低多边形战术风,塔带旋转炮管,子弹带轨迹光效,击中带命中反馈。
UI 底部建造面板,预留 Web Audio 占位接口(建造/开火/升级/警报音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Tower/Enemy/Projectile/Pathfinder/EconomyManager/Game 类分离),核心逻辑(网格寻路/目标优先级/经济循环/对象池)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"同屏百单位流畅"与"经济系统闭环"。如需添加随机事件或塔防科技树,请附扩展指南。
【棋盘战棋】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 棋盘战棋 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
4x4/5x5网格回合制移动,控制角色走格攻击敌方单位。
属性克制(骑/步/弓)与地形加成,策略规划走位。
碰撞结算:全歼敌方或占领核心通关;己方核心被占结束。
完整状态循环:阵营选择 → 实时显示回合数/行动点/血量 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
像素战棋风,格子带高亮可移动范围,攻击带范围指示与伤害飘字。
UI 侧边单位面板,预留 Web Audio 占位接口(移动/攻击/击杀/回合切换音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Unit/GridCell/ActionSystem/TurnManager/AIController/Game 类分离),核心逻辑(行动点计算/伤害公式/AI寻路评估/状态机)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"回合逻辑严谨"与"AI走位智能"。如需添加技能树或多人联机接口,请附扩展指南。
【资源大亨】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 资源大亨 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
点击核心建筑生产基础资源,解锁自动化生产线与升级。
资源指数增长,投资科技树提升效率,达成目标产量通关。
碰撞结算:产量达标解锁新阶段;破产或时间耗尽结算。
完整状态循环:主菜单 → 实时显示产量/资源/科技进度 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
扁平UI风,进度条带动态填充,升级带数字跳动与粒子爆发。
UI 顶部数据面板,预留 Web Audio 占位接口(点击/升级/达成/里程碑音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Resource/Building/UpgradeTree/AutoGenerator/Game 类分离),核心逻辑(指数增长模型/离线收益计算/状态持久化)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"数值平衡平滑"与"离线计算准确"。如需添加成就系统或自动化脚本接口,请附扩展指南。
【农场种植】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 农场种植 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
开垦土地播种作物,按时浇水施肥,成熟后收获售卖。
天气系统影响生长速度,解锁新种子与工具提升效率。
碰撞结算:完成订单目标通关;资金断裂或时间耗尽结算。
完整状态循环:季节选择 → 实时显示资金/天气/作物状态 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
像素田园风,作物带生长阶段动画,收获带金币掉落特效。
UI 底部工具栏,预留 Web Audio 占位接口(播种/浇水/收获/天气音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Plot/Crop/WeatherSystem/MarketTimer/Game 类分离),核心逻辑(时间轴生长模拟/状态机管理/经济循环)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"生长进度准确"与"交互跟手"。如需添加随机事件或农场扩张系统,请附扩展指南。
【烹饪大师】
请用 HTML5 + Canvas + JavaScript 开发一款单文件 烹饪大师 游戏,保存为 .html 双击即可在浏览器运行。
核心玩法:
按订单提示顺序完成切菜/煎煮/摆盘,限时多任务并行处理。
操作失误导致菜品烧焦或超时扣分,连击提升评分。
碰撞结算:订单全完成且评级达标通关;差评过多结束。
完整状态循环:餐厅选择 → 实时显示订单进度/时间/评分 → 暂停/继续 → 结算面板 → 【重新开始】。
视听与交互:
卡通厨房风,灶台带火焰动画,切菜带刀光轨迹,上菜带铃铛光效。
UI 顶部订单队列,预留 Web Audio 占位接口(切菜/翻炒/上菜/警报音效)。
技术要求:
单文件零依赖,使用 requestAnimationFrame 保障 60FPS 流畅渲染。
面向对象架构(Order/Ingredient/CookingStation/QueueManager/Game 类分离),核心逻辑(多步骤状态机/时间同步调度/评分算法)附清晰中文注释。
交付要求:
输出完整可运行代码,附 1 句本地运行说明。优先保证"多任务调度流畅"与"操作判定精准"。如需添加厨师技能或动态顾客系统,请附扩展指南。