用 GPT 开发赛龙舟 H5 小游戏,从需求到规则的探索之旅

昵称 6个月前 102浏览 0评论

果然在电脑上运行成功了,效果好吗?

不得不说GPT的编码能力真的很强大,用GPT完全可以用来开发H5小游戏。

验证了技术可行性之后,需要明确需求,我想做一个跟龙舟赛相关的游戏,问了GPT,龙舟赛游戏能不能直接用HTML生成?(为了让它能更好地帮助我工作,不得不多给它点个赞)

都是我这个产品经理的错,没有把需求说清楚,又要重新修改。

新版本已经出来了,我试了一下,效果还不错,不过障碍太多,难度太高,可能玩不下去。

因此,我进一步努力并要求 GPT 给我一些优化建议。

没想到,在给出了几个靠谱的改进方向后,它直接秒变修改新代码了。

经过几轮讨论和试玩,需求基本明确了,就让GPT根据我们的对话总结一下游戏的规则和逻辑,我进行检查和补充。

上下滚动查看更多考虑到游戏是在端午节期间上线,时间比较紧张,按照MVP(最小可行产品)的思路,暂时不去实现复杂的功能和数据统计,只实现核心功能,到目前为止,这款游戏的功能需求基本清晰了,剩下的就比较简单了。

你注意到了吗?

在需求阶段,特别是在“需求不明确”或者“不知道选择哪种方案”的时候,AI发挥的作用是巨大的,它可以帮我们理清思路,明确需求,分析方案的优缺点,帮我们落地实施,还可以让我们去体验、去比较。

02 设计

这个阶段,产品经理一般会拿着产品原型跟设计师沟通,设计师了解需求之后,进行UI设计。

由于界面简单,对UI要求不高,所以我直接用GPT的DALL.E来设计(网上找的)。

我先让GPT给出建议,它的答案很不错,但是生成的图片有些突兀,不太符合我的预期,只能调整提示词,最终选出了一个比较满意的方案。

有了素材,用AI抠图工具“魔术画笔”对图片进行抠图,去掉背景,再用PS合成,看看最后的效果是怎么样的?

游戏不仅有UI皮肤,还有背景音乐,让游戏更加有趣。

按照惯例,先让GPT给出建议,然后使用最近很火的Suno AI来生成背景音乐,以及在网上下载常见的吃金币、游戏结束音效等。

03 开发

看完这些,你可能会发现开发变得更简单、更高效了。因为整个沟通过程中,GPT 一直在输出代码,可以立刻验证。比敏捷开发还要敏捷。为了让它先跟我讨论需求,我要明确告诉它不要输出代码,告诉它什么时候输出代码。

当然,AI代码可能会有bug,这也是整个开发过程中占用我时间最多的部分——测试。

04 测试

测试相对比较耗时,产品经理需要模拟实际用户场景,不断使用产品,观察是否存在bug。

这期间GPT其实遇到了一个bug,我们为此奋斗了很久。

游戏运行正常,但我要求游戏调整龙舟和粽子图片大小的计算方式,新版本运行时,粽子没有显示出来。

我向GPT给出了反馈,它自己添加了调试信息,告诉我查看浏览器控制台中的日志并将日志反馈给它。

调试完之后我直接截图发给它,它就发现了问题,又开始疯狂输出代码,可惜还是没解决。

考虑到时间紧迫,我决定使用不同的方法来计算图像大小,然后这个错误就消失了。

所以,遇到问题的时候,有时候要从其他角度去寻找解决办法游戏开发,也许换个角度,原来的问题就不存在了。

05 发布

实际工作中一般都是开发同事来部署发布产品,我没有研究过部署,所以只能问GPT,他们推荐了Github。

我先把代码上传到Github游戏开发,生成页面链接,确实免费又方便,不过国内访问Github速度太慢,而且不稳定。

经过反复调研和比较多家云平台后,我选择了腾讯云。

最后我自己完成了从产品构思到部署上线的全部工作。

06 结论

最后我们来总结一下。

首先,这个项目并不是要做一个很多人能用的酷炫游戏,而是验证一个不懂编程的人,在AI的帮助下,独立开发一个产品的可能性。

从产品角度来说,这款游戏可以改进的地方还有很多,比如增加微信好友排行榜,增加数据点完善统计数据等等。

经过这样的练习,我们将来在开发其他产品演示时可以更有经验、更高效。

第二,GPT是一个非常强大和有耐心的伙伴,它可以配合我的想法,提出建议和优化方向,并且随时快速生成代码,帮助我验证我的想法。

比如测试时发现一个bug,AI没有情感,我一次又一次地排查问题,并根据自己的调试反馈修改代码。

第三,这样的练习也能培养我们产品经理在各个环节所需要的能力。

比如在需求阶段,用GPT讨论需求,就像跟业务方沟通需求、跟程序员讨论技术可行性一样,锻炼了我们的思考能力、沟通能力和表达需求的能力。

例如在开发阶段,向GPT反馈问题、调试结果,就像和开发人员沟通遇到的问题,提高了我们沟通、协作和解决问题的能力。

希望你能有所收获并且玩得开心!

工具清单:

1. 代码开发、UI 设计、问答:ChatGPT

2. 游戏音乐生成:Suno AI

3.图片合成:高鼎在线PS设计

网站:#/

4. AI抠图:魔法画笔

5.代码仓库:Github

6.云服务器:腾讯云

点击关闭
  • 客服QQ:

    744926664

    -------------------

分享:

支付宝

微信