OpenAI 官方免費遊樂場!70 多個 AI 打造的 3D 遊戲與互動網站不用下載直接玩,還能偷看官方提示詞

0
76 人次

OpenAI 官方免費遊樂場!70 多個 AI 打造的 3D 遊戲與互動網站不用下載直接玩,還能偷看官方提示詞

最近阿正老師在 OpenAI 的開發者網站上挖到一個很好玩的角落——OpenAI Showcase。它是一個作品展示區,裡面放了 70 多個用 GPT 模型做出來的東西:3D 遊戲、互動科普網站、假想品牌的購物網站、企業內部儀表板⋯⋯而且絕大多數都不是截圖看看而已,點下去就能直接在瀏覽器裡玩,不用安裝、不用下載任何檔案。

你可能會想:「AI 做的遊戲,應該就是那種很陽春的小方塊跳一跳吧?」阿正老師原本也這麼以為,結果實際開了幾款之後有點驚訝——有可以從外太空一路飛到行星地表、下船走路的太空探險遊戲,有五個互動展區的 3D 科學博物館,還有霓虹風格的第一人稱射擊。跑起來也比想像中順,連手機瀏覽器都能玩。

不過這個頁面最有價值的部分,其實不是遊戲本身。每一個作品的頁面右邊,都把當初下給 AI 的提示詞(prompt)一步一步公開出來——這等於是 OpenAI 官方親自示範「想叫 AI 幫你做一個東西,需求要怎麼寫才會成功」。這份東西如果你有在用 ChatGPT、Codex 或其他 AI 寫程式工具,價值遠遠超過玩遊戲。下面阿正老師就帶你把這個頁面逛一遍。



一、OpenAI Showcase 是什麼?

OpenAI Showcase 是 OpenAI 開發者網站底下的一個作品展示專區,官方對它的定位講得很直白:「探索用 OpenAI 打造出來的 Demo」。裡面收錄的作品一部分出自 OpenAI 自己的員工,一部分來自社群投稿(頁面上有 OpenAI 與 Community 兩個來源可以切換),任何人做出有趣的東西也可以投稿上去。

阿正老師在 2026 年 9 月 12 日數了一下,整個列表大約有 70 到 80 個專案,其中光是「Games(遊戲)」分類就有 25 款左右。這個數字會一直變動,因為官方持續在增加新作品,所以你看到的數量跟本文不一樣是正常的。

image_23E5601B

官方網站 https://developers.openai.com/showcase
服務類型 線上作品展示區(純網頁,無需安裝)
支援平台 Windows/macOS/Linux/iOS/Android 的現代瀏覽器(3D 作品需支援 WebGL)。少數作品為 macOS 原生 App,無法在瀏覽器體驗
費用 瀏覽與體驗免費(官方定位為展示用 Demo,未提供付費方案);若要自己用 Codex 或 API 開發作品則依各自方案計費
繁體中文介面 ❌ 介面與作品說明全為英文(遊戲操作多為圖示或方向鍵,語言門檻不高)
台灣可用性 ✅ 台灣可直接開啟(2026-09-12 實測)
立即使用 [前往 OpenAI Showcase]
這是純展示性質的頁面,不是遊戲平台,所以沒有帳號系統、沒有存檔、也沒有排行榜(少數作品自己做了共享排名)。把它當成「免費試玩區」看待就對了。
阿正老師點評:如果你只是想找點東西打發時間,這裡的 3D 遊戲品質相當夠看;如果你是有在用 AI 寫程式的人,這裡就是一座免費的提示詞範例庫。兩種人都值得收藏。

二、怎麼逛:五大分類與四組篩選器

頁面最上方有五個分類,是最快的入口:All(全部)、Games(遊戲、有趣體驗、3D 世界)、Apps(應用程式)、Websites(網站與 Landing Page)、API(各種 API 示範)。想直接玩遊戲的,點 Games 就對了。

image_2CE9C39E

往下滑的「All projects」列表還有四組篩選器可以再縮小範圍,這部分做得比阿正老師預期的細:

  • 使用的模型:目前可選 GPT-6 Astra、GPT-5.6、GPT-5.5。想看最新一代模型的能力,就篩 GPT-6 Astra
  • 作品類型(Type):App、Game、Experience(體驗)、Landing Page、Storefront(商店)、Other
  • 使用情境(Use case):Agents、創作工具、資料視覺化、教育、圖片生成、互動體驗、內部工具、Landing Page、生產力、商店、Voice、WebMCP
  • 技術棧(Tech stack):Next.js、React、Three.js、Python、SwiftUI

操作流程很單純:選分類 → 滑鼠移到卡片上看簡介 → 點進作品頁 → 按右上角的「Try it live」或「Explore project」,就會開啟實際作品。作品頁的右半邊則會列出建立步驟與提示詞,這部分第四章會細講。

