没有核弹爆炸💥，关于我如何用 Codex 一步步开发 web 游戏这件事...

关于用某某模型一句话开发游戏这种帖子很多，但这并不是大多数人可以得到的结果，因为大模型很多时候都有“抽卡”机制，你的一句话和别人的一句话，很多时候得到的结果都是不一样的。而我将一点点告诉你们如何正确的使用 Codex 开发小游戏（开发大型游戏基本上是不可能的）。

游戏体验网址：星尘旅伴

这是一个纯游戏 Demo，没有任何登录和引流，可以直接打开查看，如果违反社区规则，请告知，我会进行修改或删除。

这是一款宠物养成游戏。Codex 可以根据你的需求，生成一份简单的游戏开发需求文档（用

ChatGPT生成的 PRD 会更好）。你可以让 Codex 直接根据 PRD 进行游戏开发，但我不推荐这么做（我的第一款游戏就是这么干废了的）。Codex 虽然可以很好的开发游戏的逻辑代码，但前端界面的开发依然一团糟。原因很简单，Codex 在开发时如果没有设计稿或者参考网站，在开发过程中会随意发挥，随意发挥的结果就是抽卡，简单的页面有大概率抽卡可以得到好的结果，但大部分情况下就是一坨混杂了各种风格的页面。所以，我个人建议，就是让 Codex 通过内置的图片生成工具生成多个主页面的设计稿。你从这些设计稿选出你觉得符合你审美水平的设计稿作为后续的设计稿底稿。然后，你让 codex 根据底稿继续生成后续的所有页面，也可以只生成核心页面。最后，你让 Codex 根据这些设计稿页面进行页面的复刻。

为什么要用 Codex 生成设计稿，而非直接生成演示页面？

因为 Codex 的图片生成模型实在是太好用了，不管是游戏还是网站都能审美在线。而非 codex 直接生成页面，大部分还是免不了需要“抽卡”的情况。而且 codex 直接生成的页面很多时候都是没有图片的，这对于游戏而言是非常致命的，除非您想要开发的只是文字游戏而已。

有了设计稿，那就可以让 Codex 根据设计稿复刻页面，这里推荐官方的 Product Design 这个插件，这个插件可以更好地辅助你还原设计稿 UI。游戏除了 UI，其实还包含很多游戏美术资源。大的美术资源比如场景、角色这类美术资源可以让 Codex 使用图片生成工具直接生成。对于那些小的美术资源，比如技能图标、物品图标甚至是怪物静态图，如果让 AI 使用图片生成工具一张一张的生成，虽然可行，但很难保证大部分物品是统一的风格。因此最好的方式是让 AI 将一组图标直接在一张图片上生成。为了后续可以直接使用，你可以让 AI 生成绿幕背景的精灵图集（sprite atlas），一般 AI 会根据图标主题采用亮绿色或洋红色作为图片背景（影视上常用的图像处理方式）。你得到图片后，可以让 Codex 直接帮你移除背景生成透明的 png 图片，并将 sprite atlas 进行图标分割处理，如果图标大小不一，那就让其以透明边界作为抠图的依据，可以极大程度提高美术资源的提取准确度。这里推荐使用官方的 Game Studio 插件辅助游戏的美术资源处理。

拿到图标之后，你就可以让 Codex 根据PRD、设计稿以及大量的美术资源进行真正的游戏开发。Codex 在有设计图的情况下，可以极大程度的还原游戏界面。对于一些存在问题的 UI 或者美术资源的应用，你可以在后续开发过程中，让 AI 逐一进行修正。后续如何完善游戏，这就不展开说了，你可以尽情指挥 AI 帮你干活。

需要摒弃对游戏美术风格的固有想法

很多人想要游戏开发就会想要让 AI 开发像素风格的游戏，这个并没有错，但时代变了，AI 已经可以通过图片生成工具生成更精细的美术资源，而像素风格反而会影响游戏开发。为什么这么说，因为像素风格的美术资源没有圆滑的图形边界，无法直接使用代码进行复刻。比如像素风的按钮，你只能让 AI 生成按钮图片，然后将按钮图片放在游戏的固定位置，有点像是在拼图，但如果游戏的屏幕发生变化，你就需要进行复杂的多屏幕适配，这也是导致我第一款游戏开发失败的核心原因。

以上都是我个人在开发 web 过程中的一些心得体会，写得有些乱，希望大家见谅。如果对于使用 Codex 开发 web 游戏有更好的方式，希望大家也能分享出来，相互借鉴。