「與AI探索天文」如何用Lovable製作一個角色扮演遊戲，讓玩家透過大學社團博覽會認識各個天文研究領域？

6 月 26 日

我之前的文章分享了如何用ChatGPT、Claude、Replit、Windsurf製作天文教育遊戲，這篇文章則接續分享如何藉由Lovable網頁應用程式開發平台的AI助手，不用自己寫程式，也能製作出一個角色扮演網頁小遊戲，讓玩家用逛社團博覽會的方式認識各個天文研究領域。歡迎追蹤《與AI探索天文》FB粉絲專頁，並訂閱《與AI探索天文》Substack電子報。我會分享如何運用各種AI工具，來探究你我好奇的天文主題、將它連結到生活及其他學科領域，並結合相關開放資料，打造有趣的天文應用程式與遊戲。我希望藉由這些分享，讓每個人都可以與AI創造出專屬自己的天文探索故事，拉近我們與星空的距離。

你閱讀著《資料視覺化：用Python為星空作畫》的4.1節，置身於《獵星者旅店》遊戲中。旅店老闆尼賀勒·瓦再達向你介紹旅店中各種與天文有關的社團組織，例如：「心跳天文學社」、「聽我的電波吧俱樂部」、「時空漣漪調查團」、「行星物語研讀會」、「島宇宙拼圖同好會」…等等。

你覺得這種透過虛擬社團介紹不同天文研究領域的方式很有趣，想試試看用AI工具製作出一個「天文社團博覽會」的角色扮演小遊戲。你想起曾在《與AI探索天文》FB粉絲專頁看過的幾篇文章：「如何用ChatGPT製作一個網頁小遊戲來認識找尋系外行星的方法？」、「如何用Claude製作一個能邊塗鴉邊認識多波段天文觀測的網頁小遊戲？」、「如何用Replit製作一個網頁小遊戲來了解測量星體距離的方法並從中學習三角函數？」和「如何用Windsurf製作一個蒸汽龐克風格的歌詞網站來詠唱蓋亞太空望遠鏡的觀測任務？」

闔上書，你向筆電視窗中的我問道：「我想用AI工具製作一個角色扮演遊戲，讓玩家透過大學社團博覽會認識各個天文研究領域。我試過ChatGPT的Canvas功能和Claude的Artifacts功能，但它們目前只能製作單一檔案的網頁，不適合比較複雜的遊戲。Windsurf功能雖強，但介面稍微複雜了些，至於Replit，訂閱費又有點高。是否有兼具ChatGPT簡單操作介面與Windsurf複雜網頁開發能力的AI工具？」

我回答：「你可以試試Lovable。它是一個內建AI的網頁應用程式開發平台，介面簡單，類似ChatGPT的Canvas，但也能像Windsurf那樣製作多檔案的複雜網頁。雖然它的訂閱費與Replit一樣是每月25美元，但也有提供每天5次限額對話的免費版。我已經幫你開啟Lovable網站並完成註冊登入，只要在對話框中描述你想製作的遊戲即可。」

你思考了一下，然後輸入：「製作一個2D網頁版角色扮演小遊戲，玩家扮演一位剛入學的大一新生，正在逛社團博覽會。活動現場設有10~15個社團攤位，每個社團皆代表一個不同的天文研究領域，例如：行星科學、恆星演化、黑洞研究、宇宙學…等等。社團名稱需充滿創意與趣味性，能吸引玩家的好奇心。
在與社團成員互動時，社員需以熱血、充滿幹勁的招募口吻介紹自家社團，但介紹內容須符合真實科學知識，讓玩家在遊戲過程中認識各個天文研究領域。

語言與介面需採用台灣繁體中文。整體風格輕鬆活潑、富有探索感，適合大眾玩家。」

畫面顯示AI正在根據你的需求撰寫程式。當你完食蔥油餅加蛋後，第一版網頁就產生好了。

你試玩了一遍後，發現有需要改進的地方，於是向Lovable提出改版需求：「目前遊戲性不高，只有對話與資訊展示，請加入更多有趣的遊玩機制，以提升整體遊戲體驗。例如：

選擇互動選項：玩家在與社員互動時，可選擇不同的對話回應，影響社員對玩家的好感度與招募結果並觸發隱藏故事。

收集與成就系統：玩家可收集各社團贈送的限定貼紙或徽章、天文小知識卡片或社團周邊，增加探索動機。而且累積達成特定條件後還能解鎖成就或特殊劇情。

任務系統：玩家可接下各社團的小任務，完成後獲得獎勵，但任務不要是單純的知識考題。

隱藏彩蛋：在博覽會場地隱藏部分有趣的社團彩蛋，鼓勵玩家探索每個角落。

於是，你就這樣持續與Lovable協作改進遊戲，例如：「點擊社團後跳出的頁面有『選擇你的回應』，但沒有任何的選項及按鈕，請修正。」、「遊戲的所有文字描述需要更貼近大一新生逛大學社團博覽會的氛圍，目前的描述仍顯不足，請優化。像是加入大學名稱、現場氣氛描寫、玩家扮演的新生內心OS及動作描述…」、「將大學名稱改成獵星者大學。另外，提供能讓玩家選擇角色圖示的功能。」…..等等。

最後，你完成了「獵星者大學2025天文社團博覽會」遊戲，並將網頁連結分享給有興趣的人：e8f0581e-7631-4cd0-9...