自从有了 AI,我就再也不想拼 UI 了……

引言

哈喽大家好,我是亿元程序员,一位有着8年游戏行业经验的主程。

上期文章**《让Codex直接生成PSD难吗?提示词其实很简单》**依旧非常受欢迎。

文章主要讲述了笔者的游戏的界面是如何通过AI生成PSD的实战过程,游戏在文末可以进行体验。

关于那期文章,很多小伙伴都学会了如何通过AI生成PSD,但是觉得还远远不够,迫切想知道如何把PSD转换成游戏开发中实实在在能用的资源,彻底摆脱"UI仔"的称号。

其实提示词其实也很简单,不需要插件,不需要技能,就直接大白话就好。

言归正传,本期就带大家一起实战看看,怎么通过AI把PSD转成游戏开发中实实在在能用的资源,并且说说细节。

一.先说说痛点

相信各位已经成为大神的小伙伴,在入门游戏开发时,都经历过拼UI界面的阶段:

传统流程可能是这个样:

  • 1.美术妹子出效果图切图
  • 2.程序老哥拿到资源
  • 3.把效果图贴到底部
  • 4.逐个图片逐个像素去对位置
  • 5.完成游戏界面,开始写逻辑

正是因为是手动拼的界面,和效果图经常有些出入,例如图片不对,位置不对,字体字号不对等等,被策划老哥或者美术妹子打回调整,非常痛苦。

那怎么解决这个问题?

二.用工具将PSD转成预制体

程序老哥为了解决“拼UI”这个耗时耗力的工作,发现PSD其实包含了完整布局结构,于是地把锅甩给了工具和美术妹子。(美术妹子:我谢谢你。)

为什么这么说? 因为PSD中只有图片,位置,层级信息,游戏中的组件,公共图集,九宫等特殊部分就需要通过特殊命名或者其他手段标记出来,这部分需要美术妹子参与。

最后工具根据PSD直接生成所需要的界面。

这个方案虽然减轻了程序的痛苦,但是美术需要学习和理解工具所需要的各种规则,也非常痛苦。

那在这个过程中,AI能否简化美术的工作?

三.AI实战

上期我们通过AI解决了出图的问题,成功通过Codex生成我们所需的界面PSD,接下来我们实战将PSD转成游戏开发中实实在在能用的资源。

1.新建工程

简单新建一个测试工程。

2.创建Codex项目

把新建的工程拖进Codex创建一个新的项目。

3.开始对话

首先直接把我们上期生成的PSD拖进对话框:

然后输入大白话:

请根据这个psd,在本项目中,制作一个prefab。要求能够达到合理使用的效果。

小伙伴一直好奇通过AI开发游戏到底要燃烧多少token,其实并不多,像这样简单的内容,5.5轻一轮对话就可以完成,如图所示:

2分钟27秒就已经完成了:

4.看看效果

打开Cocos,可以看到预制体已经制作好了,双击打开,效果一步到位:

资源自动导出到游戏目录:

还自动划分了层级:

四.说说细节

1. 其实将PSD转成游戏界面很早就有了,相信很多小伙伴都已经解决了拼UI的痛点,AI的出现只是让这个过程更加轻松。

2. 没有PSD需求的小伙伴其实可以直接省略掉这一步骤,直接从AI到游戏特定资源。

3. AI的底层思路其实也是通过工具将PSD文件按照指定格式转成预制体,微调PSD之后可以手动使用工具重新导出。

4. 理论上不需要很强的模型,即使很弱的模型,通过不断对话(可能生成预制体有报错,图片格式不对等等),也能达到一样的效果。

5. 完成效果消耗:

能接受吧!

以上就是怎么通过AI把PSD转成游戏开发中实实在在能用的资源,如有不对,还请指出。

结语

自从有了 AI,我就再也没有拼过UI了,把拼UI的时间都用去体验下面这个游戏了:

如果你对游戏开发/AI游戏开发也感兴趣,欢迎私信笔者,一起交流,合作,探讨!


我是"亿元程序员",一位有着8年游戏行业经验的主程。在游戏开发中,希望能给到您帮助,也希望通过您能帮助到大家。

PS : 笔者线上的小游戏**《填色之旅》《蚂蚁搬好运》《贪吃蛇掌机经典》《重力迷宫球》《打螺丝闯关》**大家可以自行搜索体验。

实不相瞒,想要个赞和爱心!请把该文章分享给你觉得有需要的其他小伙伴。谢谢!

愣着干嘛?点赞啊!没让你点赞赏!

推荐文章:

亿元Cocos小游戏实战合集2.0

亿元Cocos小游戏实战合集1.0

老板说最近这款游戏很火让我抄,可是我连玩都玩不明白…

这款值68亿的游戏,你不实战一下吗?安排!

小伙伴说我的拼图游戏用Mask不能合批…

俄罗斯方块谁不会做…啊?流沙版?

最近很火的一个拼图游戏,老板让我用Cocos3.8做一个…

老板说拼图游戏太卷了,让我用Cocos做个3d版本的…

敢不敢挑战用Cocos3.8复刻曾经很火的割绳子游戏?

2赞

真棒! .

666666 :rofl:

psd 转 prefab 的工具挺多了,不过最麻烦的就是自动层级。
美术不想psd里面按规范画层级,随意乱命名乱堆,技术的prefab里面又需要清晰的层级。这点 ai 我感觉是可以勉强解决。

拿到一个层级混乱和命名混乱的psd,做成层级清晰的prefab。如果有的话,求一个层级整理的skil。

我想知道,如果开发到一半,策划说要改一些效果,添加,删除一些功能,是不是就只能手动了?要不重新生成prefab,绑定的脚本和手动微调的东西就全部重置了吧?

好久不见啊 好久没看到你留言了

同求+1 :smirk_cat:

可以看看figma这种设计软件

还有一个问题,需求变更后 psd 能作用到老的prefab 不然只能加速第一次

哈哈,忙起来就少逛论坛了。

你这个psd应该是还是偏结构简单的,之前要过美术的一份psd,可以说是屎山结构了,AI都读不懂

有点意思,想不到现在AI强大到这个地步