2024年11月14日 星期四

如何使用免費AI平台自己製作文本學習遊戲網站

步驟1:提供學習文本或請AI生成特定主題學習文本

開啟chatgpt,輸入以下範例prompt:
給我"特定主題"的學習文本,文字要感性,內容要詳細一點。
其中特定主題如:極端氣候、唐山過台灣的歷史

步驟2:請AI依文本設計合適的遊戲類型

文本生成後,或是由你貼上後,再下以下參考prompt:
參考以上文本,設計一個練習遊戲html,請給我合適的遊戲類型讓我選擇

如果都不滿意,就再下以下prompt:
有其他有趣的類型可以選擇嗎?

選擇想要的遊戲類型後,準備改用winsim.ai來幫我們快速建立遊戲html

用AI免費建立遊戲網站: websim.ai

步驟3:整理chatgpt上生成的遊戲生成內容到websim上

把chatgpt生成的文本,或是你自己準備好的文本複製起來,貼到websim的對話框中後,換行後,再輸入以下prompt:
文本全文
使用以上文本,設計一個練習用遊戲,遊戲類型說明如下:
(這裡再貼上chatgpt生成你選定的遊戲類型的文字)

以下是完整的範例prompt:


文本全文
使用以上文本,設計一個練習用遊戲,遊戲類型說明如下:
這類遊戲設計讓學生接受挑戰,透過一系列的任務來了解唐山移民過台灣的歷程,每個任務都帶有時間限制,增加遊戲的緊張感。
範例:
任務一: 在海上風暴來臨之前,你必須在5分鐘內找出所有需要的生存物資。點擊屏幕上的物品來收集食物、水和藥品。任務完成後,學生會了解當時移民面對的生存困境。
任務二: 抵達台灣後,你必須在10分鐘內與當地居民建立友好關係,並找到可耕作的土地。這能幫助學生了解初期移民如何在陌生土地上生存和發展。
請設計至少4個任務的html遊戲

把完整的prompt貼到websim的下圖的輸入區中,等待進度條跑完,遊戲就生成好了。

上傳圖片

步驟4:依生成的遊戲在websim上做細部調整

要修改時,一樣是在圖上相同的輸入框中描述修改需求,等待進度條完成即完成修改,可以一步一步進行功能的微調,直到所有功能都符合老師的需求。
一般我會請websim在遊戲中加上一個"學習文本"的按鈕,按下後,會呈現完整文本內容
以下是在websim中參考的prompt:
加上"學習文本"按鈕, 按下可以看到以下文本, 讓學生可以先學習再遊戲。以下是完整文本內容:
完整文本

websim生成的遊戲範例

AI生成的遊戲範例:唐山過台灣-歷史任務挑戰賽



沒有留言:

張貼留言

互動式九宮格工具介紹與教學活動設計

這篇文章將介紹一個名為 「互動式九宮格」 的小工具,並設計一些教學活動。 一、 互動式九宮格工具介紹 這個工具可以幫助老師們製作互動式的九宮格遊戲,用於課堂教學。 工具功能: 文字輸入: 點擊格子輸入文字並送出。 圖片插入: 可以插入圖片或上傳圖片。 ...

Related Posts Plugin for WordPress, Blogger...