HTML5 游戏prompt

【数字推盘】

请用 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 句本地运行说明。优先保证"多任务调度流畅"与"操作判定精准"。如需添加厨师技能或动态顾客系统,请附扩展指南。

相关推荐
GIS数据转换器2 小时前
基于AI+无人机的城市巡检系统
人工智能·3d·无人机·知识图谱·旅游
hhkSUC8PD2 小时前
Laravel AI SDK 正式发布
android·人工智能·laravel
程序员柒叔2 小时前
OpenClaw 一周动态-2026-W17
人工智能·大模型·openclaw·clawbot·motlbot
nuoxin1142 小时前
CYUSB4024-FCAXI 是一款USB 20Gbps 控制器-富利威
网络·人工智能·嵌入式硬件·fpga开发·dsp开发
云烟成雨TD2 小时前
Spring AI Alibaba 1.x 系列【34】Human-in-the-Loop(人在回路)执行流程
java·人工智能·spring
InfiniSynapse2 小时前
打工人ai效率工具:一键修改excel
大数据·人工智能·数据分析·excel·ai编程
m0_564914922 小时前
AI科技应用课
大数据·人工智能·机器学习
wechatbot8882 小时前
企业微信 iPad 协议接口全功能开发实战
汇编·人工智能·ios·微信·企业微信·ipad
Mr -老鬼2 小时前
Salvo Web框架专属AI智能体 - 让Rust开发效率翻倍
人工智能·后端·rust·智能体·salvo