news 2026/1/31 3:12:41

【AI编程】5分钟用AI复刻有BOSS战的《坦克大战》

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
【AI编程】5分钟用AI复刻有BOSS战的《坦克大战》

友友们,又到了周末AI整活时间了

现在AI编程工具已经能做到一句话的需求生成一个完整的项目了,今天我们用Trae solo来试着复刻小时候的游戏《坦克大战》,并且部署上线,下面是演示效果和地址:

https://tanke-orpin.vercel.app/

1.工具准备

  • 下载Trae,国际版下载:https://www.trae.ai/,国内版下载:https://www.trae.cn/

  • (国际版)注册Vercel:https://vercel.com/

这里我们使用国际版做演示,部署上线需要用到Vercel

国际版和国内版Trae的区别主要是使用的模型不同

2.输入需求

首先打开Trae的solo模式,在左上角的位置

接着输入需求,我们需要考虑开发游戏的技术栈,直接把需求输入

使用 H5开发一款童年经典的《坦克大战》游戏,只需要支持单人对战 AI,方向键控制移动,空格射击,包含关卡系统、碰撞检测、爆炸动画、音效、计分系统,使用 localStorage 保存进度。

我们还可以点击下方的「优化」按钮,对现有提示词进行优化

3.开通Pro会员

这一步小卷没注意到Trae Solo是Pro会员才有的功能,看了下价钱,首月只需要3美刀,折合下来是21块钱,还算可以,于是开通一个月的会员尝尝鲜

4.开发

Trae SOLO会先生成需求文档和技术架构文档,我们确认没问题之后就可以开始了。有问题可以继续对话让Trae SOLO修改就行

接着我们可以去喝喝茶,静静等待Trae完成工作就行。妥妥的领导指挥打工牛马的感觉

等待所有任务完成后,发送提示词「运行游戏」给Trae就可以查看我们做出来的坦克大战了

5.加上AI脚本功能

看到上面已经非常完美地复刻了《坦克大战》的游戏,但是考虑到玩家现在都比较懒,能不能做个功能,让AI帮我们玩呢,我们直接看AI对战AI岂不是也是一种乐趣吗,于是让Trae给我加上AI脚本的功能

再新加个功能,加个开关按钮,打开开关后变成自动模式,坦克会自己移动去找敌人攻击,移动需要有目的性,在能攻击敌人时就直接攻击

6.加上BOSS战

童年经典游戏《坦克大战》虽然经典,但是遗憾没有BOSS战,小时候和小伙伴们曾经奋战1整天打到200多关之后了,就想看看有没有BOSS可以打,遗憾没有,

于是小卷我突发奇想,能不能加个BOSS战呢,这样玩起来乐趣也更大,也能补上小时候的遗憾了

优化小兵刷新的逻辑,现在是按时间刷的吗,我需要的效果是:游戏场景里最多存在3个敌方小兵,每击杀1个,就刷新出一个,每关最多9个小兵,可以在游戏右上角位置显示剩余小兵数量,然后最后出来的那个敌方坦克属于BOSS,体型要大,血量要厚,需要攻击的次数随关卡数而增加。除此之外,BOSS还可以使用技能,比如:防护罩(短时间内无敌状态),AOE伤害(炮弹飞出去后,能爆炸造成范围伤害)

7. 部署上线

到此,游戏就做好,接下来就是部署上线了

需要先在Trae里给Vercel授权,在Vercel里创建一个新项目,然后点击部署

部署完成后,我们打开Vercel的页面,可以看到部署后的域名,直接浏览器打开就能开始玩了

8.最后

演示效果地址:https://tanke-orpin.vercel.app/

今天分享了如果通过Trae Solo来开发一个小游戏,同样地,开发网站和部署也是一样的步骤

即使是不懂编程的人,可以通过AI编程工具完成一个需求,AI提效现在切切实实地用在提高生产力上了

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/1/31 1:48:01

29、脚本编写与项目构建全攻略

脚本编写与项目构建全攻略 命令选项与格式优化 在Linux命令行操作中,许多命令都有短选项和长选项两种形式。以 ls 命令为例: - [me@linuxbox ~]$ ls -ad - [me@linuxbox ~]$ ls --all --directory 这两条命令是等效的。在命令行输入选项时,为了减少输入量,通常会…

作者头像 李华
网站建设 2026/1/29 13:19:18

36、编程中的运算符、数组及高精度计算

编程中的运算符、数组及高精度计算 1. 自增和自减运算符 自增( ++ )和自减( -- )运算符在编程中十分常见,在bash等编程语言中也有应用。这些运算符可以放在参数的前面或后面,虽然它们都能将参数的值加1或减1,但放置位置不同会有细微差别。 - 前置运算符 :当运…

作者头像 李华
网站建设 2026/1/30 11:02:03

图像像素RGBA提取器 v2.0.0 - 精确提取图像颜色数据的专业工具

什么是图像像素RGBA提取器? 图像像素RGBA提取器是一款功能强大的在线工具,专为需要精确获取图像颜色数据的用户设计。它可以从上传的图像中提取每个像素的RGBA值(红、绿、蓝、透明度),并将结果导出为CSV格式&#xff…

作者头像 李华
网站建设 2026/1/29 13:13:54

dll一键修复工具win11版,专为win11打造

dll一键修复工具win11是一款专为windows11所推出的dll修复工具。 该软件自带一键自动修复和手动修复两大功能,可根据用户不同的需求来为用户提供完全不一样的功能,轻松解决电脑中丢失DLL文件或缺少某个组件等DLL常见错误问题。 该软件自带一键自动修复…

作者头像 李华
网站建设 2025/12/30 5:23:38

50、Korn Shell编程:条件判断、字符串与文件测试及循环结构

Korn Shell编程:条件判断、字符串与文件测试及循环结构 逻辑表达式与条件语句 在使用由逻辑与运算符(&&)或逻辑或运算符(||)连接的命令组成的逻辑表达式时,需要记住以下两点: 1. 如果两个命令通过逻辑与运算符连接,只有当第一个命令的结果为真时,shell才会…

作者头像 李华
网站建设 2026/1/24 6:09:04

53、Korn Shell编程全面指南

Korn Shell编程全面指南 1. Korn Shell基础介绍 Korn Shell(ksh)是由贝尔实验室的David Korn创建的命令和脚本语言。它具有众多实用的特性,以下为你详细介绍: - 命令行编辑 :支持类似于Unix编辑器vi和emacs的命令行编辑功能,让用户可以方便地修改输入的命令。 - 文…

作者头像 李华