相信不少朋友都在朋友圈刷到過(guò)倒水杯游戲
玩過(guò)幾關(guān)不知道,但你有沒(méi)有想過(guò)你自己一個(gè)人也能做出來(lái)一款?
![]()
剛好今天騰訊發(fā)布了他們的首個(gè)全棧AI IDE
![]()
而我呢,前幾天下載了亞馬遜的AI IDE Kiro,號(hào)稱是spec方式AI編程,替代vibe coding,替代Cursor,正好pk對(duì)比下,到底哪個(gè)好用
CodeBuddy
我的第一版需求:
如圖,實(shí)現(xiàn)一個(gè)倒水游戲,主要規(guī)則類似漢諾塔。點(diǎn)擊選中第一個(gè)瓶子, 然后再選中一個(gè)瓶子往其中倒水,只有相同顏色的水裝滿后, 瓶子可以被裝進(jìn)袋子里。 ![]()
我用了默認(rèn)的設(shè)置模式,只輸入了對(duì)話和圖片。
然后,也太快了吧?!!
我只說(shuō)完我的需求,它就嗖嗖嗖開(kāi)干,大概10分鐘告訴我好了
![]()
IDE左邊就可以玩游戲,還給我部署到云端,并且給了二維碼,可以發(fā)給朋友玩(原地址有安全bug,騰訊工作人員正在解決,我這個(gè)放到了cloudflare上,這是第四版本)
https://water-pouring-game.pages.dev/
不過(guò)玩著玩著我發(fā)現(xiàn)幾個(gè)問(wèn)題,可能也是我描述的問(wèn)題,又改了三個(gè)版本:
我發(fā)現(xiàn)當(dāng)我分類完之后,仍然停在level2,我再補(bǔ)充下規(guī)則:一瓶水可以倒4次,滿了之后應(yīng)該放在打包袋子里,當(dāng)所有的水瓶都正確倒?jié)M后,這一level應(yīng)該結(jié)束,生成下一個(gè)level生成的關(guān)卡中,我看倒六個(gè)瓶子,但只有四種水,每種水只有兩格,裝不滿瓶子,所以我沒(méi)有把瓶子裝滿過(guò),檢查下算法,修復(fù)問(wèn)題滿4個(gè)時(shí)應(yīng)該給出滿了的標(biāo)識(shí),不要用淺綠和深綠的顏色,分不清楚。我發(fā)現(xiàn)你生成的水并不能全部倒完,不是正確的關(guān)卡,比如有5個(gè)紅色的,無(wú)法過(guò)關(guān);并且當(dāng)我并沒(méi)有完全把水放到正確的瓶子時(shí),也提示我過(guò)關(guān)了,檢查下算法邏輯,修復(fù)問(wèn)題除了簡(jiǎn)單點(diǎn)丑點(diǎn),挑不出毛病了,更新部署上去也很簡(jiǎn)單。
代碼實(shí)現(xiàn)也非常簡(jiǎn)潔,只有3個(gè)文件,很好維護(hù)
![]()
我后邊又用了plan模式,效果卻不好,給我整上了node js,時(shí)間很漫長(zhǎng),如果遇到這種情況,需要告訴它用最簡(jiǎn)單的方式實(shí)現(xiàn),不要上強(qiáng)度。
卡神總結(jié)了CodeBuddy的幾個(gè)亮點(diǎn):
1. 國(guó)際版,你懂的,目前可以用到Claude4,而且是免費(fèi)。
2. 使用Plan mode模式,可以生成產(chǎn)品PRD、TRD、DRD,再用這些文檔去生成網(wǎng)頁(yè),最后部署后端,真一站式服務(wù)。
3. 可以直接把Figma的設(shè)計(jì)稿,一鍵變成網(wǎng)頁(yè)。
4. 集成了幾個(gè)常用的設(shè)計(jì)組件庫(kù)。
5. 科技針對(duì)頁(yè)面部分Html元素進(jìn)行自然語(yǔ)言樣式微調(diào)。
6. 跟Minimax Agent一樣,集成了后端,騰訊云開(kāi)發(fā)CloudBase與Supabase,也就是說(shuō),純小白也能搭后端了。
大家可以繼續(xù)研究玩一玩,做一般的小游戲應(yīng)該是沒(méi)問(wèn)題
Kiro
對(duì)比CodeBuddy的神速,Kiro更像一個(gè)訓(xùn)練有素的編程老鳥,先寫需求文檔,再出架構(gòu)設(shè)計(jì)接口設(shè)計(jì),然后拆分任務(wù),最后實(shí)現(xiàn)
讓我不禁非常期待,然后開(kāi)始了漫長(zhǎng)的等待和點(diǎn)擊繼續(xù)按鈕
![]()
task經(jīng)常中斷,不知道是不是我網(wǎng)絡(luò)問(wèn)題,大概2小時(shí)之后,終于完成了
界面審美高了一個(gè)檔次,但是,完全不能用!
項(xiàng)目文件多達(dá)20個(gè),不是真正的前端工程師,真的搞不定了。
![]()
總結(jié)
如果你是個(gè)AI愛(ài)好者,沒(méi)什么代碼經(jīng)驗(yàn),那必須是CodeBuddy!
下一期我們拆解更復(fù)雜的拆螺絲游戲怎么用CodeBuddy實(shí)現(xiàn)!
![]()
回復(fù)【AI編程】,獲取Kiro安裝使用方法,送3個(gè)騰訊CodeBuddy邀請(qǐng)碼!討論研究AI編程、做游戲、開(kāi)發(fā)應(yīng)用。
我是刀哥,大廠架構(gòu)師,出海創(chuàng)業(yè)者,深入研究AI工具和AI編程。關(guān)注我,了解更多AI知識(shí)!
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺(tái)“網(wǎng)易號(hào)”用戶上傳并發(fā)布,本平臺(tái)僅提供信息存儲(chǔ)服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.