一小时用AI编程加美术写个微信小游戏
AI自主写代码很强了,是不是可以写个可以产品化的东西?
一段话说重点:我不会写微信小游戏,用ai帮忙写个简单的小游戏给小孩子玩还是可以的。
开头
小孩逻辑思维学扫雷了,随便找几个微信小游戏,一般都是竖版的,并且多有广告。我想了想,想加入一些好看的元素,就当ai帮我写个吧,我相信,ai能搞定这么简单的事情。
扫雷初版
打开微信开发者工具,默认的小游戏模版是打飞机。

装个codebuddy插件,腾讯自己家的,写微信小游戏一定起飞,就开始干吧,我就让腾讯的codebuddy帮我改一下,让飞机当地雷,让子弹当旗子,给我改吧。

结果codebuddy写了半天,编译都不过。我放弃了。
最后还是用cursor打开了项目,让cursor干,实际上干的很好,的确,写个扫雷游戏有什么难的。默认是长按标记,我让它改成长按和拖拽都能标记旗子,毫无压力,图片的使用也很棒,也能正确使用飞机大战的爆炸动画序列帧图生成地雷爆炸的动画。
出现一些问题比如画的按钮和响应区域没有对应上,因为这个本质上就是gl画图,没有ui组件这些封装好的东西。然后cursor很容易都能修复,意料之中。
然后我找腾讯的混元,画了几张冰雪的图,好看一些。
然后让cursor直接用💣和🚩两个符号当做地雷和标记旗子,让用❉做个雪花飘落的效果,都很容易实现了。
调整一些位置啊,优化下。
于是初版就好了。



艰辛的改成横版
我仔细想了想,在手机上玩扫雷,有点累,而且费眼睛,还占用手机设备。
家里pad比较多,孩子也有学而思的学习机pad,不能安装乱七八糟的app,所以微信小游戏也比较合适。
在横版的学习机上,默认竖屏空间就很浪费了。我就像能不能自适应识别屏幕变成横版。
让ai搞了半天,没成,还试出了一些微信适配的bug。
我自己看了半天文档研究了半天,好像这个是搞不定的。
但是试错的过程中看到了一些思路,可以用画布强行旋转90度。
好的!
仔细想了想,干脆直接做成默认横版的吧,这样横版pad和手机都能填满。
然后想切竖版,可以手动切,旋转画布。
这个功能,听起来容易,实际上如果从gl直接裸着搞,还是有点折腾的。我也不确定AI能不能搞的定。
那就这么干,我将需求和思路都跟cursor说了,还跟它说了横版的布局应该怎么调整,竖版应该什么样。
然后,横版很完美。

画布旋转切成竖版,问题就比较多了,刚开始是一直没画面。
cursor调整了半天,后来有画面了,但是由于画布旋转,坐标有变化,会导致事件响应的问题,所以没有地方响应事件,按钮全部无效。
后来发现事件偏移较大,问题较多。
这,老实说我不想动脑去想这个啊。
然后我就反复给cursor沟通修复啊,cursor慢慢的调试事件响应,调试了很久,几百万token都砸进去了,终于将切换横竖屏的按钮修复好了。然后初级和高级俩按钮还不行。
后来又折腾了一阵子,cursor全部搞定了。
很完美,算法正确了,就算进游戏,以及结算的按钮响应都是正确的。



于是我想要的,默认横版,还可以手动切成竖版的扫雷就做好了。
UI美观没那么重要,功能ok,然后加上冰雪的图片,就有氛围了。
就可以给孩子玩了,重要的是,在pad上是全屏的。
结语
最后的确超过了1小时,不过初版完全没用1小时。
软件工程,包含了系统工程、需求工程、设计工程、OO/TDD等结构设计理论、软件测试、软件维护与再工程、软件项目管理等很多理论。AI自主做软件是没那么容易的,但是做做原型玩具还是可以的。当然我也结合了图片的aigc,AI时代,AI就是能帮忙提效啊。
更多推荐



所有评论(0)