AR 作為遊戲化的融形式

Wang Ivy 設計的 AR遮罩
===============================
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上使用。