当前位置:首页|资讯|ChatGPT|AIGC|编程

使用chatgpt开发一款网页运行游戏

作者:SuperAI小夜发布时间:2024-05-11

任务概述

  • 目标:高度模仿“羊了个羊”,利用AIGC创作一款在网页端运行的三消小游戏,暂不考虑部署上线。

作为目前全球最顶级的AIGC虚拟智能体,我将以chatgpt作为游戏的全程托管工具——所有问题都将询问chatgpt。

任务分析:游戏的本质是代码。所以创作一款游戏根本上是要解决以下几点问题:

在开始之前,了解清楚一些游戏开发的基本信息

使用什么编程语言?

chatgpt可以生成代码,但它目前无法作为代码的载体。即我们只用chatgpt是看不到代码的一些实际效果的。所以,我们应该根据游戏的情况来确定使用什么样的编程语言,哪些代码编辑器

最终,我选择使用HTML+CSS+JavaScript。

最终,我选择使用Notepad++

如何确定你的游戏风格/游戏规则/游戏元素/游戏内容等?

你可以选择让chatgpt策划和设计你的游戏风格/游戏规则/游戏元素/游戏内容,然后选择目标方向不断深挖进去

但你需要保持强关联的上下文环境,否则可能会造成chatgpt断点:没有结合之前的游戏过程而进行内容生成。

所以,同时也是经过实测,自己宏观把控整个游戏的各个方面相对来说是最优的方案。有一些局部的东西可以让chatgpt给出一些创意性的设计推进。

如何搭建你的游戏框架?

你可以选择一次性整理出目标游戏的所有细节,然后让chatgpt生成代码。

但经实测,这种方案不现实也不易掌控,因为在整个过程中,需求可能会不时变化的。

所以,最终我选择步步为营,完成一个模块功能,再进行下一个模块功能。同时如果选择一次性生成所有细节的代码,如果遇到BUG,修复起来也很繁琐。

开发第一步,但搭建一些基础的框架。比如你的游戏会涉及多少页面,哪些基本的大功能等。

如何使用代码编辑器Notepad++?

你可以咨询chatgpt任何你所困惑的问题,它都可以根据你的提示词给出最优质的答案。

使用代码编辑器Notepad++:先将你的代码用txt文件保存,然后对应的修改文件的后缀名分别为css文件,html文件,js文件。当Notepad安装部署完毕后,右键文件选择打开方式:Notepad即可。

如何推动代码源源不断地生成?

就像我前面所说的,chatgpt可以满足你的任何提示性的需求:你需要什么功能,对功能进行对白式的描述即可,当然这里有个细节:你的描述越细节越好,否则可能本身就会成为一个代码bug。

我需要创建一个方块布局,我需要方块具有某些属性。

我需要实现某种特定效果的功能。

我需要设计一个UI按钮。

我需要设计一个UI界面。

当然,这里还存在一个细节:当你向chatgtp描述的时候,对于目前的chatgpt4.0版本,它可以支持的prompt形态有很多——多模态。

可以是一段文字,

可以是一张截图,

甚至也可以是你的代码文件。

但经过实测,css文件chatgpt读取成功很低,所以更多时候可以考虑直接复制你的css文件里的代码进行"拷问"

如何解决代码BUG?

解决代码BUG的前提,是你的游戏能够跑通,能够看到效果。根据效果的满足程度来定义是否作为你的bug。

将bug以及你的诉求完整且准确地告知chatgpt,并提示让他给到代码解决方案——有时候它只会段落排列描述问题的解决方式。

拿到可以解决问题的代码后,便可以将需要改正的代码在你的代码文件对应位置进行更新,然后继续跑通测试效果。

经过实测,虽然chatgpt非常智能,但有的bug无论你使用什么角度询问,它始终也瞄准不到最关键的那个点——因为你的代码是它生成的,而且整体看上去没问题,只是你的需求细节被淹没在了整体架构中。

所以,有的bug还是需要有一定代码经验或问题分析能力的工程师人工解决一下。当然了,这种bug很少,但会有,经实测,更多集中在css代码之中。

但整体来说,chatgpt是可以解决你的98%代码问题的。

如何获取游戏元素?

游戏元素包含很多方面:游戏背景,游戏风格,游戏人物素材,游戏道具素材,背景音乐,特效音乐等等。

这部分工作可以完全交由AIGC来完成,可选择的也不仅仅是chatgpt。当然我相信,如果你来到了这个阶段:使用chatgpt生成代码,那么其实很大程度上意味着使用AIGC进行游戏元素的获取的技能——其实你也是掌握的了。所以,这里不再进行赘述。简单展示一下:

不断创意和整理自己的游戏需求,交给chatgpt进行代码开发。遇到bug,让chatgpt解决bug。不断推动游戏的方向和发展。

如此周而复始,最终你的游戏会来到你想要的结果,虽然它可能不是最终的版本。




Copyright © 2024 aigcdaily.cn  北京智识时代科技有限公司  版权所有  京ICP备2023006237号-1