没写一行代码,用【pink】做了个2048

Cocos Creator PinK 编辑器初体验

终于等到了

这个编辑器从官方开始透露消息到现在,已经吊了大家胃口好长时间了。什么"AI 驱动"、“全流水线开发”、“自然语言编程”,听起来都挺玄乎的。

拿到邀请码之后,为了测试它的实际能力,我决定做个 2048 小游戏。这个游戏逻辑不算复杂,但也涉及到:

  • UI 布局

  • 游戏逻辑(方块移动、合并)

  • 动画效果

  • 分数计算

正好可以全面测试一下 PinK 的能力。

一、什么是 PinK

1.1 官方定位

先说说官方怎么介绍 PinK 的。

根据官方的说法,PinK 是一个 AI 驱动的游戏开发编辑器,核心特点是:

  1. 全流水线驱动 - 不只是写代码,还能生成美术资源、动画、场景

  2. 自然语言交互 - 用说话的方式告诉 AI 你要做什么

  3. 深度集成引擎 - AI 有完整的引擎控制权,可以直接操作 Cocos Creator

  4. 开放生态 - 兼容 VSCode 插件,支持自定义 Agent 和 MCP 协议

听起来很厉害对吧?但实际用起来怎么样,还得自己试试才知道。

二、生图配置

PinK 内置的图片生成服务用的是 Gemini 3 Pro Image Preview 模型。

这意味着你需要:

  • 自备 Gemini API Key

  • 确保网络能访问 Google 服务(你懂的)

配置方式:

  1. 打开 Settings

  2. 搜索 “Gemini”

  3. 添加 API Key(建议添加在 Workspace 下)

如果没有 API Key 或者网络不通,图片生成功能就用不了。不过纯代码开发倒是不受影响。

三、实战:做个 2048 游戏

3.1 第一次尝试:一句话生成游戏

创建好项目之后,我直接在 Chat 框里输入了一个比较完整的需求:

"帮我实现一个 2048 的核心玩法竖屏,设计分辨率 750x1624

  1. 创建一个 creator 的入口场景
  1. 场景中直接实现 2048 的棋盘
  1. 编写脚本实现所有功能
  1. 不需要图片,直接使用色块和文本来表现"

AI 的反应

AI 没有直接开始写代码,而是先生成了三个文档:

  • GD.md - 游戏设计文档

  • ART.md - 美术需求文档

  • TECH.md - 技术需求文档

这个设计挺好的,AI 先理解需求,整理成文档,然后让我确认。

文档内容很详细:

  • 游戏规则:4x4 网格,滑动合并相同数字,目标合成 2048

  • 界面设计:分数显示、棋盘区域、游戏结束提示

  • 技术方案:场景结构、脚本设计、资源使用

我看了一下,基本符合我的需求,就回复了"确认"。

3.2 AI 开始干活

确认之后,AI 开始工作了。

它先创建了场景结构:

  • Canvas(适配竖屏 750x1624)

  • ScoreLabel(顶部显示分数)

  • Board(游戏主区域 640x640)

  • GridContainer(4x4 网格背景)

  • TileContainer(动态数字方块容器)

  • TileTemplate(数字方块模板)

  • GameOverUI(游戏结束界面)

然后开始写脚本:

  • GameManager.ts - 核心逻辑控制器

  • Tile.ts - 单个数字块的显示与动画

中途中断了

不过 AI 工作到一半突然停了,可能是生成内容太多了。

我输入"继续",它又开始工作。结果又停了一次。

我再输入"继续,不要停",这次它终于完成了。

3.3 AI 实现的功能

AI 完成后,告诉我实现了这些功能:

场景结构

  • 动态生成 4x4 的背景网格

  • 预制的数字方块模板,用于实例化

  • 游戏结束界面,包含"Try Again"按钮

核心逻辑

  • 输入控制:监听触摸事件,判断上下左右滑动方向

  • 移动逻辑:实现了经典的 2048 移动与合并算法

  • 生成逻辑:每次有效移动后在随机空位生成 2 或 4

  • 状态管理:实时更新分数,检测游戏胜利/失败

视觉效果

  • 根据数值自动改变背景颜色(色块)

  • 文字颜色根据背景深浅自动调整

  • 移动、合并、生成的缓动动画

资源使用

  • 没用任何外部图片

  • 全部使用引擎内置的 SpriteSplash(纯色)和 Label 组件

  • 通过代码动态修改颜色实现视觉效果

3.4 发现 Bug

我迫不及待地运行了游戏,结果发现有几个 bug:

问题 1:合成逻辑有问题

