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/ 去找五子棋游戏点击进去，就可以开始愉快的玩耍了。

如果你想摸鱼，或者打发无聊的时间，都可以来玩这个五子棋游戏。

你摸鱼的时候还有什么想玩的游戏，或者是想玩的软件吗？欢迎来评论区聊一下~

本人是马云的忠实粉丝，他是成功者中比较全面的人才，有领先常人的思想意识和商业思维，强烈推荐这几本关于马云的书，建议想赚钱的朋友可以买回家反复研读。