进阶版本:使用 chatgpt 完成一个前端小游戏的制作

文摘   2023-04-14 22:07   广东  

昨天看到有留言说生成一个页面太简单了,今天就让 gpt4 制作了一个简单的前端小游戏,做完之后显示效果如下:

接下来介绍制作过程:

1. 首先让 chatgpt 给出灵感

chatgpt 直接给出了星际拯救者小游戏的背景、玩法和制作过程。

2. 写代码

因为刚开始提问不熟练,以为一个 HTML 页面就可以了,结果不行,只是一个画布效果而已。

于是让 gpt4 给出了完整的目录和各个文件的代码内容。

将代码内容按照目录的结构放在对应的路径上。

3. 图片生成

因为 gpt4 无法生成图片,所以让 gpt4 给出 png 的具体描述。拿到具体描述后,将这段描述交给爱作画网站生成对应的图片。

4. 运行代码

因为是小白,所以让 gpt4 也告诉我们如何运行代码。

5. 不断提问修改

接下来就是让 gpt4 不断修改代码,并且添加我想要的功能。


鸿的笔记
一个程序猿的读书笔记,与你分享好书、好文章和新鲜的观念。期待碰上有趣的你。