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