全程 AIGC 游戏创作,2小时开发微信小游戏!(完整ChatGPT调教流程)

给 AI 打工,2小时开发一款3D小游戏可行么?

9f1a4500d2998f296c5002a38d205098.jpeg源码下载地址见文末!

最近,科技发展是日新月异......

如果说 Stable Diffusion 和 Mid Journey 只是卷死了美术,我们还在庆幸研发不能被替代。

那么 3 月份出来的 GPT4 就让我感到危机了!

那么很多同学就说,大不了我当 UI 崽,让 GPT4 给我写 Shader 么?对此,我同时持怀疑和焦虑。

本文从实践出发从程序、Shader、美术、到音乐均由 AIGC,二喵全程负责当 UI 崽,来探索 AI 的上限和下限,缓解焦虑。

写在前面

老习惯,先做思维导图,确定要做哪些内容?游戏玩法是 AI 熟悉的贪吃蛇,这次要升级到 3D 贪吃蛇并加入新玩法和复杂地形。

464b8aab8b49eeb75faa72b44be2a643.png

为啥要先写思维导图呢,因为功能点比较多,中间改来改去怕影响GPT4的上下文。同时功能也会尽量拆开,避免相互干扰。

4390e0a10a1cb74ea0ca495b5e029eec.png

01 代码功能开发

第一次沟通,GPT4 的 API 还停留在 Cocos 3.3 版本,这次是使用 3.7.2 最新版本开发,先粘贴第一个需求,居然没有报错!

c519af08b1fec8641dcad52a323eb055.png

然后运行就翻车了!

初始化直接报错,我发现直接空指针报错,检查后发现是 _moveDirection 蛇的方向向量为空(猜猜为什么跑不起来?)

9dbbc44b2b57b411f87051e70f086031.png

经过沟通后,小 G 很快修复了问题。

f9b6e59a6d3460d048dc7cf724007ba8.png

运行一切正常。

然而加入水果的逻辑,第3次运行,发现蛇的方向错乱,作为1个老UI崽,很快意识到是蛇头的坐标被污染了,这时候已经开始打退堂鼓了,不会每次都需要我修改吧?

3d9612d2003b06e0baa154025af0bd3c.png768715d4bc7ae25f6fb50d8309b9c4a3.png

于是我开始 CPU 小 G,在接下来的 5 个功能点上,一切正常。

e7faa2cc70cb27575bb4dbd9ca6391b2.pnga78ef804dda9fbc1b14453f008ad3971.png

小 G 和我的配合也渐入佳境

538c289b61c55f319dc434fa08b543e2.png

大概花了 50 分钟把全部的游戏逻辑写完了一切正常。

02 小结如下

在这次对话中,我们一起完成了一个基本的 3D 贪吃蛇游戏。您提出了一些问题和需求,我对代码进行了修改和补充。以下是您提出的修改和补充要求:

  1. 添加使用键盘 WASD 控制蛇移动的逻辑。

  2. 修正 _moveDirection 没有初始值的问题。

  3. 添加吃到水果后蛇身增长的逻辑,水果在地图上随机出现。

  4. 修改 _checkCollision 方法中不应使用 this._snakeHead.position.subtract 的问题。

  5. 添加游戏边界逻辑,超过边界游戏会重新开始。

  6. 在地图上添加一个坤坤,碰到坤坤后游戏会重新开始。

  7. 碰到水果后,坤坤的位置会随机改变。

  8. 吃到水果后有 30% 几率生成一个大西瓜,吃到大西瓜会增加 3 个长度。

  9. 吃到水果后有 10% 几率生成一个响雷果实,吃到响雷果实会增加速度 20% 并增长 2 个长度。

  10. 要求提供 randomRange 方法。

  11. 添加地图上每隔 10-20s 会随机生成一个缓慢果实,吃到缓慢果实会减速 20% 并减少 1 节身体。

  12. 优化生成特殊水果的逻辑,判断之前的节点是否存在,如果存在则重新设置位置,而不是重新生成。

  13. 添加上下左右四个按钮,按钮按下可以控制蛇的移动。

  14. 在电脑上运行时隐藏按钮,在手机上运行时显示按钮。

  15. 使用 touch down 的方式控制按钮。

  16. 添加一个 label 计分板,显示蛇身子的长度,每次增加和减少时会变化计分板。

  17. 添加一个 暂停 按钮,每次点击可以切换暂停和继续。

  18. 重新输出完整的代码,添加中英文注释。

  19. 添加摄像机跟随蛇头移动的脚本。

  20. 修改摄像机脚本中获取蛇头节点的问题。

  21. 添加摄像机阻尼,让摄像机跟随更平滑。

