news 2026/4/3 8:08:26

【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/4/2 15:57:16

基于springboot的三七原产地销售平台

随着信息技术的飞速发展,电子商务平台已成为现代商业的重要组成部分。三七原产地销售平台基于 Java 语言和 Spring Boot 框架开发,采用 MySQL 数据库进行数据管理,为用户提供了一个高效、便捷的三七产品交易环境。平台涵盖了用户管理、商品分…

作者头像 李华
网站建设 2026/3/24 15:01:47

34、深入探索Shell脚本的流程控制与位置参数

深入探索Shell脚本的流程控制与位置参数 1. 流程控制:使用 case 进行分支选择 在编程中,流程控制是非常重要的一部分,它能让程序根据不同的条件执行不同的操作。在处理多选项决策时,很多编程语言(包括Shell)都提供了相应的机制。在Shell中, case 命令就是用于处理…

作者头像 李华
网站建设 2026/3/25 3:55:54

48、Korn Shell编程:从基础到实践

Korn Shell编程:从基础到实践 1. Korn Shell启动文件与环境变量 在Korn Shell中,启动文件和环境变量起着至关重要的作用。以下是一个示例启动文件中的环境变量设置: HISTSIZE=50 EDITOR=vi MAIL=/usr/spool/mail/$LOGNAME HOME=/home/john SHELL=/bin/ksh ENV=$HOME/doi…

作者头像 李华
网站建设 2026/4/3 5:42:10

51、Unix和Korn Shell编程中的循环与数组

Unix和Korn Shell编程中的循环与数组 1. 循环结构概述 在Unix和Korn Shell编程中,循环结构是非常重要的编程元素,它允许我们重复执行一组语句,从而提高代码的效率和可维护性。常见的循环结构有 while 、 until 、 for 循环,同时还有 break 和 continue 语句来控…

作者头像 李华
网站建设 2026/3/20 7:29:30

MRDIMM、GDDR7、LPDDR5X原理与应用场景解读

当AI大模型训练迈入千亿参数时代,当数据中心CPU核心数突破百核大关,一个沉寂多年的“老问题”再次成为行业瓶颈——内存墙。 CPU算力、PCIe带宽每年都在以两位数增速狂飙,但传统内存的带宽、容量、功耗平衡始终跟不上节奏。就在此时,三款重量级内存技术登场:MRDIMM、GDDR7…

作者头像 李华
网站建设 2026/4/2 8:29:43

鸿蒙PC UI控件库 - SearchInput 搜索输入框详解

视频演示地址: https://www.bilibili.com/video/BV1jomdBBE4H/ 📋 目录 概述特性快速开始API 参考使用示例主题配置最佳实践常见问题总结 概述 SearchInput 是控件库中专用于搜索场景的输入框组件,支持清除按钮、历史记录、搜索按钮等功…

作者头像 李华