阿正老師點評:技術棧篩選器對工程師特別實用——想知道「用 Three.js 到底能在瀏覽器裡做到什麼程度」,直接篩選 Three.js 看一輪比讀十篇文章都有感。

三、阿正老師的必玩清單

70 幾個專案一個個點太累,阿正老師先幫你挑出比較有看頭的。以下連結都是作品介紹頁,進去之後按「Try it live」就能開始玩。

image_60D33479

▍3D 遊戲類(想直接玩就從這裡開始)

  • Little Ritual——在一顆小小的球形星球上送咖啡,畫面走溫暖可愛風,有樓梯、上層樓與橋可以往上探索。OpenAI 員工用 GPT-6 Astra 做的官方精選,阿正老師覺得是最適合第一款開的
  • Void Explorer——程序生成的太空探險。依官方部落格(2026 年 9 月 4 日發表)的說明,遊戲裡有 2,048 個星系、超過一萬顆程序生成的行星,可以從太空穿過大氣層一路降落到海岸線、下船走路再起飛
  • Sunwake——航海遊戲,穿越風浪抵達一座座燈塔,氣氛很好
  • Hollowflux——程序生成的地牢探險,戰鬥機制跟「會流動反應的水」綁在一起,玩法比較特別
  • Tiny Rails Rollercoaster——迷你雲霄飛車,八條路線,還能自己手動駕駛
  • Neon FPS——霓虹風格的第一人稱射擊,街機式的爽度
  • Theme Park Builder——蓋自己的主題樂園,經營模擬愛好者可以試試

▍互動科普類(老師、家長特別注意這一區)

  • Physics museum——3D 科學博物館,裡面有五個可以動手玩的互動展區
  • Living Cell——細胞剖面 3D 模型,各個構造都可以點開來看
  • Below the Surface——依深度分成五個海洋分層的互動網站,往下滑就是往深海下潛

阿正老師自己在學校也帶資訊課,看到這幾個第一個念頭就是「這拿來當上課的引起動機素材很好用」。可惜介面是英文,如果要給國中小學生看,老師得在旁邊講解一下。

▍WebMCP 類(給想跟上趨勢的技術人)

  • Codex Modeling Studio——跑在瀏覽器裡的 3D 建模工具,重點是 AI 可以透過 WebMCP 直接操作它:修改幾何形狀、調整材質,而你在 3D 視窗裡看著它改,隨時插話指定下一步
  • Margin Editor——可以跟 AI 代理協作的本機筆記工具

這一區總共有十來個作品(填字遊戲、雜貨購物車、修圖、編曲、行程規劃、週菜單⋯⋯),共同點都是「網頁工具開一個介面給 AI 操作」。阿正老師覺得這其實是整個 Showcase 裡最值得注意的方向——不是 AI 幫你寫網頁,而是網頁反過來讓 AI 能動手用。

阿正老師點評:實際體驗下來,阿正老師在 R7 5800X + RTX 5070 桌機、M5 MacBook Air 跟手機瀏覽器上各開了幾款 3D 作品,跑起來都很順,沒有遇到卡頓;手機開啟時還會自動出現虛擬觸控按鈕,不用鍵盤也能操作,這點做得挺貼心。想在通勤路上玩的可以放心。

四、偷看官方提示詞:以 Little Ritual 為例

這是阿正老師認為整個 Showcase 最值錢的地方。點進任何一個作品頁,右半邊都有一塊「Build process」,把作者當初怎麼一步步把作品做出來、每一步下了什麼提示詞,全部攤開來給你看。

image_15358A32

以 Little Ritual 來說,它的開發被拆成八個階段:先做出核心的送咖啡玩法,接著調整角色外型、用 Blender 做可編輯的素材、擴充城鎮與探索路線、加入居民與互動事件、生成場景裡的壁畫材質、優化操作與手機控制,最後才做效能優化、配樂與宣傳影片。

而真正值得學的是第一階段那段開場需求怎麼寫。阿正老師把它的骨架拆出來,你會發現它涵蓋了六件事:

完整提示詞的六個要素示意圖
先交代作品定位、風格、玩法、體驗、限制與合作方式,再從可用版本逐步調整。
提示詞要素 Little Ritual 的寫法
作品定位 明確講出「單人、3D、跑在瀏覽器的原創遊戲」,平台與規模一次講清楚
世界觀與美術風格 小小的球形星球、看得見地平線的弧度、溫暖可愛的風格、城鎮與自然區域交錯
核心玩法迴圈 從咖啡機旁出發、一次帶四杯看得見的咖啡、找到鄰居、每輪各送一次
體驗重點 把「探索」擺在中心,要有值得逛的地方與小小的互動趣味
工程約束 要模組化,之後能單獨換掉世界/角色/機制;素材要用可編輯的 Blender 檔;要顧慮瀏覽器效能
合作方式 先做出一個「可以玩的版本」,之後靠反覆回饋慢慢改好

