18+

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

圖/兔兔與雞雞的工程世界、Ammaar Reshi @ammaar、OpenAI、ChatGPT
圖/兔兔與雞雞的工程世界、Ammaar Reshi @ammaar、OpenAI、ChatGPT

人工智慧研究實驗室 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》遊戲,這是我第一次嘗試做遊戲。」

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

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

圖/Ammaar Reshi @ammaar
圖/Ammaar Reshi @ammaar

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

圖/Ammaar Reshi @ammaar
圖/Ammaar Reshi @ammaar

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

圖/Ammaar Reshi @ammaar
圖/Ammaar Reshi @ammaar

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

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

圖/Ammaar Reshi @ammaar
圖/Ammaar Reshi @ammaar

ChatGPT:openai.com/product/gpt-4

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

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

本日熱門 本周最熱 本月最熱