「與AI探索天文」如何用Bolt製作一個角色扮演遊戲,讓玩家認識能取得天文觀測資料的Python工具?

更新於 發佈於 閱讀時間約 6 分鐘

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

你閱讀著《資料視覺化:用Python為星空作畫》的6.1節,置身於蒸汽龐克風格的《獵星者旅店》遊戲中。你在旅店內四處探索,協助老獵星者安娜蒐集繪圖用的機器零件。過程中,你認識了能取得天文觀測資料的Python套件Astroquery,並學會如何透過它取得蓋亞太空望遠鏡的觀測資料來繪製全天空星圖。

你喜歡透過這種探索、蒐集類的遊戲來學習天文知識,想自己試試與AI協作打造出一個類似的角色扮演小遊戲。你闔上書,打開筆電,瀏覽《與AI探索天文》FB粉絲專頁的最新文章:「如何用Lovable製作一個角色扮演遊戲,讓玩家透過大學社團博覽會認識各個天文研究領域?」,了解到可以用ChatGPT、Claude、Replit、Windsurf、Lovable等AI工具來製作天文教育遊戲,同時也好奇還有哪些文章沒提到的工具能用。

於是,你向筆電視窗中的我問道:「我想用AI工具製作一個天文教育網頁小遊戲,除了ChatGPT、Claude、Replit、Windsurf和Lovable外,還有什麼工具能協助我?」

我回答:「你可以試試Bolt。它是一個在瀏覽器內就能開發網頁應用程式的AI工具,雖然免費版有每日使用量限制,但足夠你嘗試一些有趣的構想。我已經幫你開啟Bolt網站並完成註冊登入,直接在輸入框描述你想要製作的遊戲吧。」

raw-image

你思考了一下,然後輸入:「請製作一個台灣繁體中文的2D網頁遊戲,玩家扮演一位身處蒸汽龐克世界的學徒,正在學習打造一台能為星空作畫的繪圖機器。玩家會到處探索,以蒐集用來製作繪圖機器所需的各種零件,而各個零件會提供一些片段資訊,最後讓玩家拼湊出以下內容:

  • 什麼是Astroquery
  • Astroquery能用來取得哪些天文觀測資料
  • 與Astroquery相關的天文基礎知識及Python語法觀念

知識學習的設計應融合在遊戲互動與劇情推進中,避免使用像考試問答的學習方式。而且玩家探索的場景、零件名稱都要符合蒸汽龐克風格。」

raw-image

AI開始根據你的需求規劃功能並撰寫程式。當你完食鹹豆漿加燒餅後,第一版遊戲就產生好了。

raw-image

你試玩了一遍後,發現有些問題,於是指示Bolt修改:「『星空繪圖機器組裝』頁面的進度條顯示要收集15個零件才能完成組裝,但我所有區域都探索完畢了,目前最多只能收集到7個零件,『光學系統』、『控制機構』、『繪圖機構』這幾個分類下的零件都無法收集,請修正這個問題。另外,目前『習得的知識』跟『收集的零件』數量並不一致,請確保每個零件都能習得知識。」

raw-image

於是,你就這樣不斷提供構想給Bolt以便改進遊戲,例如:

  • 目前「習得的知識」跟「收集的零件」一樣列在「背包」的頁面中,應該要改放在「知識」的頁面中,請修正。
  • 遊戲目前的玩法偏向單純的點擊收集,缺乏足夠的遊戲性與故事性。請透過NPC的對話以及零件收集過程來豐富整體世界觀,讓玩家在探索中逐步揭開遊戲的背景設定,並強化玩家收集零件的動機。此外,零件的取得應設計成需符合特定順序與條件(例如某個零件拿到後才能拿另外一個零件)。還有,玩家是扮演打造星空繪圖機器的學徒,不是目前顯示的星空繪圖師學徒。
  • 在恭喜完成零件收集的頁面最下方加上一段文字:「你已成功解鎖《資料視覺化:用Python為星空作畫 》!點擊書名踏上你的下一段探索旅程吧!」書名要連結到 https://www.tenlong.com.tw/products/9786267383186 這個網頁。
  • 請在網頁底部加上版權宣言:©2025 本遊戲由蘇羿豪藉由Bolt協助開發,作為「與AI探索天文』天文教育產品開發計畫的一部分。其中“蘇羿豪”和“與AI探索天文“要分別連結到https://astrobackhacker.twhttps://www.facebook.com/astroeduai這兩個網頁……等等。

最後,你完成了遊戲,並透過Bolt界面右上角的「Deploy」按鈕產生網頁連結分享給有興趣的人:https://astroquery-steampunk-game-v1-yihaosu.netlify.app/