下面到了比较难地形的部分,这里新开了一个对话。

这里需要小 G 在 terrain 上随机生成植物,跑起来是没问题的,但的生成的位置明显偏了一半的位置

4f7697d68a0f1518bc379332af642939.png

不断提醒小G

45e42f5b7244350a75dafee4b7975cca.png

快速修复

a4b728a67a5559d8280a2e4177cffaa1.png

再拿这个写好的方法和之前对话沟通,给蛇头和物体生成逻辑也加上,一切顺利!

程序部分就这样有惊无险的完成了。

03 Shader 环节

接下来到了Shader了,心理是一阵炸裂,因为3.3 的API比较老,先从最简单的 Blinn-Phong 开始。

VS 部分写了一半我就炸了

2317184c5af63f62d91c53adc48d84c5.png

这个信息太老了

79ba0f31d6110685e0195e00fc145ec1.png

反复修改先把 VS 解决

8f47f469c9004e263f1572664528f9c1.png

FS 部分先忽略 API,这个光照模型没考虑摄像机的观察位置。

2f623cb2ba9c65d19b0b7e78aa544595.png1b3c1e0d7f2f9c9eb8fb4b30dd2ab388.png

然后各种向量计算问题,各种 API 和 Global 变量问题

经过了1个小时的折腾(中间换了2次对话,太曲折了,目前还是建议大家参考为主)...... 总算在 3.7.2 跑起来了

86d93c435503a40b13235262ee68f28a.png

接下来是写 1 个草的风吹效果,也是很常见的效果,还好做了心理准备,这里 GPT4 上来就把 Chunk 漏了。

9feff4ce8303d0c33227d78961df4dd8.png

为了面子,小 G 快速去 Github 抄了1个。

fbe0e3ce5e672942c3dd4433afbf14eb.png

跑起来又出了问题!!

这里其实也不怪小 G,用的是 2.x 的 API。

ec87d7fd8da7f3c6a18c721e7c066e0d.png

我们改成在透视的矩阵变换之前添加效果,这时候就可以看到风吹草动的效果了。

b228fb361865d9127a3b60cc93f4d901.gif

最后设置 ok 开启 instancing 保证性能!

21891b9c4175fbbe90d3fa395571e47d.png

04 音乐

https://mubert.com/

音乐就不需要AIGC添加脚本了,直接使用引擎的AudioSource 组件, 音乐使用的是mubert

关键词 fun happy snake

82928c07f470e3b92abbc87c324130dd.png

05 天空盒

AI天空盒:https://skybox.blockadelabs.com/

也是 prompts + blockadelabs 生成,关键词 Fantasy, Forest, Lake

826a678beaab15d1a7fcecd07159e977.png

06 图片

AI绘图:https://www.midjourney.com/

prompts:snake eating an apple, cyberpunk , in the space, hyper-realistic, surreal, fantasy, cinematic, extremly detail, 3D, manipulation, VFX, vivid background, cool --q 2 --v 5 -

98772a7d8567f5a3458c9c6699e50ddc.png

Icons

478bc21cc87080fcfa89f05852b1a656.png

写在最后

目前GPT 的数据库比较老,在 Shader 上遇到了很多问题,然后无论如何,用2个小时时间,搞定一个小游戏还是很香。

最关键的是不用怎么动脑,CPU AI输出就好了。

总结:

  1. 每次Prompts 需要要控制在2-3个,方便回馈和修复,比如一次把需求全部沟通完,如果报错,可能自己和AI都比较难定位;

  2. 需要的内容版本信息和语言信息要明确,比如版本是 Cocos 3.3 (GTP4 2021 知道的最新的版本), 避免使用更老的API;语言需要要求是TS (不然可能抄到JS版本);Shader 要求尽量参考 Webgl,语法是 Yaml;

  3. 发现问题要尽可能详细的反馈,AI 会学习这个问题;

  4. 尽量在一个对话中沟通一个大的需求,保持上下文连贯;

  5. 调整好心态,是 AI 在干活,你是老板,咖啡 Youtube 配鸭脖,发现 AI 有问题,CPU 就好了,他改不好继续改,没事儿看看他打字;

  6. 复盘,这个很重要让AI每次输出完复盘下,也观察下这次 Prompts 能否更精简,那些沟通是不必要的。

