YL

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.

相关提示词

参考链接

标签