有沒有想過遊戲如何徹底改變學(xué)習(xí)？ 我對(duì)融合創(chuàng)造力、技術(shù)和樂趣的想法著迷，促使我開發(fā)了一款教育視覺小說(shuō)遊戲。儘管缺乏遊戲開發(fā)經(jīng)驗(yàn)，我還是使用基於 Python 的視覺小說(shuō)引擎 Ren'Py 踏上了這段旅程。 利用 AI 工具進(jìn)行加速開發(fā)和 Azure Static Web Apps 進(jìn)行部署，我建立了一個(gè)原型來(lái)教導(dǎo) GitHub Copilot 的編碼輔助功能。 十二月的節(jié)日主題增添了額外的享受。

這篇文章詳細(xì)介紹了我的方法：

• 使用Ren'Py框架創(chuàng)建遊戲。
• 使用 AI 工具（GitHub Copilot、Azure OpenAI 服務(wù)）來(lái)加速開發(fā)和視覺資產(chǎn)產(chǎn)生。
• 透過 GitHub Actions 和 Azure Static Web Apps 自動(dòng)建置和部署。

有興趣嗎？在線玩遊戲並訪問我的 GitHub 存儲(chǔ)庫(kù)上的源代碼（為簡(jiǎn)潔起見，省略了鏈接）。

創(chuàng)世紀(jì)

雲(yún)端技術(shù)有許多教育遊戲，適合所有技能等級(jí)。 Microsoft 的 Microsoft Technical Quest（使用 Azure 服務(wù)的紙牌遊戲）和類似的 AWS 產(chǎn)品體現(xiàn)了遊戲化雲(yún)端學(xué)習(xí)。

受到Microsoft Cloud Advocates 的「Azure Space Mystery」（一款帶有視覺效果和互動(dòng)問題的文本遊戲）的啟發(fā)，我的目標(biāo)是創(chuàng)造類似的體驗(yàn)，透過帶有測(cè)驗(yàn)和成就獎(jiǎng)勵(lì)的文本遊戲教授技術(shù)概念。 GitHub Copilot 最近的流行使其成為我的中心主題，並輔以 12 月的節(jié)日氛圍。

結(jié)果：Christmas Copilot Quest，一款引導(dǎo)玩家在 Visual Studio Code 中使用 GitHub Copilot 的遊戲，並由 GingerBot（聖誕老人的 Copilot 支援的助手）提供互動(dòng)式指導(dǎo)。

遊戲截圖：主選單、對(duì)話範(fàn)例、學(xué)習(xí)資源頁(yè)。

製作以文字為主的遊戲

技術(shù)堆疊：

我的要求包括非線性講故事以及影響遊戲流程的測(cè)驗(yàn)、UI 自訂、自訂元件靈活性和 Web 應(yīng)用程式部署。 對(duì) Python 的熟悉讓我選擇了 Ren'Py，它的腳本語(yǔ)言滿足了故事、測(cè)驗(yàn)和 UI 客製化的所有需求。 它的 Python 可擴(kuò)展性和 Web 匯出功能，以及用於自動(dòng)建置和部署的 CLI，是關(guān)鍵因素。

遊戲結(jié)構(gòu)：

遊戲由三個(gè)主要部分組成：

劇本：敘述（獨(dú)白/對(duì)話）和測(cè)驗(yàn)，組織成有標(biāo)籤的部分。

遊戲截圖：對(duì)話範(fàn)例、玩家問答。

圖形使用者介面 (GUI)： 螢?zāi)?、選單和視覺元素。 Ren'Py 允許內(nèi)建螢?zāi)蛔杂啠ò粹o、選單）和新螢?zāi)唤ⅲǔ删屯ㄖ①Y源選單）。

自訂遊戲畫面：角色選擇、成就通知、成就畫面。

自訂 Python 程式碼： 新增遊戲特定功能（成就係統(tǒng)、角色定義、GUI 實(shí)用程式）。 為了可維護(hù)性，這些組件保持獨(dú)立。 例如，直接從腳本呼叫確定玩家名稱的 Python 函數(shù)：

label introduction:
    felix "Ah, you must be the new coder Santa called for! What's your name?"

    $ player_input = renpy.input(
        _("(Type your name and press Enter, or press Enter to use the default name, [character_name].)")
    )
    $ player_name = character_utils.determine_player_name(player_input)

    player "I'm [player_name]."

AI 整合開發(fā)

GitHub Copilot： 對(duì)於導(dǎo)航 Ren'Py 至關(guān)重要。 雖然 Ren'Py 的有限數(shù)據(jù)可能會(huì)影響準(zhǔn)確性，但 Copilot 在很大程度上幫助理解了 Ren'Py 組件，例如建議帶有圖像按鈕的角色選擇畫面。

GitHub Copilot 的角色選擇畫面建議。

人工智慧影像產(chǎn)生：為了快速創(chuàng)造視覺效果，我使用了人工智慧工具。 DALL-E 3（Azure OpenAI 服務(wù)）最初提供了不錯(cuò)的圖像，但事實(shí)證明保持一致的風(fēng)格具有挑戰(zhàn)性。 Microsoft Designer 提供了更好的一致性，特別是其頭像文字到圖像功能。 「低多邊形」美學(xué)確保了一致性並符合遊戲的風(fēng)格。 提示範(fàn)例：

「一位棕色頭髮的風(fēng)格化女性的低多邊形3D 肖像，穿著聖誕顏色的襯衫，具有乾淨(jìng)的幾何形狀、平坦的顏色和柔和的燈光，採(cǎi)用白色背景的簡(jiǎn)約未來(lái)主義風(fēng)格。 ”

使用濾鏡處理產(chǎn)生的影像，以進(jìn)行降噪、顏色平滑、背景移除和多邊形邊緣突出顯示。 影像組合和重複創(chuàng)造了令人眨眼的效果。

結(jié)論與後續(xù)步驟

這篇文章示範(fàn)了 Ren'Py 和 AI 工具（GitHub Copilot、Azure OpenAI Service、Microsoft Designer）如何創(chuàng)建教育遊戲原型。 下一步是部署，利用 Ren'Py 的 CLI 和 Azure Static Web Apps 的 GitHub Actions 整合。 以下資源提供了有關(guān) GitHub Copilot 和 DALL-E 3 的更多資訊。 （為簡(jiǎn)潔起見，省略了連結(jié)）。

以上是使用 AI 工具和 Azure 靜態(tài) Web 應(yīng)用程式建構(gòu)教育遊戲（第 1 部分）的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！