GAME · 单文件 HTML
俯视角收集物小原型Top-down collectible prototype
键盘移动玩家,收集场景中的物品,简单计分与重置。
旗舰完整演示
可交互场景(拖拽旋转;部分演示支持键盘)。下方提示词用于让 Agent 生成同级成品。
预期产出 · Returns
单 HTML 可玩原型:WASD 移动、碰撞或距离检测收集、UI 分数。
适合用在哪
验证玩法、教学演示、Game Jam 起点。
容易踩的坑
- 用固定每帧位移而非 delta 会导致不同帧率速度不一致。
提示词 · Prompt
单文件 HTML + Three.js 做一个俯视角收集游戏原型:
1) 平面地面 + 边界;玩家用 Capsule 或 Box 表示,WASD 在 XZ 平面移动(固定 Y);
2) 随机生成 10 个「金币」物体,玩家靠近 1 单位内收集并加分;
3) 顶部 HTML overlay 显示分数与操作说明;
4) 收集完后显示胜利,按 R 重置;
5) 使用 Clock.getDelta 做帧率无关移动;
6) 代码结构:init / update / render 分开,中文注释。
不要外部游戏引擎。
Single HTML top-down WASD collector: score UI, reset key, Clock delta movement, no game engine.