
人人有Code做(續): Flappy Bird五分鐘實現
「呢個世界上,係無唔識code嘅人,只有未用過Copilot嘅人!」——經典再改編
在上一篇文章中,我哋講到Manus、Agentic AI同Vibe Coding如何令「寫程式」唔再專屬於工程師。今次想分享一個更貼地、更實用嘅例子:點樣用GitHub Copilot或Cursor,以Agentic模式,幾分鐘就整到一個Flappy Bird遊戲。
從對話到遊戲:Agentic Coding嘅實踐
以前開發一款簡單遊戲,要自己寫畫面、邏輯、碰撞偵測,成日錯一個括號都Debug到天光。而家透過Copilot呢類LLM驅動嘅開發助手,加上清晰語言描述,就可以實現「講一講,AI幫你做」嘅開發體驗。
實戰流程:
其實流程比想像中更簡單:
1) 打開VS Code或Cursor。
2) 在GitHub Copilot使用agentic mode
3) 喺prompt輸入:「我想整一個Flappy Bird遊戲,用HTML5和JavaScript,包含記分與遊戲結束畫面」。
4) Copilot即會自動生成整個專案結構,包括index.html、style.css、script.js,甚至連基本邏輯都寫好晒。
更有趣的是,我仲加入咗一個小功能——可以用你自己嘅相片做主角!無論你想用自拍、貓貓、米芝蓮人,甚至阿媽張結婚照,只要一按「Upload Image」,主角就變成你。呢個畫面仲有顏色選擇、難度調節,絕對係屬於你風格嘅Flappy Game。幾分鐘內,一個可以玩的Flappy Bird clone就完成。你可能冇手動寫過一行完整function,但你講得清楚,AI就幫你補得精準。
Vibe Coding:Karpathy的願景實現中
所謂Vibe Coding,正如OpenAI聯合創辦人Andrej Karpathy所形容:
「係你同AI之間一種flow狀態,唔係寫code,而係創作概念,用語氣vibe出功能。」
今時今日,透過Copilot、Cursor、甚至Manus,我哋可以用自然語言驅動整個開發流程。Coding唔再係對電腦講語言,而係同AI合作。
人人有Code做,不只是概念
Flappy Bird嘅例子唔單止係proof of concept,佢係一個警號,亦係一個啟發。Coding唔再係你識唔識for loop,而係你夠唔夠清晰表達你嘅意圖。
對創作人、學生、設計師、甚至退休阿伯,只要你有idea、有「vibe」,AI就幫你兜到出嚟。呢個時代,寫程式係溝通唔係苦工,AI係你對面嗰個拍檔。
你仲等緊乜?Copilot已經坐低咗,Flappy Bird等緊你落指令。