Codex开发Cocos爆款沙画小游戏核心玩法！3小时实战实录！

原文链接：https://mp.weixin.qq.com/s/qha72t84ROwXDUHQ51I6HQ

Codex开发Cocos爆款沙画小游戏核心玩法！3小时实战实录！

• 来源：https://mp.weixin.qq.com/s/qha72t84ROwXDUHQ51I6HQ
• 作者：晓衡的游戏开发圈
• 发布时间：2026-06-04

上一篇《我用 Codex 将一张游戏截图，直接搓成 Cocos 预制体》当我用 Codex 实现自动布局 UI 这个流程后，我又再次陷入一个更大胆的想法（文末有H5体验）：

也就是说，不使用 CocosCreator 引擎的 UI 编辑器，而是把它仅当作最小入口模板，主要依靠 AI 手写代码来完成 UI、场景、交互和资源装配。

我这样一讲，AI 马上就明白我的想法，给我的结论是：

1.编辑器只保留启动场景、Canvas、相机、少量全局节点、资源导入和调试入口；2.UI、场景结构、交互绑定、资源装配主要由 JSON DSL + TS Builder + 业务组件完成。AI 给我聊了一大堆关于无场景、Prefab 的框架设计思路，跟我想的差不多，但是他补充得更全面。

我又跟他讨论用上面的思路，如果你要实现一个贪吃蛇、打飞机、消灭星星这样的游戏，你要怎么做？

Codex又巴拉巴拉地输出一大堆，内容有点多，我这里就不展开了。

用 AI 做贪吃蛇、打飞机这种游戏，太过简单没啥挑战，也没有商业化的可能，就算做出来也没啥意思。

要不我干脆，找一个正儿八经的爆款小游戏玩法来验证一下我的想法，做过什么呢？《沙画消消》怎么样！

《沙画消消》微信小游戏畅玩榜上榜一个月，一直稳居前三，就它了！

我就一句话，让 Codex 研究一下沙画消除游戏，他就将如《流沙俄罗斯》、《沙画消除》等游戏玩法搞得明明白白的。

然后，我再跟他讨论了一些关于沙粒性能优化的内容，大概八九不离十了。

Cocos Creator 3.8.8 创建一个2D 空项目，让Codex按前面讨论的开始干活。

第一版它花了 5分48 秒就写完了，给我写了详细的在 Cocos Creator 中的步骤：

1. 打开 sand-art-eliminate 工程。

2. 新建或打开一个 2D 场景。

3. Canvas 下建空节点 SandGame。

4. 给 SandGame 挂 SandGameController。

5. 把 SandGame 放到 Canvas 中心附近。

6. Preview 运行，点击沙盘消除；按 R 重开。

还没有用过 Cocos Creator 的老铁，看下面这个视频，大概了解下是怎么操作的就行了，非常简单，30秒学会：

以上就是我唯一在 Cocos Creator 里面做的操作，后面都是直接跟 Codex 的对话。

我怀着激动又忐忑的心情，运行起来一看，这是个啥鬼呀？一坨噪点！

直接上图，大白话跟Codex说出问题！（跟 AI 交流一定要使用好语音输入法）

codex 很懂的，这一把调教，他居然给我做成了一个沙画版的：消灭星星！

虽然游戏玩法不太对，但是这个核心算法已经搞定，沙子、塌陷、消除连关键元素都实现了。 刚开始的时候，沙子掉落其实是比较慢的，我让 codex 给我提供了几个参数控制沙子：

注意，这时候保持冷静，一定要记得让 codex 把项目保存到 git，说不定下一次对话就给改崩了也不是不可能的。

后面，我继续苦口婆心地给 codex 讲解游戏的玩法，还发了一段游戏视频给 codex。

思考半天，他居然说没有安装视频解析工具，视频他看不了！他是这样回我的：

• 本机没有 ffmpeg/ffprobe，我会用可用的工作区依赖或系统工具继续读视频；如果只能稳定读截图，我会明确标注哪些是从截图推断。

• 我找到了 Codex 自带的运行时依赖，里面可能有视频/图像处理库。我会用它读取视频元信息和抽几张帧到临时目录用于观察。

• 我用 stat 和 QuickLook 缩略图方式继续确认……

Codex 居然还能从视频缩略图上推断玩法，我感觉这也太不靠谱了。只好把视频转换成 GIF 图片给 Codex。

让他大概理解了一下玩法，我又跟他讨论了两个回合，让他先把 PDR（产品需求文档）生成出来再说。

• *产品需求文档（Product Requirements Document）：通常也称作PRD**，是用来记录产品功能、性能、用户期望，并指导开发和测试工作的核心文件。

这一把做出效果非常棒，已经达到 70% 的游戏玩法了。

尽管传送带还没有动起来，但是游戏的核心玩法效果已经有了，而且他这里的游戏 UI 中的沙桶，一看就是用 graphics 绘制的一个圆点。

还是把 UI 效果给补上吧！前面两期文章我专门介绍了怎么用 codex 做 UI 素材，这里就不多说了。

将生成的素材切好放到当前 codex 工程里面，接下来就是一版一版地迭代了。 但是传送带缺陷，也不动，而且他还自作多情的还给桶上加上进度条。

先继续修复传送带问题，传送带倒是动起来了，但是它穿屏了。

接下来是各种传送带，的幺蛾子BUG，一会儿是方向反了，一会儿是桶没到，就换位置了。

我觉得后面，还是把传送带，独立做成一个帧动画模块会好一些，估计还是得用到 prefab。最后，再完善一下沙子的收集效果，游戏就是下面这样了：

最后奉上，H5游戏体验： http://gameview.creator-star.cn/zxh/sand-art-eliminate/index.html

最后发布招募活动！

晓衡这两天收到一些读者的反馈，问我有没有 AI 游戏开发的课程。不好意思，我没有！

有的读者想我多分享内容，有的希望我能出课程！

我想了下，这次就先不做正式课吧，先只做一期小范围实战直播分享。不是讲课，只是分享。

这个分享付费的，大概就是一杯星巴克的价钱。

如果有50 个朋友愿意参与，我就把直播、源码、Prompt、回放和交流群都准备好。

感兴趣的朋友，可以先扫码加群！人数够了，我们就开整！

游戏开发，技术变现，舍我其谁？感谢点赞留言，欢迎加 V：z6346289！