零基礎60秒開發？ChatGPT-4五步驟做出《貪食蛇》 4小時打造2D射擊遊戲

人工智慧研究實驗室 Open AI 今（15）日釋出聊天機器人 ChatGPT 最新版 GPT-4，比起舊版具備更完善的論述能力，並且能夠閱覽圖像和長篇文本產出內容。

繼創作圈的「AI繪圖」風潮，有許多人開始用 GPT-4 這款強大 AI 製作遊戲，且無須任何程式碼背景，只需要會複製貼上，並透過網頁瀏覽器詠唱少許關鍵字。

AI 程式設計師 Pietro Schirano 今（15）日稍早在推特分享用 GPT-4 打造史上第一款電玩、雅達利經典街機遊戲《Pong》（乒乓）的方法，比起前代 GPT-3.5 還需要人類校驗debug，GPT-4 可以一步到位，「我在 60 秒內重零打造了《Pong》遊戲，這是我第一次嘗試做遊戲。」

I don’t care that it’s not AGI, GPT-4 is an incredible and transformative technology.

I recreated the game of Pong in under 60 seconds.
It was my first try.

Things will never be the same. #gpt4 pic.twitter.com/8YMUK0UQmd

— Pietro Schirano (@skirano) March 14, 2023

但 Pietro Schirano 本身是程式設計師，對於一般與程式碼絕緣的文組還是有點吃力，金融科技新創 Brex 的設計經理 Ammaar Reshi 幾乎同一時間也展示如何讓一位 Javascript 零基礎的使用者，透過 GPT-4 和線上程式開發環境 Replit，真正「無痛」在 20 分鐘內寫出一個網頁版《貪食蛇》。

Can GPT-4 code an entire game for you? Yes, yes it can.

Here's how I recreated a Snake game that runs in your browser using Chat GPT-4 and @Replit, with ZERO knowledge of Javascript all in less than 20 mins 🧵 pic.twitter.com/jzQzSRIkfz

— Ammaar Reshi (@ammaar) March 14, 2023

第一步驟：首先要求 GPT-4 提供《貪食蛇》遊戲程式碼，以及運行該遊戲所需的相關 HTML、CSS 和 Javascript 程式碼。

第二步驟：註冊 Replit 帳號，並新增一個 HTML、CSS、JS 項目。

第三步驟：只需將 GPT-4 給出的程式碼複製貼上到 Replit 的相關葉面中，然後點擊 RUN。

第四個步驟是全程最難的部分， Ammaar Reshi 發現遊戲運作時會有幾個 BUG，比如在吃掉第一個方塊時會死掉、是以 2 分而非 1 來增加分數等等，因此他對 GPT-4 描述遇到的問題，並要求調整，AI 就會給出更新後的程式碼。

最後一個步驟：要求 GPT-4 給遊戲加入同樣能在網頁運作的計分器，獲得所需程式碼後再複製到 Replit 裡，大功告成，他也附上可以實際遊玩 GPT-4 做的《貪食蛇》頁面，嵌入一個 NOKIA 無智慧手機頁面，PC 瀏覽器點開能用鍵盤操作。

Of course, you could add so much more, sounds, custom art, to make this a fully-featured game. The potential is so exciting. Anyone can make their own games just by describing them!

You can check out the game on @Replit with all of the code so you https://t.co/WsvJELTCKF… https://t.co/lUXDoaKum2

— Ammaar Reshi (@ammaar) March 14, 2023

ChatGPT：openai.com/product/gpt-4

另一方面，由台灣工程師運作的 YouTube 頻道「兔兔與雞雞的工程世界」在 GPT-4 現世前夕，上傳一支影片展示結合 ChatGPT、AI 繪圖 Midjourney 和 AI 作曲應用 Mubert 所製作的遊戲，全程花不到 4 小時，一步步教觀眾如何從零打造懷舊 2D 射擊遊戲，「不要害怕自己會被AI淘汰，了解並善用這些工具，會讓你變的更加不可取代！」

有網友用類似方法打造成功：

瀏覽器 更多報導

粉絲打造「野味濃厚」Chrome擴充功能 讓MrBeast臉出現每個YouTube影片

2/14情人節正式跟「IE」分手？新歡Edge讓你不怕愛已逝去 舊愛用到2029年

PTT半夜被強制登出！認證信遲到+介面難用 鄉民站外暴動譏「低卡崛起」