ChatGPT 简单实践之像素脚本与像素图

您所在的位置:网站首页 简单好看的3d模型图 ChatGPT 简单实践之像素脚本与像素图

ChatGPT 简单实践之像素脚本与像素图

2023-06-26 09:24| 来源: 网络整理| 查看: 265

引言:本文为 Cocos 第 6 期社区征稿活动参赛文章,作者「ccbbs」,使用 Cocos Creator 3.x 引擎配合 ChatGPT 的加持做了一个可以让AI辅助创建体素模型并预览的工具。

前言

之前做了《像素空间3D》,用 Cocos Creator 3.x 实现了我的世界的基本功能。其中核心的功能就是创建与破坏。基于此,我想到可以做一个纯粹的 3D 创作小游戏。就像家里的小孩堆积木似的,没有游戏规则。顺便还可以利用一下AI来生成像素图或者像素模型。岂不美哉。于是就有了这款《像素绘3D》。

B站视频:体素创作与预览‍

也可以扫描小程序码体验(如果不好使,应该是还在审核(手动狗头)):

e64f93015fde5c0504e9d6635d34693f.jpeg

AI相关技术介绍

AI 可以辅助我完成一些不熟悉的领域。比如一些软件的脚本或者插件。本文主要使用了 AI 来导出 ASEPRITE 像素工具的绘制像素内容,然后再导入到项目里。还利用了 AI 的技术绘制一些像素图。

aseprite脚本

aseprite 是一款 2d 像素创作工具。我主要用来绘制一些像素 ui。在开发《像素空间3D》的过程中,需要使用像素模型,如果是在建模软件里建模再导入,我感觉有点麻烦,毕竟就是简单的平面像素。

所以就开始和 ChatGPT 讨论 aseprite 如何导出 16 进制数据了。

ef4094af621bebbc800a5881a25a68b0.png

经过了无数次来回拉扯,终于得到了可以正确运行的脚本。

58024378e459f7891a65a3a0b0a80c93.png

4fc02fc180966b31095df21ecaee4064.png

然后就让他给一个可以用 typescript 还原的代码。复制到项目里适配一下就可以了。

b258de5d518f46f3ce75d96516157917.png

aseprite 脚本自提(适用v1.2.25 499字节):

https://forum.cocos.org/uploads/short-url/p44mQx02OBW7nd2JYKNVwZzGpEx.zip

怎么使用这个脚本呢?首先可以自己绘制或者导入图片到 aseprite。这里导入一下 Cocos 的标志为例。然后用脚本导出。

583c8d4656a405b2ec79ef6cabc5fffa.png

查看导出的数据。

4785f2e8ee7c4202988a907c58fde79a.png

复制到项目里运行,非常的伟岸!

9ee8aa99d2a6c6867e0572687d27cf07.png

然后可以进行二次创作,用 ChatGPT 生成像素。我的设想是借助 ChatGPT 的能力,让他帮我生成类似导出的数据。但是 GPT3.5 的图形处理能力偏弱,处理一点简单的还行,复杂的就完全不好使了。

比如我要一个数字 3,最后的结果是:

f024f9cc38ea84053d8ec73b031e7511.png

8e4751c2b33596fc3af8fa9310a4d7bb.png

还算正确。但是当我要到一个马里奥的时候。结果是这样的:

b5194c773f29143c5d129dcc167b7a85.png

要一个皮卡丘,是这样的:

953b2f121491cfff8431e983cef3b23a.png

我想是不是尺寸有点小,来个大的,结果是这样的:

179754ef2d63084647a614ed9cf00d09.png

我想如果升级到 4.0 或许会好一点,这个留待之后解决了。

最后

使用 AI 可以扩展程序员的技术范围,比如之前要写一个 PS 插件,要查很多资料才行。现在只需要让 GPT 帮我弄就行了。还没使用的伙伴们,赶快用起来吧!这个源码我计划挂到商城,有兴趣的小伙伴可以买来参考。嘻嘻~

作者微信⬇️加我一起进步~

点击文末【阅读原文】前往原文查看。

往期精彩

2dd95fc834d8a0630a2dfb35c0b2c92c.png

8ca6ee097b683d733f054fa71bfd6a7c.png

a194aaba173bb06e5a5eb55fd6e0cb65.png

be31effecdaefd87eb3782d5e91ec22f.gif



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3