友友們,又到了週末AI整活時間了

現在AI編程工具已經能做到一句話的需求生成一個完整的項目了,今天我們用Trae solo來試着復刻小時候的遊戲《坦克大戰》,並且部署上線,下面是演示效果和地址:

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

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_Trae

1.工具準備

  • 下載Trae,國際版下載:https://www.trae.ai/,國內版下載:https://www.trae.cn/
  • (國際版)註冊Vercel:https://vercel.com/

這裏我們使用國際版做演示,部署上線需要用到Vercel

國際版和國內版Trae的區別主要是使用的模型不同

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_Trae_02

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_AI編程_03

2.輸入需求

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

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_AI編程_04

接着輸入需求,我們需要考慮開發遊戲的技術棧,直接把需求輸入

使用 H5開發一款童年經典的《坦克大戰》遊戲,只需要支持單人對戰 AI,方向鍵控制移動,空格射擊,包含關卡系統、碰撞檢測、爆炸動畫、音效、計分系統,使用 localStorage 保存進度。

我們還可以點擊下方的「優化」按鈕,對現有提示詞進行優化

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_編程工具_05

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_編程工具_06

3.開通Pro會員

這一步小卷沒注意到Trae Solo是Pro會員才有的功能,看了下價錢,首月只需要3美刀,摺合下來是21塊錢,還算可以,於是開通一個月的會員嚐嚐鮮

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_坦克大戰_07

4.開發

Trae SOLO會先生成需求文檔和技術架構文檔,我們確認沒問題之後就可以開始了。有問題可以繼續對話讓Trae SOLO修改就行

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_AI編程_08

接着我們可以去喝喝茶,靜靜等待Trae完成工作就行。妥妥的領導指揮打工牛馬的感覺

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_Trae_09

等待所有任務完成後,發送提示詞「運行遊戲」給Trae就可以查看我們做出來的坦克大戰了

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_Trae_10

5.加上AI腳本功能

看到上面已經非常完美地復刻了《坦克大戰》的遊戲,但是考慮到玩家現在都比較懶,能不能做個功能,讓AI幫我們玩呢,我們直接看AI對戰AI豈不是也是一種樂趣嗎,於是讓Trae給我加上AI腳本的功能

再新加個功能,加個開關按鈕,打開開關後變成自動模式,坦克會自己移動去找敵人攻擊,移動需要有目的性,在能攻擊敵人時就直接攻擊

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_編程工具_11

6.加上BOSS戰

童年經典遊戲《坦克大戰》雖然經典,但是遺憾沒有BOSS戰,小時候和小夥伴們曾經奮戰1整天打到200多關之後了,就想看看有沒有BOSS可以打,遺憾沒有,

於是小卷我突發奇想,能不能加個BOSS戰呢,這樣玩起來樂趣也更大,也能補上小時候的遺憾了

優化小兵刷新的邏輯,現在是按時間刷的嗎,我需要的效果是:遊戲場景裏最多存在3個敵方小兵,每擊殺1個,就刷新出一個,每關最多9個小兵,可以在遊戲右上角位置顯示剩餘小兵數量,然後最後出來的那個敵方坦克屬於BOSS,體型要大,血量要厚,需要攻擊的次數隨關卡數而增加。除此之外,BOSS還可以使用技能,比如:防護罩(短時間內無敵狀態),AOE傷害(炮彈飛出去後,能爆炸造成範圍傷害)

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_坦克大戰_12

7. 部署上線

到此,遊戲就做好,接下來就是部署上線了

需要先在Trae裏給Vercel授權,在Vercel裏創建一個新項目,然後點擊部署

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_Trae_13

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_坦克大戰_14

部署完成後,我們打開Vercel的頁面,可以看到部署後的域名,直接瀏覽器打開就能開始玩了

【AI編程】5分鐘用AI復刻有BOSS戰的《坦克大戰》_Trae_15

8.最後

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

今天分享瞭如果通過Trae Solo來開發一個小遊戲,同樣地,開發網站和部署也是一樣的步驟

即使是不懂編程的人,可以通過AI編程工具完成一個需求,AI提效現在切切實實地用在提高生產力上了