乐于分享
好东西不私藏

AI技术探索,如何用Trae开发一个五子棋小游戏?

AI技术探索,如何用Trae开发一个五子棋小游戏?
大家好,我是小宇!
一个做网站、做系统、做小程序等项目18年经验的技术宅,俗称程序猿。
有时候确实感觉到很迷茫,不知道该干嘛,所以最近都在发玩游戏的文章和视频,比如羊了个羊。
一方面是公司的事情比较多,闲暇时间比较少,另一方面是自己懒,有些事不想去干,但这样并不是很好的状态,所以我希望能够从今天开始,做个自律的人,每隔两三天,用AI来做一个小游戏之类的应用
咱们今天就来分享一个: 五子棋小游戏的开发
跟我接触的朋友,经常问我,现在JAVA开发用什么开发工具,自从AI技术爆发,我通过一段时间的研究后,就没再使用传统的开发工具,比如idea , eclipse了。 
前年和去年,用cursor比较多,因为那时候存在漏洞,可以免费续杯,后面不行了,免费续杯也弄不了了,今年开始,就启用了Trae ,用到现在感觉挺不错的。 同时也在了解其他的变成开发工具,比如codebuddy 。 
有人问我,为什么不用codex?其实也很想用,主要还是怕风险,毕竟访问国外的网络很有可能涉及到触犯法律,所以当别人忙着做出海生意,搭建海外网站的时候,我还是选择谨慎行事,避免不必要的麻烦。 尽管可能会少赚很多钱。 
回到正题,咱们要开发的游戏是五子棋小游戏,那么就得告诉AI,咱们的五子棋的游戏规则是怎样的。你可以用豆包,KIMI等AI工具,写出来五子棋的详细游戏规则,然后再交给代码生成的工具,去生成代码,具体步骤如下:
我们把五子棋规则复制一下,然后打开Trae,再对话这里,咱们选择GLM-5系列的大模型,然后写下提示词的开始部分
帮我用网页HTML技术,写一个五子棋小游戏程序,游戏规则如下,所有的JS和CSS文件必须存储到本地,用本地引用,避免网络引用导致加载不出来的问题。
接着把刚才复制的游戏规则内容,粘贴到提示词的下方,大概界面如下:
点击发送,让Trae开始进行编码工作,等待完成。
不到3分钟,代码就生成好了,咱们看看效果如何。
界面颜值还是挺不错的,咱们试试看下棋有没有BUG.
还真是不经夸,那就按咱们的改进顺序,一步一步改造好。
问题1: 无法落子 
问题2: 补充机器人对手
提示词如下:
界面还可以,但是无法落子,需要补充机器人对手,这样用户才能跟电脑下棋,需要修复问题
问题修复后,基本上就可以下棋了。它还帮你实现了电脑难度选择,以及人机对战和双人对战的选择。这是下棋界面
如果对功能没有额外要求的话,到这里,这个五子棋小程序就基本完成了。
不过我们这里还需要调整一些界面和交互。用下面的提示词改造
ok ,逻辑基本上没问题,但是界面需要调整,把重新开始,悔棋等按钮 以及比分,都移动到对战模式这一块,包括当前:  启用禁手规则 等部分,重新调整版面布局,让设计更符合逻辑,最底下只保留游戏规则。获胜的时候,要弹出提示
改完以后再看,界面更有条理性了。
到这里就基本上完成了。
我已经部署到服务器上,直接访问地址是:

http://g.ychit.top/game/play.html?g=wzq&n=%E4%BA%94%E5%AD%90%E6%A3%8B

你也可以访问   http://g.ychit.top/  去找五子棋游戏点击进去,就可以开始愉快的玩耍了。

如果你想摸鱼,或者打发无聊的时间,都可以来玩这个五子棋游戏。
你摸鱼的时候还有什么想玩的游戏,或者是想玩的软件吗? 欢迎来评论区聊一下~
本人是马云的忠实粉丝,他是成功者中比较全面的人才,有领先常人的思想意识和商业思维,强烈推荐这几本关于马云的书,建议想赚钱的朋友可以买回家反复研读。

相关学习资料