能合成的数字存在合成不了的情况。比如两个 2 挨在一起,滑动后没有合成 4。

问题 2:数字丢失

有时候操作后,某些数字直接消失了,但也没有合成。

问题 3:报错

控制台不断输出错误:Please set target to tween first

看来 AI 生成的代码还是有问题的。

3.5 Bug 修复

我把问题反馈给 AI:

"不同的数字合成,现在有 bug,

  1. 能合成的数字存在合成不了的问题
  1. 存在有的数字操作后丢失并且未合成的问题
  1. 操作过程中出现 error 提示:Please set target to tween first"

AI 的修复

AI 很快定位了问题:

修复完成后,AI 告诉我:“现在您可以重新运行游戏,合成逻辑应该正常了,且不会再出现相关报错。”

3.6 最终效果

重新运行游戏,这次终于正常了!

游戏功能完整:

  • :white_check_mark: 滑动操作流畅

  • :white_check_mark: 数字合并正确

  • :white_check_mark: 动画效果自然

  • :white_check_mark: 分数计算准确

  • :white_check_mark: 游戏结束判断正常

从提需求到最终完成,整个过程大概花了 20多分钟吧

3.7 代码质量

看了一下 AI 生成的代码,质量只能说一般般:

优点

  • 结构清晰,注释详细

  • 符合 TypeScript 规范

  • 基本功能能跑起来

不足

  • 初始版本有明显的逻辑 bug

  • 没有做性能优化(比如对象池)

  • 缺少边界情况的处理

适用场景

像 2048 这种超休闲小游戏还行,项目规模稍微大一点就不太够用了。

可能需要更精确的提示词,或者把复杂功能拆分成小步骤,让 AI 一步步实现。

四、使用体验

4.1 优点

1. 做小 Demo 确实快

从提需求到游戏能玩,20 多分钟就搞定了。做原型、验证想法的时候,这个速度确实很香。

2. 理解能力还行

用自然语言描述需求,AI 基本能理解。比如说"添加动画效果",它知道该给哪些地方加动画。

3. 修改方便

发现问题直接告诉 AI,它会定位问题并修改代码。这个交互方式比自己翻代码找 bug 要快。

4.2 缺点

1. 只能算个玩具

说实话,现在的 PinK 只能算个玩具。

做个 2048 这种超休闲小游戏还行,或者做试玩广告素材也凑合。但正经项目?绝对不合适,至少现在不行。

生成的代码质量一般,bug 也不少,稳定性也不够。

2. 需要自备 API Key

图片生成功能需要 Gemini API Key,对国内开发者不太友好。网络访问也是个问题。

3. 功能不完整

官方宣传的很多功能还没上线,比如一键分发、生成试玩广告、数据运营闭环等。

现在能用的功能比较基础。

五、适合谁用

适合的场景

  • 快速原型开发 - 做 Demo、验证想法,不用纠结细节

  • 超休闲小游戏 - 像 2048 这种简单的小游戏

  • 试玩广告素材 - 快速做个可玩的 Demo

  • 学习参考 - 新手可以看 AI 生成的代码,学习实现思路

不适合的场景

  • 生产环境 - 官方也说了,Alpha 版本不要用于生产

  • 商业项目 - 代码质量、稳定性都不够

  • 大型项目 - 复杂的项目 AI 应付不来

  • 团队协作 - 缺少版本管理、代码审查等功能

六、总结

PinK 现在还只是个玩具,但方向是对的。

值得尝试的理由

  • 做小 Demo 确实快

  • 可以体验 AI 驱动的开发方式

  • 给未来的开发工具提供了新思路

需要注意的点

  • Alpha 版本,bug 很多

  • 不要用于生产环境

  • 做好数据备份

如果你拿到了邀请码,可以玩玩看。但别指望它能替代传统开发方式,至少现在不行。

后续 Cocos 官方应该会持续迭代,我会继续关注,有新的体验再和大家分享。

1赞

效果如下,能玩了,还有bug
不能上传视频,只能传个gif了

1赞

看看适合二开不?这个架构

这东西不至于二开吧
搞着玩的

那和在Gemini网页写小游戏有差别不

明年小游戏市场要有大量半成品产品上架了

我没试过gemini网页

哈哈哈哈哈
帮忙搞软著有市场了

1赞

不适合二开,其实不懂有啥用。给本科生交作业可以用

能试试找个参考图,然后让pink 根据碎图拼出一个完整预制体不,能生成出来才生生产力 :laughing:

pink 哪里可以下载?

现在是邀请内测阶段

这种直接用gemini就可以做,包括创建项目,完成代码

gemini创建不了预制体和场景节点