AI拿起画笔的那一刻

💡

从一张设计稿到一款可运行游戏的诞生之路

Codex + Pencil + VSCode + Cocos 全流程实战

有人说，未来的开发者不再需要敲代码。

我对这种说法持保留态度。

但我愿意换一种表述：未来的开发者，只需要向AI描述他脑海中的画面。

这篇文章，记录的正是这样一次尝试——我几乎什么都没做，或者说，我只做了一件事：阐述我的创意。其余的，全部交给机器完成。

而机器，交付了一款真正能够运行的游戏。

回顾过去的游戏开发历程，是一场漫长的马拉松。

策划将想法写成厚厚一叠需求文档，设计师借助Figma、Axure或纸笔，一帧一帧地描绘界面的轮廓。UI稿反复修改了三四遍，程序员才敢开始编码；程序员埋头苦写了两周，测试却发现与设计稿差了像素级别，于是全部推倒重来。

每个阶段之间，隔着一道无形的壁垒。

设计的语言，与代码的语言，从来就不是同一种语言。

Pencil这款轻量化的原型工具，一直是那道壁垒中一扇小小的窗。它简洁、直观，能快速搭建线框图，却始终未能真正打通从设计到开发的关键环节。

直到Codex的出现，那道壁垒开始出现裂缝。

这次实验的第一步，并非写代码，甚至不是绘图——而是一场对话。

"我想制作一款俯视视角的2D迷宫闯关游戏。有一个玩家角色，可以上下左右移动，碰到墙壁会停下，抵达终点则触发通关。需要主界面、游戏场景界面和结算界面，请直接在Pencil里帮我完成设计。"

随后，一件颇具科幻色彩的事情发生了。

Codex启动了Pencil。

不是生成一段文字描述让我手动构建，也不是输出一张图片让我参考——它直接调用了Pencil的操作接口，宛如一个真正坐在屏幕前的设计师，开始在画布上逐一构建各个界面：

画布被划分为三个区域，Codex依次进入每一个，添加每一个矩形框，输入每一行文字标注——

主界面

正中央的游戏Logo占位块，下方一枚醒目的"开始游戏"按钮，右上角一个小齿轮代表设置入口。间距均衡，层级清晰。

游戏场景

顶部一条状态栏，左侧标注「关卡1/10」，右侧标注「剩余时间60s」；中央是迷宫区域的网格占位框，四周留有适当边距；底部是一组十字形虚拟方向键，每个按键的热区被明确框定。

结算界面

上方三颗星的评级区，中间两行数据——完成用时与移动步数，底部两个并排按钮：「再来一局」与「返回主页」。

每一个元素，都附带精确的坐标标注与尺寸说明。整份原型图整洁、明了，宛如一位资深UI设计师的出品。

我注视着屏幕，看着Pencil的画布上，控件一个接一个地自动出现。

那一刻，设计稿不再是设计师熬夜加班的产物，而是一段对话的产出。

原型图完成了，接下来才是真正的考验：Codex能否将它亲手绘制的图，转化为游戏？

它当然可以。因为这张图，本就是它理解的结晶。

Codex以原型图为蓝本，开始生成代码。VSCode启动了，文件一个个出现：

它没有胡来。它清楚原型图里中央那个大格子是迷宫区，知道底部那四个小方块是虚拟摇杆，知道星星要根据用时动态点亮。

它在解读自己绘制的图。如同一个程序员拿到自己亲手设计的需求文档——理解每一行背后的意图，而不只是照着样式还原。

Codex生成的代码，是一块未经雕琢的璞玉。

在VSCode里，它没有止步。继续检查，继续优化：

Bug修复

迷宫生成算法的边界条件存在漏洞——自动修补

性能优化

玩家移动时帧率出现抖动——调整update的时间步长处理

体验优化

对照原型图发现方向键触控热区偏小——主动将点击区域扩大20%

细节完善

所有界面切换处，补上0.3秒的淡入淡出过渡动画

这些细节，我一个都没有提及。

这是AI在做一件设计师和程序员都非常熟悉的事：在细节上精益求精。

VSCode的类型检查、Linting规则、报错提示，在这个过程里不是障碍，而是护栏——它们帮助AI在奔跑的时候，不会偏离轨道。

最后一步，将代码导入Cocos Creator。

场景搭建完毕，资源绑定完成，点击运行。

屏幕上出现了一个小小的迷宫。

我按下方向键，角色动了。它碰到墙，停住了。它走到出口，屏幕一闪，结算面板弹了出来，星星亮了两颗。

我愣了几秒钟。

不是因为游戏有多精致——它很粗糙，很简单，连美术都是方块占位符。

而是因为，从我说出那段话，到这个东西跑起来，中间没有一个环节是我亲手完成的。

Pencil里的原型，是Codex一笔一划绘制的。游戏里的代码，是Codex逐字逐行编写的。Bug是它自己发现、自己修复的。细节是它主动对照着图稿完善的。

我做的，只是告诉它：我想要什么。

我不打算在这里宣扬"开发者要失业了"。

因为这套流程真正厉害的地方，恰恰不在于"取代人"，而在于把人从低价值的重复劳动里解放出来。

以前，从一个想法到一个可运行的Demo，需要一个团队花一两周。现在，可能只需要一个人花几个小时。

那节省出来的时间，用来做什么？

用来想更多的点子。

这，才是AI工具链真正的馈赠。

Pencil不是最强的原型工具，Codex也不是最聪明的AI，Cocos更不是唯一的游戏引擎。

但这四个工具串联在一起，今天，已经能做到这件事了。

而明天，它们会更强。

所以，你脑海中那个构思了很久却迟迟没有动手的游戏，也许现在是时候，去跟AI聊一聊了。