比如有时候过度沟通,AI反而开始摆烂。

df2e38b6b4c1a6c6aae5ad5412fb8722.png

调整心态,态度要好一点 ( 调整好态度后,果然注释全了,开始也以为是 Prompts 里加了仔细,结果不尽然,OpenAI 会判断是否对AI带有恶意,过度 CPU 可能会导致对话提前终止)。

最后是游戏体验链接和源码下载地址,欢迎关注作者公众号!

H5体验链接:

http://learncocos.com/aigcsnake/

源码下载地址:

https://store.cocos.com/app/detail/4775

孙二喵公众号:

往期精彩

  • ChatGPT之父『山姆·奥特曼』总结的10条创业秘决!

  • GPT-4发布!迄今为止功能最强大AI模型!

  • ChatGPT和MidJourney已经成我小秘书!太爽了

  • 面对AI的兴起,普通人应当如何正确抉择?

  • 春天来了,换一个活法,可助你逆风翻盘!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/6856.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微信实验八、微信PHP机器人自动回复及源码下载

微信实验八、微信PHP机器人自动回复及源码下载 (>>>>在公众号中输入文章最后彩蛋即可获取源代码) 开源项目:https://github.com/chenxhjeo,个人博客:http://blog.csdn.net/u013487761 技术QQ群名称:豆豆咨询&#…

【修改版】用ChatGPT开发一个书籍推荐微信小程序(三)

文章目录 1 前言1.1 实现原理1.2 在小程序如何衔接1.3 技术架构 2 爬取数据2.1 根据书名爬取信息2.2 根据作者爬取信息2.3 根据类型爬取信息 3 讨论 1 前言 1.1 实现原理 万变不离其宗,还是相当于与ChatGPT交互问答,然后映射到小程序中,以下…

如何在使用密钥登录的时候请求ChatGPT的聊天接口并实现流式输出

一、ChatGPT的参考API地址 API Reference 二、官网相关API介绍 下图是正常请求时候的请求头和body体,这样请求的话是等结果都加载出来后一起出现,并且返回的结果也是标准的json格式。 如果想要实现和ChatGPT一样的效果,官网的这样推荐的&a…

使用 ChatGPT 在几秒钟内生成鼠标移动机器人

在本教程中,我们利用 OpenAI 的语言模型 ChatGPT 的强大功能为鼠标移动机器人生成 Python 代码。 代码应每 2 秒将鼠标指针移动到屏幕上的随机位置。如何在指定时间自动打开计算机凭借基于自然语言输入生成代码的能力,ChatGPT 为希望快速实现某些功能而无…

wechaty搭建微信机器人——超详细版

文章目录 前言一、wechaty是什么?二、准备1.安装 Node.js(需要10.0版本以上)2.安装Wechaty 总结 前言 提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术…

基于ChatGPT的企业微信机器人

1、openAI账号 登录OpenAI的账号后,再点击右上角的“Personal”图标,然后点击“view API keys”进入API页面。 点击“create new secret key”按钮。 生成秘钥之后,把秘钥复制下来。 2、拉取项目代码 git clone https://github.com/zhay…

OpenChatKit :开源的 ChatGPT ,开箱即用!前OpenAI团队打造,GitHub 7000+星

MLNLP社区是国内外知名的机器学习与自然语言处理社区,受众覆盖国内外NLP硕博生、高校老师以及企业研究人员。 社区的愿景是促进国内外自然语言处理,机器学习学术界、产业界和广大爱好者之间的交流和进步,特别是初学者同学们的进步。 ChatGPT的开源平替来了,源代码、模型权…

关于“探码科技”,ChatGPT 如是说

最近 ChatGPT 很火,其高质量的对话让人叹为观止,关于“探码科技”,我们对 ChatGPT 进行了采访: ChatGTP,请你做一个自我介绍! 你好,我是 ChatGPT,一个由 OpenAI 开发的自然语言处理…

我利用 ChatGPT 提高工作效率的 5 种方式