raw-image
raw-image
raw-image
此篇文是由蘇羿豪經ChatGPT及Bolt協助創作,文章以「創用CC姓名標示─非商業性 4.0(CC BY-NC 4.0) 國際版授權條款」釋出。歡迎分享並追蹤「與AI探索天文」FB粉絲專頁或我的Threads。也邀請你訂閱《與AI探索天文》電子報
留言
avatar-img
留言分享你的想法!
avatar-img
與AI探索天文
1會員
17內容數
為了延伸並實踐《資料視覺化:用Python為星空作畫》書中「與AI探索天文」的想法,我會在這分享如何運用各種AI工具,來探究你我好奇的天文主題、將它連結到生活及其他學科領域,並結合相關開放資料,打造有趣的天文應用程式與遊戲。我希望藉由這些分享,讓每個人都可以與AI創造出專屬自己的天文探索故事,拉近你們與星空的距離。
與AI探索天文的其他內容
2025/06/26
我之前的文章分享了如何用ChatGPT、Claude、Replit、Windsurf製作天文教育遊戲,這篇文章則接續分享如何藉由Lovable網頁應用程式開發平台的AI助手,不用自己寫程式,也能製作出一個角色扮演網頁小遊戲,讓玩家用逛社團博覽會的方式認識各個天文研究領域。
Thumbnail
2025/06/26
我之前的文章分享了如何用ChatGPT、Claude、Replit、Windsurf製作天文教育遊戲,這篇文章則接續分享如何藉由Lovable網頁應用程式開發平台的AI助手,不用自己寫程式,也能製作出一個角色扮演網頁小遊戲,讓玩家用逛社團博覽會的方式認識各個天文研究領域。
Thumbnail
2025/06/19
我前幾篇文章分享了ChatGPT、Grok、Gemini和Perplexity的深入研究功能,這篇文章則接續分享如何用Claude的深入研究功能,搜尋彙整火星研究的最新論文,並以自傳的方式呈現這些新發現。歡迎追蹤《與AI探索天文》FB粉絲專頁,並訂閱《與AI探索天文》Substack電子報。
Thumbnail
2025/06/19
我前幾篇文章分享了ChatGPT、Grok、Gemini和Perplexity的深入研究功能,這篇文章則接續分享如何用Claude的深入研究功能,搜尋彙整火星研究的最新論文,並以自傳的方式呈現這些新發現。歡迎追蹤《與AI探索天文》FB粉絲專頁,並訂閱《與AI探索天文》Substack電子報。
Thumbnail
2025/06/09
我前幾篇文章分享了ChatGPT、Grok和Gemini的深入研究功能,這篇文章則接續分享如何用Perplexity的深入研究功能,針對高中的彈性學習時間,設計出主題為「運用天文研究觀測資料進行藝術創作」的跨領域自主學習計劃。
Thumbnail
2025/06/09
我前幾篇文章分享了ChatGPT、Grok和Gemini的深入研究功能,這篇文章則接續分享如何用Perplexity的深入研究功能,針對高中的彈性學習時間,設計出主題為「運用天文研究觀測資料進行藝術創作」的跨領域自主學習計劃。
Thumbnail
看更多
你可能也想看
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
Python資料視覺化在數據分析中扮演關鍵角色,透過視覺化捕捉數據模式、趨勢和異常,透過Matplotlib等工具創建專業圖表變相對簡單和高效。
Thumbnail
Python資料視覺化在數據分析中扮演關鍵角色,透過視覺化捕捉數據模式、趨勢和異常,透過Matplotlib等工具創建專業圖表變相對簡單和高效。
Thumbnail
數據分析與解讀 隨著數據的爆炸式增長,能夠分析、解讀和應用數據的能力變得至關重要。這包括熟悉數據分析工具和技術,如統計學、數據挖掘、機器學習等。然而,僅靠短時間的數據分析並不足以提供深入見解。 要熟悉數據分析工具和技術,如統計學、數據挖掘和機器學習,可以從以下幾個方面入手: 基礎知識的學習
Thumbnail
數據分析與解讀 隨著數據的爆炸式增長,能夠分析、解讀和應用數據的能力變得至關重要。這包括熟悉數據分析工具和技術,如統計學、數據挖掘、機器學習等。然而,僅靠短時間的數據分析並不足以提供深入見解。 要熟悉數據分析工具和技術,如統計學、數據挖掘和機器學習,可以從以下幾個方面入手: 基礎知識的學習
Thumbnail
本文介紹了AI助手在數據收集和訓練過程中的工作原理和不斷進步的過程。關注的內容包括從公開的網絡資源、書籍、文章等渠道收集數據,數據的清洗和結構化處理,知識庫的增量更新以及訓練算法和模型的優化。如果大家對AI助手的發展還有任何其他感興趣的話題或建議,歡迎隨時告訴我們,讓我們共同探索,攜手進步。
Thumbnail
本文介紹了AI助手在數據收集和訓練過程中的工作原理和不斷進步的過程。關注的內容包括從公開的網絡資源、書籍、文章等渠道收集數據,數據的清洗和結構化處理,知識庫的增量更新以及訓練算法和模型的優化。如果大家對AI助手的發展還有任何其他感興趣的話題或建議,歡迎隨時告訴我們,讓我們共同探索,攜手進步。
Thumbnail
本文在介紹如何用Python繪製各點大小不同的散布圖及用箭頭標註特殊點
Thumbnail
本文在介紹如何用Python繪製各點大小不同的散布圖及用箭頭標註特殊點
Thumbnail
本文介紹了如何使用資料樞紐分析的功能來整理所需的資料,並設定圖表的中文字型,最後提供了繪圖的程式碼範例。
Thumbnail
本文介紹了如何使用資料樞紐分析的功能來整理所需的資料,並設定圖表的中文字型,最後提供了繪圖的程式碼範例。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News