互动与工具v4 内容审稿模式

做一个浏览器收集小游戏

控制角色收集物品,加入计分、倒计时和重新开始,完成一个最小游戏闭环。

完成后得到
一个一分钟内能看懂玩法并完成一局的小游戏
难度与用时
进阶一点 · 半天
项目形式
JavaScript · Canvas
查看 12 个项目 当前:做一个浏览器收集小游戏
这次要交付什么

一个可在浏览器完成一局的收集小游戏,包含移动、计分、倒计时、胜负和重开。

开始前准备

先把材料准备好,再让 Codex 动手。缺少真实内容时先留空,不要让它替你编造。

  • 写一句玩法:玩家做什么、怎样得分、何时结束
  • 准备一个空练习目录
  • 决定只用几何图形还是自有素材

第一版只做这些

这一轮只完成最小可用版本。下面四项全部完成以后,再考虑增加功能。

  • 一个场景和一个核心循环
  • 键盘或触摸至少支持一种
  • 明确分数、失败和胜利
  • 一键重新开始

跟着完成一次

不要一次把全部要求扔给 Codex。按顺序完成,每一步都先看结果,再继续下一步。

  1. 01

    先把玩法拆成输入、反馈、目标和失败条件。

  2. 02

    使用 Canvas 或轻量框架完成最小循环,不先做菜单和商店。

  3. 03

    启动游戏并亲自试玩三轮,记录操作、节奏和碰撞问题。

  4. 04

    补充暂停、重开和简短操作说明。

  5. 05

    检查控制台、帧率和手机端可操作性。

复制给 Codex 的完整任务

把方括号中的内容替换成你自己的真实材料,再复制给 Codex。

项目开工提示词

请在当前练习目录把【一句话玩法】做成一个浏览器收集小游戏。先不要写代码,先定义输入、即时反馈、得分方式、倒计时、胜利和失败条件,并把第一版限制为一个场景、一个角色和一种收集物。确认后再使用原生 Canvas 或项目已有的轻量框架实现,不下载来源不明的素材。完成后启动游戏并实际试玩三轮,记录每轮发现的问题,修复最影响可玩的三项;最后检查重新开始、暂停、键盘或触摸操作、控制台错误和一局是否能在两分钟内完成。

Skill 怎么参与

Skill 只是帮助你加快某一步,不是完成项目的前提。没有安装,也可以让 Codex 按同样的目标继续做。

Browser / Playwright

用于自动检查开始、失败、重开和控制台错误;手感仍需亲自试玩。

Image Generation

可生成原创小图标;第一版使用几何图形也完全可以。

第一版完成以后

确认第一版可以使用,再复制下面这段升级任务。不要在基础功能还没跑通时提前增加。

项目升级提示词

请给现有小游戏增加一个可选难度和本地最高分,但不要增加账号、联网排行、商城或复杂关卡。先为新状态写验收条件,再实现并试玩至少三轮,确认旧难度仍可完成、最高分只保存在本机且可清除。

常见偏差

  • 先做菜单、角色皮肤和多关卡,核心循环仍不可玩。
  • 只看构建成功,没有亲自完成一局。

完成检查

  • 一分钟内能理解操作。
  • 胜利、失败和重开都能触发。
  • 连续试玩三轮没有阻断错误。
  • 外部素材有明确来源。