技术应该是我们的朋友,而不是我们的敌人 ChatGPT 在 11 月的发布改变了世界。学校阻止该计划,程序员对他们工作中新发现的效率赞不绝口,而创意人员则怀疑他们的工作是否受到威胁。每个人都在想同一个问题:ChatGPT 的未来会是什么样…

ChatGPT技术报告

ChatGPT是一个由OpenAI开发的大型语言模型,是GPT(Generative Pretrained Transformer)系列模型的一部分。它使用了 Transformer 架构,并在大量的文本数据上进行了预训练。预训练的目的是使模型能够从大量的文本中学习语言知识和模…

体验了一下火爆全球的 ChatGPT,我震惊了

这几天,要说编程圈最热的话题,莫过于OpenAI的ChatGPT,写小说,写代码,找BUG,写论文,画漫画,谱曲……简直没有它干不了的事。 趁着下班时间,我也光速注册体验了一下&#…

起点中文网月票榜爬取及数据分析

此文转载自:https://blog.csdn.net/weixin_45036306/article/details/112385445 起点中文网月票榜爬取及数据分析 文章目录 起点中文网月票榜爬取及数据分析1. 数据爬取 1.1.1 准备1.1.2 网页分析1.1.3 层次爬取1.1.4 数据存储 2. 数据分析及可视化 1. 数据爬取 数…

8篇报告|马斯克称Chat GPT好得惊人

8篇报告|马斯克称Chat GPT好得惊人‼️ 最近,连续刷屏的AI应用ChatGPT火爆全球,成为科技圈第一大热潮。 马斯克在推特上评价 ChatGPT 称:“ChatGPT 好得惊人。我们离强得可怕的 AI 不远了。”比尔盖茨盛赞其影响“不亚于互联网诞…

万字长文解读:从Transformer到ChatGPT,通用人工智能曙光初现

ChatGPT掀起的NLP大语言模型热浪,不仅将各家科技巨头和独角兽们推向风口浪尖,在它背后的神经网络也被纷纷热议。但实际上,除了神经网络之外,知识图谱在AI的发展历程中也被寄予厚望。自然语言处理是如何伴随人工智能各个流派不断发…

ChatGPT 爆火背后的大语言模型到底是什么?

ChatGPT 是一个基于大规模预训练语言模型的自然语言处理技术。大规模预训练语言模型是指利用大量文本语料对神经网络进行预训练,使得神经网络可以学习到语言的各种规律、结构和特征,从而能够实现各种自然语言处理任务。 ChatGPT 是由 OpenAI 团队开发的…

ChatGPT时代,我们可能站到了自然语言编程的大门口

ChatGPT大火,我现在有种感觉:我们可能站到了自然语言编程的门口,一脚下去,也许能把门踹开。 当然,也可能会踢到一块铁板。 回顾我们的编程之路,基本上就是一个编程门槛不断降低的历史。 最早的一批前辈们…

ChatGPT的语言处理功能真有那么强吗?

作为一名语言类专业的学生,听说ChatGPT的语言能力已经超过70~80%的人类,能够与人进行正常对话,那么对它输入一些我们经常分析的歧义句,不知会有何表现。 进入 ChatGPT中文网 网站 朱鸾AI助手 ChatGPT中文网 - ChatGPT国内网页…

斯坦福等学者对ChatGPT做了在NLP几乎所有任务上的优劣势分析

进NLP群—>加入NLP交流群 一句话总结 在NLP的7个代表性任务中的20个流行数据集上系统性的分析ChatGPT的zero-shot学习能力,最终得出ChatGPT在许多有利于推理能力的任务上表现良好(例如,算术推理),而在解决序列标注等…

【关于ChatGPT的30个问题】15、ChatGPT会对自然语言处理和人工智能领域产生什么影响?/ By 禅与计算机程序设计艺术

15、ChatGPT会对自然语言处理和人工智能领域产生什么影响? 目录 15、ChatGPT会对自然语言处理和人工智能领域产生什么影响?

复旦邱锡鹏:深度剖析 ChatGPT 类大语言模型的关键技术

分享嘉宾 | 邱锡鹏 整理 | 禾木木,梦依丹 出品 | CSDN(ID:CSDNnews) ChapGPT 自问世以来,便展现出了令世人惊艳的对话能力。仅用两个月时间,ChatGPT 月活跃用户就达一亿,是史上用户增速最…