AI 生成网页游戏，最适合从一个规则少、可快速试玩的小游戏开始。与其只说“做一个好玩的跑酷”，不如明确玩家怎么操作、如何得分、状态如何变化以及什么情况下结束。AutoClaw 可以根据这些规则完成界面、游戏循环和交互，最后交付一个可在浏览器中打开的 HTML 文件。
一个可玩的网页小游戏，需要哪些规则
一个最小可玩版本，至少要有五类规则：玩家输入、角色动作、收集物、风险和结束条件。这次的 Puffy Cat 使用跳跃和二段跳跨过屋顶缺口，通过毛线球和猫罐头增加得分与 Fluff，但 Fluff 越高，猫越蓬松，重力和跳跃表现也会发生变化。
这样的设计有一个好处：收集物不只是加分，也会增加风险。玩家可以按下方向键减少 20% Fluff 并向前冲刺，因此“继续收集”和“主动减负”之间会形成选择。这就是一个简单但完整的核心玩法循环。
这次给 AutoClaw 什么
输入对题材、视觉、操作和数值都给出了明确限制：制作一个巴豪斯风格的 2D 屋顶跑酷，使用暖燕麦白天空和灰色建筑轮廓；点击或空格键跳跃，支持二段跳；收集毛线球增加 5% Fluff 和 10 分，收集猫罐头增加 15% Fluff 和 50 分；掉入缺口或 Fluff 达到 100% 时结束。
Build a playable minimalist Bauhaus 2D rooftop runner game called Puffy Cat in a single HTML Canvas file. The player taps or presses Space to jump or double-jump, collects yarn balls and cat cans, and manages a Fluff gauge. Press Down to shake off 20% fluff for a dash. End the game if the cat falls into a gap or reaches 100% fluff.
AutoClaw 做了什么
它把需求实现为一个 Canvas 游戏循环，包括地图向后移动、角色跳跃与下落、道具碰撞、分数与 Fluff 更新、蓬松外形变化以及游戏结束判定。所有视觉元素和交互都集中在同一个 HTML 文件中，不需要额外安装运行环境。
最终交付了什么
本次成品是一个43 KB 左右的单文件 HTML Canvas 游戏。文件实际大小为 43,116 字节，打开后即可试玩。已实现跳跃、二段跳、收集毛线球与猫罐头、Fluff 进度、三阶段蓬松外形、减少 Fluff 的冲刺动作，以及掉落和最大 Fluff 两种结束条件。
怎么复用这种 AI 网页游戏工作流
先用一句话定义核心循环，例如“跳过缺口—收集道具—风险上升—主动降低风险”。然后补全键位、加分、状态变化和失败条件。视觉方向只需要指定色板、形状语言和参考气质，不要在第一轮同时要求大量关卡、商店、存档和联机。
第一版能完整玩一局之后，再逐步增加声音、暂停、重新开始、最高分保存、新道具和难度曲线。这样每次都能有明确的验收目标，也更容易找到哪条规则影响了手感。
游戏发布前要人工检查
不要只看游戏能否打开。需要实际测试跳跃与二段跳是否稳定，道具碰撞是否误判，分数和 Fluff 是否按规则更新，冲刺是否真的减少 20% Fluff，以及两种结束条件是否能正确触发。还要在不同尺寸屏幕上测试键盘和触摸操作，并检查游戏说明、声音开关和重新开始是否容易找到。
常见问题
AI 能一键生成所有网页游戏吗？不能把所有类型都简化成一键生成。规则清楚、范围较小的 2D 游戏更适合快速制作；多人联机、复杂物理、长期数据保存和大型关卡需要更多开发与测试。
单文件 HTML 游戏有什么优点？便于发送、打开和快速测试，适合原型、教学和小型作品展示。当功能和素材持续增加时，应再拆分项目结构，方便维护。
