AR 作為遊戲化的融形式
Wang Ivy 設計的 ＡＲ遮罩
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
AR 作為遊戲化的融形式
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
▌課程大綱
1.以圖推為主題，AR結合遊戲化設計方案，進行一場小小解謎體驗。
2.創造AR觸發圖與擴增實境圖像間關聯的意義與連結。
3.實作MAKAR的遮罩功能進行簡易創作。
▌教師簡介
汪檍，一名重度解謎及沉浸式遊戲化成癮的高中美術科教師。熱衷於學習教材數位化與遊戲化的包裝轉譯，並不斷嘗試不同類型的互動式數位平台結合AR擴增實境的學習素材開發，期待能協助到更多第一線的教師在數位教材上的研發，以及學生在數位學習經驗上的翻轉。●2018 入選親子天下 第二屆教育創新100
●2019 天下雜誌 微笑台灣創意教案徵選 貳獎
●2020 台北市卓越藝術計畫 密室逃脫案例徵件 特優
●2021 入選親子天下 第四屆教育創新100
●2002 XR實境設計大賞 仁寶MR組 貳獎
▌注意事項
為提升快閃課程體驗效率，請準備兩種載具。載具1.觀看線上Meet的載具，可使用電腦或平板。
載具2.體驗AR互動遊戲，可準備手機或平板（平板較佳）。
並請先完成MAKAR App下載➡ https://www.makerar.com/app#download
▌課程影片
應用 AI 創作元宇宙 XR 數位內容
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
應用 AI 創作元宇宙 XR 數位內容
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝▌課程講師
蔡雅雯 Lina老師▌課程大綱
1. 應用AI創作元宇宙XR數位內容2. AI應用平台與實作解析
3. 應用ChatCPT撰寫AI生成文案
4. 應用Blockadelabs創作VR360
5. 應用MAKAR結合AI創建WebVR與互動設計
6. 2023年實境教育創意大賞競賽資訊分享
7. Q&A
▌課程影片
AIGC人機協作融入3R科技建構自主學習虛實整合
▲ 課程簡報
AIGC人機協作融入3R科技建構自主學習虛實整合
人機協作想出好點子，以ChatGPT 規劃自主學習成果展！
在這個數位時代，與AI機器人攜手合作，引領革命性的點子爆發！解鎖你心中的無限創意，與AI伙伴一同探索創新可能性。結合人的智慧與機器的力量，打破想像的限制，帶領你進入全新的創意領域
1.人機協作想出好點子
2.ChatGPT x MAKAR 造出阿拉丁神燈
3.Stable Diffusion x MAKAR做出美美的互動AR繪本
4.用MAKAR Scan掃出3D虛擬場景
5.讓CAT與DID成為MAKAR的賢內助
▲ 課程影片
MAKAR魔法介紹目錄
課程說明：
本課程將示範利用AI工具把圖片轉為動態影像並製作成AR專案。
情境說明：
哈利波特一系列故事中，預言家日報(The Daily Prophet)非常能夠顯現魔法世界的樣貌。預言家日報有別於一般的報紙，報紙上的圖片是以動態影像的方式呈現當時的樣貌，比如天狼星被抓入獄時，他憤怒的掙扎片段。這樣的效果以前就有許多人利用AR技術呈現，方法也有很多種，可以利用影片或者GIF圖片，並將影片的某一畫面製作成AR辨識圖。
本次是利用AI工具(D-ID)，將人像圖片結合語音文字，讓圖片中的人物能依照文本念出文字，還可以選擇不同的語言及語調。
以哈利波特電影海報為這次教學的範例，特別注意，D-ID這個AI工具是針對人類臉型的結構設定(正面有兩個眼睛、一個鼻子、一個嘴巴)，因此若使用其他臉部結構的物種可能會失敗。
※ 本教學創作引用自哈利波特《神秘的魔法石》之海報
請先下載素材：https://drive.google.com/drive/folders/1XH2cvOhVXLsuEh77Q3BdpfSpqouIqrcc?usp=share_link
-
開啟D-ID網站(https://www.d-id.com/ ) 點選login
-
點選左下角Guest -> Login/Signup 進行註冊
-
註冊完畢點選左上角Create Video
-
點選ADD新增圖片，將哈利波特的電影海報上傳。
-
將文字檔中的內容貼入右邊的Script中，並語言選擇Chinese(Mandarin, Simplified)，Voice選擇Yunze之後就可以點選右上角Generate Video輸出影片。另外，除了Script能夠文字轉語音以外，也能夠用Audio上傳自己的聲音。
補充說明:
文本內文是透過另一款近期討論度很高的AI工具「ChatGPT」所生產出來的，我請ChatGPT幫我摘要哈利波特第一本書的故事大意。
-
開啟MAKAR編輯器，建立新專案，選擇AR圖像辨識，將電影海報上傳為辨識圖。編輯器v3.4版本以後新增了「類別」選單，若沒有選擇將無法發布專案。
-
將D-ID生成的影片匯入素材庫。
-
將影片放置於場景中，並平行於辨識圖之上，且大小需剛好覆蓋住海報。可參考下圖的調整數據。
-
影片: 關閉「可操作」的功能，並新增邏輯功能。
-
在邏輯編輯器中加入Blockly程式
-
最後再發布之前，將影片的眼睛關掉(影片的可見度關閉)。此做法是為了避免手機離開辨識圖後依然再撥放影片的窘境，希望只有手機照到海報的時候才會出現這種效果，不然就不神奇了。
如何體驗
拿起手機，輸入ID並掃描辨識圖就能進行體驗囉!
-
安裝MAKAR APP
-
掃描QR code或搜尋ID: class06選擇作者
-
點擊AR圖像辨識「魔法介紹目錄」專案啟動，點擊「開始體驗」對準海報。
AR辨識圖上傳失敗原因
大部分的平面DM通常都是以CMYK進行色彩設定，DPI150-300左右，請參考下圖。若要成為MAKAR辨識圖，需修正為RBG並儲存為JPG格式，亦可參考辨識圖概念文章。
若發現格式不是所需要規格，可使用小畫家進行編輯
1.可開啟小畫家，選擇調整大小。
2.亦可選擇內容，觀看格式是否正確
3.檢查或上傳到MAKAR
（1）CMYK則未畫面中的?號圖示，需根據上述1.2進行修正並轉存為JPG，上傳即可解決。
（2）若為RGB則為正確。
編輯器首頁介紹
MAKAR編輯器主頁:
1.建立新專案：點擊創建新專案
2.專案和教學頁面轉換：在專案主頁面和教學頁面閒轉換。
3.賬號資料：點擊打開賬號資料和管理視窗。
4.專案顯示轉換：轉換專案并列顯示方式。。
5.已發佈專案專區：所有您已發佈的專案將并列在此空間。您也可把未發佈的專案拖曳至此進行發佈。
6.專案排列：您的專案將以并列的形式排列在此。您也可再次對個別的專案進行管理個。管理的範圍包括命名，刪除，更改專案公開模式，和獲取數據資料。
7.未發佈專案專區：所有您未發佈的專案將并列在此空間。您也可把已發佈的專案拖曳至此取消發佈。
新建專案視窗:
點擊新建專案按鍵開始創建新專案。
1.選擇新建AR或VR專案。
2.選擇新建圖像辨識的AR專案，或SLAM空間辨識專案。
3. C新建無模板專案。
4.以模組新建專案。
5.為新建專案命名。
6.上傳特製的專案顯示圖像。
7.上傳和選擇新建圖像辨識AR專案所需的辨識圖。
8. GPS位置辨識：
開啓：您的專案只可在特定的地點上使用。
關閉：您的專案可在任何地點使用。
專案圖像顯示:
專案排列顯示模式可以圖下所示處進行轉換。
您也可選擇顯示和隱藏的專案。
已發佈和未發佈的專案:
您可以拖曳的方式來發佈或取消發佈專案。
當您儲存專案之後，頁面會自動回到MAKAR編輯器主頁面，而您的專案則會儲存為未發佈專案。您可把此專案拖曳到發佈空間來發佈。只有經發佈之專案才可在MAKAR APP上使用。