看懂這六格,你就可以把它當模板套用到任何題目上。以阿正老師的使用習慣來說,我通常會這樣造句:

「幫我做一個〔平台與形式〕的〔作品類型〕,主題是〔題目〕。

風格希望是〔美術/語氣描述〕。

核心流程是〔使用者從哪開始、做什麼、怎麼結束一輪〕。

最重要的體驗是〔你最在意的那一件事〕。

請寫成模組化的結構,之後我要能單獨替換〔某部分〕,並注意〔效能/相容性〕。

先做出一個能跑的最小版本,我們再一起反覆修改。」

最後那句「先做出能跑的最小版本,再反覆修改」特別重要。官方每一個作品都是這樣做出來的——沒有人是一句話就生出成品,都是先有一個能動的東西,再花好幾輪慢慢長成最後的樣子。這也是阿正老師覺得很多人用 AI 寫程式會挫敗的原因:期待一次到位,結果第一次不滿意就放棄了。

如果你還沒開始用 AI 寫程式工具,可以先看阿正老師寫過的 Claude Code 新手教學OpenCode 免費開源 AI 程式助理完整教學,有了工具之後再回來抄這些提示詞,效果最好。

阿正老師點評:與其去買「一千組萬用提示詞」這類東西,不如把 Showcase 裡三五個作品的 Build process 認真讀完。這些是真的做出成品的需求書,不是憑空想像的範例。

五、Model Observatory:同一句話,不同模型做出什麼

Showcase 首頁還放了一個獨立的小網站叫 Model Observatory,做的事情很單純也很有趣:用同一組提示詞丟給不同的模型,再把各自做出來的成果並排給你比較。

這對想搞懂「新模型到底強在哪」的人來說,比看 benchmark 分數直觀太多了。分數是抽象的數字,這裡是同一道題目的作品放在一起,差距用眼睛就看得出來。它會另開新視窗,從 Showcase 首頁往下一點就能找到入口。

阿正老師點評:如果你正在猶豫該不該從舊模型升上去,或者想說服同事「換模型真的有差」,這個頁面是很好的說明材料。

六、注意事項與阿正老師的總結

⚠️ 玩之前先知道這幾件事:

1. 作品清單會變動——官方持續新增,也可能把舊作品下架,本文的數量與名單以 2026 年 9 月為準。

2. 全英文介面——作品說明與遊戲內文字都是英文,不過多數遊戲靠圖示與方向鍵就能上手。

3. 少數作品不是網頁——例如 Swifty Roguelike、Swifty Dungeon 是 macOS 原生 App,不能在瀏覽器裡玩。

4. 這些是 Demo,不是正式產品——沒有存檔、沒有客服,遇到 bug 就是遇到了,別抱著玩商業遊戲的期待。

只想找點免費的東西打發時間

→ 直接點 Games 分類,從 Little Ritual 或 Void Explorer 開始。不用註冊、不用安裝,手機也能玩。

想學會怎麼叫 AI 幫你做東西

→ 直攻作品頁右邊的 Build process,照第四章的六格架構把提示詞拆解一遍,比看教學影片有效。

老師、講師想找上課素材

→ 看 Physics museum、Living Cell、Below the Surface 這一類互動科普作品,投影出來當引起動機很有畫面。

前端工程師想知道瀏覽器的極限在哪

→ 用 Three.js 技術棧篩選器過濾一輪,順便看看 WebMCP 那十來個「讓 AI 操作網頁工具」的作品,這是很值得留意的新方向。

免費、不用裝、還附贈教學

OpenAI Showcase 這個頁面的性質有點特別:表面上它是 OpenAI 在炫技,但對一般人來說,它就是一個 70 多款免費線上遊戲與互動網站的收藏夾;對想學 AI 開發的人來說,它是一本公開的需求書範例集。兩種價值都是真的,而且一毛錢都不用花。

阿正老師建議的逛法:先花二十分鐘把 Games 分類挑幾款玩過,感受一下現在的 AI 能做到什麼程度;等到「哇這個怎麼做出來的」念頭冒出來的時候,再回去看它的 Build process。順序反了,提示詞讀起來就只是一堆文字而已。

你玩過哪一款覺得最驚艷?或者有用這些提示詞做出什麼有趣的東西嗎?歡迎在下面留言跟阿正老師分享!

留下回覆

請輸入你的評論!
請在這裡輸入你的名字