大家还记得微信之前很火的打飞机游戏吗?不记得的可以看下视频回忆一下。现在只要你开了gpt4,你也可以写出一样很酷的打飞机游戏,所以未来人人都是产品经理,每个人都应该用好ChatGPT。

产品效果

先让大家看下我的产品效果,可以点击开视频观看:

已关注
Follow
Replay Share Like
子凌不语
Added to Top StoriesEnter comment

0/0

00:00/00:38
进度条,百分之0
00:00
/
00:38
00:38
全屏
倍速播放中
0.5倍 0.75倍 1.0倍 1.5倍 2.0倍
超清 流畅

继续观看

0基础如何用GPT4开发一款打飞机小游戏

Original
,
0基础如何用GPT4开发一款打飞机小游戏
子凌不语
Added to Top StoriesEnter comment

游戏体验网址:https://muryanice.github.io/m-airplane-game/

注意:目前会有很多bug,只看效果,后期再优化。

以下是我的攻略,文章比较长,适合纯小白,也就是0基础的用户来实操。

在教程开始写,简单说我的情况,目前代码能力已经全部还给体育老了。然后我简单罗列这个打飞机游戏会用到的几个工具(需要魔法上网)

    1. ChatGPT:GPT4,要升级到GPT4,不要用3.5。

    2. 绘画软件:midjourney

    3. 编程工具:sublime text

    4. 部署代码:github


上面这些工具都是现成的,除了1不可替代,其他都可以找到替代品,如果你有不懂的可以评论私信我。

二、开发游戏


思路主要分为四个环节:游戏策划,游戏开发,游戏测试,线上部署


2.1 游戏策划:


因为我们玩过打飞机这个游戏,所以大体游戏规则比较了解,但是这个过程依然不能省略。此时此刻你就是一个产品经理或者游戏策划,明确你想写一个什么游戏,这个游戏有什么玩法。就像我们以前写作文,至少知道6要素:时间、地点、人物、事件、经过、结尾,如果你什么都不会,那也没有关系,可以问ChatGPT,他也会帮你罗列出这个游戏的一些框架。你可以在这个框架上增删改。这张图就是ChatGPT给的:

Image

上面是ChatGPT给的建议,你可以根据上面的框架,细分每一点的详细需求,这一步必不可少。目前ChatGPT给的功能非常全面,整个游戏的功能模块都涵盖了,那我因为时间原因,就选了以下几个功能模块进行策划,然后开发。

    1. 游戏引擎:HTML5

    2. 角色设计:设计游戏中的角色,包括友军,敌军(区分小飞机和大飞机),以一定的速度出现小敌机,每格5秒出现一架2倍于小敌机的大敌机。

    3. 游戏场景设计:需要炫酷的背景图

    4. 操作方式:网页端键盘控制,移动端手机适配,可以手势控制。

    5. 游戏界面设计:友军飞机在底部,可以左右上下移动,可以连续发射子弹击毁敌机,左上角增加积分显示。积分规则:小敌机被击毁算1分,大敌机被击毁算5分。游戏页面中增加开始按钮,点击开始游戏,则出现友机和敌机,同时显示结束游戏按钮。增加空投,每15秒掉落一个空投,吃完增加buff。

    6. 游戏音效:暂无,后期添加

    7. 游戏难度设置:暂无,后期添加

    8. 游戏存档:暂无,后期添加

    9. 多人游戏:暂无,后期添加


2.2 游戏开发


ChatGPT开发游戏,需要进行调教,简单的就说就是让ChatGPT知道你的当前的工作环境,是想要聊游戏,还是聊点别的。本次用的是ChatGPT4,我是自己买的plus版本,具体如何升级到plus,可以留言或者私信,后面会分享升级plus的技巧。


2.2.1、调教ChatGPT

这里需要告诉ChatGPT我想干嘛,然后后续就可以给他提命令了。

Image

2.2.2、提游戏的要求

Image

这个过程就是把我们前面完成的游戏策划内容写下来,告诉chatgpt,让他完全知道我们想要什么,最好你可以按前面给出的1234罗列给他,你们可以看到我给的指令,比较详细的说出我的需求。

注意,ChatGPT给的代码比较长,但是是具备结构性的,你可以让他分模块写给你,同时记得让他给你每一段写注释,帮助你后期不断优化迭代。

Image

2.3、游戏测试

完成编码,复制到sublime(如果你没有安装,也可以用txt打开然后改后缀)里面,本地可以安装一个这个软件,非常好用,代码可视化比较好。然后点击保存,把文件的后缀改成html,即可打开运行。

Image

第一个版本有点问题,没有出现我想要飞机照片,这个时候,你需要让gpt给你加上图片地址,同时,你需要去iconfront上找到你想要的图标下载下来,名字改成代码里面的名字和后缀,然后把文件放到同一个文件夹里面就可以了。

Image

gpt帮你改过的代码,你记得放到前面要求的代码里面,如果你看不懂代码,可以用搜索查询一下对应的名字和函数,替换一下。

另外你也会遇到很多bug,比如飞机太密集了,或者飞机没办法出现子弹,你也可以让gpt帮你改掉。最后就得到了一个基本的可以玩的版本,目前还有很多不足,对比国外的大神作品,还有好多的地方需要去优化。

2.4、线上部署


如果你没有线上部署经验,那么你也可以问ChatGPT,如图所示:

Image

github部署我遇到一些问题,但是ChatGPT也都帮忙解决了,如果你部署过程遇到问题也欢迎评论区留言。这里就不再赘述。

Image

三、结尾


目前整个开发过程其实比较快的,但是如果你需要不断加需求和改bug的时间加起来,其实也比较花时间的,但是这已经把之前的效率提升了不止10倍了,你在写这个游戏的过程中记得一定要耐心。遇到bug,就让ChatGPT帮你修复优化。如果你觉得代码很乱,也可以让ChatGPT帮你整体优化。



我是子凌,如果 想跟我进一步交流,请加入我的知识星球

Image