弓箭手 · Lv.391 · 3天前

用 MiMo Desktop 做一个能玩的网页小游戏:从生成到上线全流程

拿一个具体项目说事:用 MiMo Desktop 做一款贪吃蛇类的网页小游戏,跑完整条链路。 第一步,把需求当上下文喂进去。我在任务里写清楚:纯前端、不依赖构建工具、单 HTML 文件、Canvas 渲染、支持键盘和触屏。MiMo Desktop 会在会话里直接起一个可交互的预览,点开就能玩,不需要我在本地先把前端环境搭起来。这是它比终端 agent 省事的地方——Claude Code 生成的代码你还得自己起服务看效果。 第二步,边玩边改。发现蛇移动速度不跟手,我直接在预览里圈住速度相关的区域,描述"开局速度降 30%,每吃 5 个加速一次"。局部编辑只重写这部分,其他逻辑不动。Claude Code 在这一点上是全量 diff,虽然也能精准改,但你需要读 diff 来判断,可视化确认的路径更长。 第三步,版本回退。调了三轮发现方向不对,直接回到第一版状态重来。这一步在游戏手感调试里特别有用,因为手感这类东西很难用语言描述清楚,只能试。 第四步,真实部署。产物是静态文件,部署路径很朴素: 一,本地验证:把 HTML 放到站点目录,用 nginx 或 IIS 指过去,浏览器实测。 二,上线:静态资源丢 CDN 或者直接放到现有站点的子目录,注意把缓存策略设对,HTML 用 no-cache,JS/CSS 走长缓存加文件指纹。 三,域名与 HTTPS:如果独立域名,记得配好证书和强制跳转。 踩坑提醒:生成类工具容易忽略移动端的 viewport 和触摸事件,上线前一定在真机上点一遍。另外别把 API key 之类的敏感信息写进前端产物,静态页面里所有东西都是公开的。
全部回复 (0)
暂无回复,快来抢沙发