AIGC人機協作融入3R科技建構自主學習虛實整合

• 2023-05-19
• by 曾慶良 主任

• #AR
• #VR
• #MR
• #XR
• #AI
• #元宇宙
• #教育元宇宙
• #

​

▲ 課程簡報

AIGC人機協作融入3R科技建構自主學習虛實整合
人機協作想出好點子，以ChatGPT 規劃自主學習成果展！

在這個數位時代，與AI機器人攜手合作，引領革命性的點子爆發！解鎖你心中的無限創意，與AI伙伴一同探索創新可能性。結合人的智慧與機器的力量，打破想像的限制，帶領你進入全新的創意領域

1.人機協作想出好點子
2.ChatGPT x MAKAR 造出阿拉丁神燈
3.Stable Diffusion  x  MAKAR做出美美的互動AR繪本
4.用MAKAR Scan掃出3D虛擬場景
5.讓CAT與DID成為MAKAR的賢內助

▲ 課程影片
 

春節AR動畫教學

• 2023-01-18
• by MAKAR

• #春節
• #邏輯編輯
• #AR
• #VR
• #MAKAR

春節AR動畫教學
2023兔年到來，這次MAKAR產出春節AR互動，做法非常簡單，不需要複雜的動畫技巧，使用PPT以及搭配MAKAR的新功能遮罩，就能做出放鞭炮和拉春聯的動畫效果，你可以自行更改春聯文字，用AR傳送獨一無二的的新年祝福！
 
請先下載素材：https://drive.google.com/drive/folders/1njYx6aOkR5U1D6cbf5LfMikc6Gt3IZ6r?usp=sharing
 


【利用PPT製作動畫】
 

1. 把2D鞭炮匯入PPT後，使用內建「剪裁」功能，切割成六塊再組裝。

 

2. 下至上設定「動畫」＞「擦去」，效果選項設定「自下」

 

3. 若需要調整動畫出現時間點，可點「動畫窗格」做調整。

 

4. 完成後按下「匯出」＞「建立視訊」，將剛剛的動畫匯出成影片檔案。

 
 
 
【利用PPT製作春聯】
 

1. 為了讓字體看起來像書法體，可至此網站下載免費商用的字體：http://www.ziti.net.cn/mianfeiziti/

 
下載後安裝至電腦。
本次範例使用「衡山毛筆フォントKouzanBrushFont.ttf」字體。
 


 

2. 將春聯素材匯入PPT，用剛下載的字體打上春聯祝福語，最後匯出成完整的PNG圖片。

 


 
【進入MAKAR編輯器】
 

1. 將所有素材匯入MAKAR

 

2. 把鞭炮動畫拉至編輯器，影片的背景為PPT的白色，需要去背。

 

3. 用滴管吸白色背景。

 

4. 去背完成。

 

5. 把icon和火柴放進編輯器，依序擺放至如圖的位置。

 

6. 新增文字編輯，放到鞭炮的上方。

 

7. 拉兩個煙火影片至編輯器，調整到合適的位置，並用同樣方式去背。

 

8. 除了icon、火柴、鞭炮、文字之外，其餘物件先關掉眼睛（隱藏物件）。

 
【設定點燃鞭炮】
 

1. 拉一個cube，將它壓縮成一條線，放到鞭炮的下方偽裝成物件本身的樣子。

 

2. 將cube、木柴、文字、鞭炮動畫影片，個別設定邏輯物件。

 

3. 打開邏輯編輯器，將可見度、點擊執行、移動等控制項加入，依下圖做調整。

 

【設定放鞭炮】
 

1. 加入「當…與…產生碰撞」和「平行運行」控制項，並設定當木柴和Cube碰撞時，會出現兩支煙火的動態影片。

 

2. 再拉出一個「平行運行」控制項，設定煙火的影片向上跑，當放完鞭炮時，鞭炮和煙火隨即消失。為了不讓等等的春聯出現地太突兀，放上「暫停…秒」控制項。

 

【設定拉春聯】
 

1. 設定出現春聯、遮罩的控制項，並將遮罩設定向下跑，製造拉開春聯的效果。

 



【設定拉春聯】
 

1. 設定出現春聯、遮罩的控制項，並將遮罩設定向下跑，製造拉開春聯的效果。

 





如何體驗
 
拿起手機，輸入ID並掃描辨識圖就能進行體驗囉～
 
1.安裝MAKAR APP
2.掃描QR code或搜尋ID:XRlover選擇作者

 

3. 點擊AR空間辨識「春節AR互動」專案啟動，點擊「開始體驗」。

​
4.　進去專案後，點擊「分享專案」還可獲得專案連結，快速分享給他人



 

MAKAR 3D SCAN 使用教學

• 2023-01-12
• by MAKAR

• #AR
• #VR
• #MAKAR
• #3DSCAN

MAKAR 3D SCAN 是首創透過手機只需要10秒即可完成3D建模的APP，
使用者可以掃描場域進行即時的點雲計算，讓創作者只需要10分之1的時間就能完成屬於自己的元宇宙專案！


 

• iOS下載連結：https://apps.apple.com/tw/developer/mifly/id1060128829
• 支援機型：

 
 
 

1. 打開MAKAR 3D SCAN，按「+」創建。

 

2. 對準欲建立的場景，按下紅色按鈕開始讀取空間。

　　　一旦讀取成功，會如右圖以網格模樣建立，紅色代表尚未建模成功，建議移動讓系統吸取空間。
　　　創建完成後按白色按鈕。
 
  

 
 

3. 可選擇低、中、高進行系統自動後製，或是自訂。

 
 

 

4. 按「裁切」修剪場景。

 

5. 依照指示剪裁場景，按「裁切」即可完成！若需要重新後製或裁切，可再重新調整。

 
 
 
 

6. 如圖按下上傳，可直接上傳至MAKAR編輯器的素材。

　　　＊須事先登入你的MAKAR帳號。

 



  
▲ 哪裡可以事先登入MAKAR帳號？
① 按下右上角的設定小圖。





② 在設定內登入你的MAKAR帳號。
　

 
③ 在MAKAR找到上傳的3D場景後，即可開始編輯創作！

邏輯編輯器應用－類馬力歐AR動畫

• 2023-01-11
• by MAKAR

• #邏輯編輯
• #AR
• #VR
• #MAKAR
• #logic

▲ 本次運用的動畫包括：旋轉、比例放大、移動及跳躍、碰撞、可見度
▲ 本次運用的物件包括：
金幣、蘑菇、碼卡龍(走路)、道路（MAKAR內建素材庫下載得到）


 

1. 將道路和碼卡龍拉到編輯器中，將碼卡龍轉向。

 

 

2. 將蘑菇和金幣拉到編輯器中，並取得適當的距離。

 

 

3. 將碼卡龍、金幣、蘑菇設定為邏輯物件。

 

 

4. 打開邏輯編輯器，開始編輯。

 
【碼卡龍移動與跳躍】
 

1. 場景中，一小格子為10公分、一大格子為1公尺，依照這個基準預設碼卡龍的步行距離。

 

 

2. 從「轉變」＞「轉換」，拉出「在…秒內移動…物件…米…」，接下來的動作都是以這個積木運行。

 
STEP（1）步行一段距離

將積木設定「在1秒內移動 形狀物件碼卡龍(走路) 1米 向後」，雖然金幣從起始點算起位於1.3公尺的地方，但由於碼卡龍的身形較大，可將距離提前設定為1米後跳躍，看起來較為自然，可自行依照實際情況做微調。



 
※　物件移動方向設定「向後」但物件卻看起來向右，因為物件的屬性在轉向後並非為X=0,Y=0,Z=0，所以必須依照實際情況做調整。 



STEP（２）跳躍
將積木設定「在0.08秒內移動 形狀物件碼卡龍(走路) 0.4米 向上」，複製第二個設定向下。距離和速度可自行做調整。
 

 


STEP（３）繼續步行一段距離
將積木設定「在1秒內移動 形狀物件碼卡龍(走路) 1米 向後」，讓碼卡龍在吃完金幣後繼續自然向前。
 


 ※　積木會依照排列的順序，依序執行動畫。 

 



【碼卡龍吃蘑菇後，體型變大、蘑菇消失】
 

1. 從「轉變」＞「比例縮放」，拉出「設定…比例為…」，設定碼卡龍的比例為0.18。

 

 

2. 從「動作」＞「材質」，拉出「設定…可見度…」，設定蘑菇的可見度為不成立。

 

3. 從「事件」＞「碰撞」，拉出「當…與…產生碰撞，發生…」，將上兩個積木放置於內，並設定碼卡龍與蘑菇碰撞。

 
【金幣自行旋轉】
 

1. 從「轉變」＞「轉換」，拉出「在…秒內用…時針…角度…轉動…」，設定「在1秒內 用順時針 角度360°轉動 形狀物件金幣」。

 

 

2. 從「控制」＞「循環」，拉出「永遠執行…」，並將剛剛的積木放置於內。

 

 

3. 金幣就會不斷自行旋轉。

【吃掉金幣後，金幣消失】
 

1. 從「動作」＞「材質」，拉出「設定…可見度…」，設定金幣的可見度為不成立。

 

 

2. 從「事件」＞「碰撞」，拉出「當…與…產生碰撞，發生…」，將上一個積木放置於內，設定碼卡龍與金幣碰撞。

 
如何體驗
拿起手機，輸入ID並掃描辨識圖就能進行體驗囉～
 
1.　安裝MAKAR APP
2.　掃描QR code或搜尋ID:XRlover選擇作者





3.　點擊AR空間辨識「類馬力歐AR動畫」專案啟動，點擊「開始體驗」

MAKAR 遮罩功能應用

• 2023-01-05
• by MAKAR

• #遮罩功能
• #AR
• #VR
• #MAKAR

課程說明：

本課程將示範MAKAR編輯器v3.4版本新增的「遮罩功能」並製作專案。



情境說明：

遮罩(MASK)在MAKAR的功能中，可以想像成哈利波特中的隱形斗篷，這次將示範如何把一個房間隱形起來。




1. 本次使用素材: https://skfb.ly/6CGo8 授權: CC Attribution)


這是一種等角投影的場景(isometric scene)。


2. 下載檔案
本次檔案下載，建議選擇GLB檔案類型，FBX檔案看起來容量相對比較小，但下載後還需要額外處理(材質連結)。




3. 開啟MAKAR編輯器
請確認編輯器版本已經更新至最新版本，至少要v3.4版本以上。



建立一個AR圖像辨識的專案，新版編輯器必須選擇【專案類別】。



額外補充：如何製作出五星高辨識度圖片(jpg)



辨識圖的星星數是對於軟體來說，這張圖片好不好辨識。更多資訊可閱讀Lina老師的教學：https://becutelina.com/2022/03/24/ar/
這裡使用的做法是，使用最近流行的AI機器(本次使用DALL．E)生成一張圖片，再加上亂數字體Zalgo)，藉此來增加圖片的獨特性與複雜度。



DALL．E生成圖片(https://openai.com/dall-e-2/)



Zalgo文本轉換器(https://tw.piliapp.com/cool-text/zalgo-text/)

4. 新功能：遮罩
在3D模型材質中可以將材質球改變。





實際樣子，被遮罩擋住的地方就會直接穿透過去(類似隱形的功能)

5. 製作隱形房間

先把這次的素材匯入素材庫，並將房間拉製場景中央。



這裡需要將【藍色斜線】這面旋轉到Top的方向(右上角方塊的Top)



如上圖



將cube模型利用【縮放功能】，將立方體變形成正方形平面(厚度約0.01)



先製作牆壁，材質求改成【純色】，色票(R,G,B)：(209, 49, 73)，將天花板和右牆蓋起來。



接這在周圍增加一層【遮罩】的材質，可以複製剛才的牆壁往外放大。



遮罩的大小需要略比牆壁還要大一點，遮罩和遮罩之間的縫隙也要緊密。



完成之後，將所有的材質都選起，拖拉到low_poly_room的模型之下，進行群組，這樣才能夠將所有的元件一起拖動。



選擇room的模型，整個移動到辨識圖的下方，過程中會發現遮罩變成透明，請不需要擔心，將你的視角轉換到地面下(按住滑鼠右鍵)，就可以發現地底下還是隱形的。

6. 進階功能
掃描到辨識圖才會有房間出現，離開辨識圖不會有任何物件產生。



將群組的最上層(room)設定【邏輯功能】，並且把room的眼睛關掉。



在邏輯編輯器中，選擇【動作/設置OO可見度OO】的程式積木，就可以解決這個問題。

匯入Fall flat的模型，新增素材/3D模型。

 

① 就是有仁愛：多元文化＿紙紮

• 2022-11-23
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

▎成果影片
 

▎設計理念

 

跨領域(社會領域、藝術領域、科技領域)教師在設計與使用本課程時，引導學生除了專業學習之外，更重要的是接納多元文化與文化傳承。

 

▎遊戲介紹


 

➣ 遊戲名稱：多元文化_紙紮

➣ 教學規劃：

教學單元
單元名稱	探究糊紙工藝的發展，及其信仰意涵	教學時數	2小時
單元學習目標	認識傳統糊紙工藝與其信仰意涵
學習情境與引發動機	1、以簡報彙整糊紙工藝作品，帶領學生認識糊紙工藝，先能欣賞紙藝作品再進一步了解老祖宗的智慧，從文化獎得主翁文標大師專訪影片及其作品中感受糊紙工藝的博大精深和文化傳承的不易。 2、引導學生從歲時祭儀-中元普渡開始進入紙紮的世界，再進一步瞭解酬神建醮-奠安、生命禮俗-喪事…等民間信仰，建立對在地文化的認同及情感。
教師備課／學生課前自學資源	國家文化記憶庫： 慾望化身-紙紮文章    https://reurl.cc/LmWm73 紙紮-男女魂身 https://reurl.cc/2ZYZZr 翁文標大師紙紮作品集： 紙醉金迷  https://reurl.cc/LmjO6X（攝／翁芊儒）
單元課後學習	進入MR環境中預習與複習課程、完成學習單。
學習活動設計
學習目標	1.探究糊紙工藝的發展，並能說明其信仰意涵及發展歷程。 2.操作數位工具來分析和詮釋紙紮作品的藝術價值。 3.瞭解酬神建醮-奠安、歲時祭儀-中元普渡、生命禮俗-喪事…等民間信仰，建立對在地文化的認同及情感。
學習歷程	操作數位工具在MR情境中完成學習，小組討論並填寫學習單，推派代表向全班分享。
學生評量 表現工具	學習單、組內互評表與分組合作分工表
教師思考與策略	運用許多文獻資料帶學生動手找資料，來理解信仰文化的發展

 

教學單元
單元名稱	紙紮作品範例「大士爺」製作、關心文化夕陽產業轉型	教學時數	2小時
單元學習目標	保存發揚傳統工藝
學習情境與引發動機	希望透過AR數位教材，解析關於紙紮作品範例「大士爺」的製作過程，透過數位教材引發學習興趣並融入3D文化。 新興糊紙創新作品走進法國羅浮宮報導，引導學生討論和關心文化夕陽產業如何轉型
教師備課／學生課前自學資源	翁文標大師紙紮作品集： 紙醉金迷https://reurl.cc/LmjO6X（攝／翁芊儒） 新興糊紙文化-紙紮工藝美學：https://reurl.cc/bGD5dE 「紙曰」精緻手作傳遞溫暖｜太報 Tai Sounds： https://reurl.cc/kqrdpb
單元課後學習	操作數位工具在MR情境中完成學習及闖關遊戲，小組討論並填寫學習單，推派代表向全班分享。
學習活動設計
學習目標	1. 數位工具在MR情境中參與紙紮作品範例「大士爺」的製作。 2. 關心文化夕陽產業轉型。
學習歷程	學習運用策展方式建置MR成果
學生評量 表現工具	MR成果、各組分享學習成果
教師思考與策略	透過數位教材帶領學生思考知識與科技傳播的可能性和未來

   

② 嘎嘎烏拉拉：沙灣尋寶

• 2022-11-24
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

▎成果影片

▎設計理念

1.虛擬人物及故事，開啓沉浸式尋寶遊戲。

2.解謎關卡設計，認識沙灣歷史人文。

3.以XR科技，結合其他應用軟體，強化學習動能。

 

▎遊戲介紹

➣ 遊戲名稱：沙灣尋寶

➣ 教學規劃：

本教案共有三個單元：1.偵探養成 2.實境探秘及3.衡量得失，各單元教案如下：

 

➣ 體驗方式：

1. 學生下載Makar 軟體，並學會VR操作。

2. 操作本團隊的〈沙灣尋寶VR〉專案，進入VR世界，由虛擬角色文藝社社長小曦和副社長阿倫帶玩家到沙灣進行校外教學場勘，認識沙灣歷史梗概及遊戲任務，並約定實境探秘日期。

3. 偵探技能訓練--學習AR圖片辨識及空間辨識的操作技能。

 

▎關卡流程

 


   

林玉如

● 2001起~迄今，在基隆巿立暖暖高中擔任專任國文教師。

● 2020~今，兼任暖暖高中「暖曦文藝社」指導老師。

● 曾兼任暖暖高中「就是戲劇社」指導教師。

 

楊欣璇

● 2020~迄今，臺北市立新民國中數學教師、資訊科技教師

● 2019~2020，越南胡志明學校商借數學教師

● 2001~2020，基隆巿立暖暖高中數學教師

 

➣  「嘎嘎烏拉拉-沙灣尋寶」教案下載

③ 神鵰俠侶來環保：兒時記憶-童年電動車、環保大學問、環保大學問

• 2022-11-24
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

▎成果影片
 

　　據統計中小學階段的家長最常以機車載送學生上下學，而電動車是未來國家發展淨零減碳之交通工具趨勢，故課程以電動機車為主，運用影片培養學生對電動機車自主學習之能力，再由引導學生深入探討環保議題與潔淨能源，並使學生能反思電動機車夠環保嗎？因此，期望學生能學習下列事項，以利學習內涵與學習目標：
 

1.學生能建立數學素養、科技素養與培養媒體識讀能力。

2.學生能認識臺灣動力機車的發展史及需要。

3.學生能學習與探究電動機車與燃油機車之相關知識，包含電動車的運作方式、電動機車之馬達與電池理論。

4.學生能培養科技知能，使用AR沉浸體驗來學習並進行議題探討，強化對能源基本概念、電動機車環保評比等，以培養科技知能、發展正確能源價值、養成節約能源之思維習慣及態度，以執行綠色、簡樸與永續的生活行動。

   

 

➣ 遊戲名稱：兒時記憶-童年電動車、環保大學問

➣ 教學規劃：

➣ 學習單：

 

 

 

➣ 設計架構：

 

   

 

▎設計者介紹

陳泓曄

● 臺北市立南湖高中數學教師20年，資訊融入數學15年，iPad行動學習第5年。

● 自2018年起，受邀多場iPad在中小學行動學習講座，包含跨領域電子書製作、微電影教學與AR教學，並指導學生參賽微電影部分榮獲前三名，電子書部分獲得佳作。

● 臺北市區域衛星資賦優異方案數理C組，擔任課程教師 4年。

● 擔任中等學校適性學習社區教育資源均質化計畫-指尖飛翔課程之教師。

● 擔任簡報設計講師、小論文指導講師。

 

高抬主

● 臺北市立明湖國中數學教師19年，資訊融入數學12年，iPad行動學習第7年。

● 自2018年起，受邀多場iPad在中小學行動學習講座，包含簡報設計、跨領域電子書製作、微電影教學與AR教學，並指導學生參賽微電影部分榮獲前三名，電子書部分獲得佳作。

● 臺北市區域衛星資賦優異方案數理C組，擔任課程教師 5年。

● 擔任中等學校適性學習社區教育資源均質化計畫-指尖飛翔課程教師。

● 自2018年擔任臺北市智慧教育輔導團迄今。

④ 永安特攻隊：永安調查局—大直謎案

• 2022-11-25
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

 

 

➣ 「Fun遊台北城」為永安國小校定課程，此課程主旨在促使學生以小組分工合作學習的方式，經由多種管道查找台北各行政區景點資料，自主安排踏查行程後再實地踏查景點，藉此認識自己家鄉—台北的各區景點，並在與同學的報告分享過程中增進對家鄉的了解，以期觸發學生愛鄉愛土的人親土親之情誼。

➣ 「Fun遊台北城」共14節(課程規畫總表列於附錄欄)，課程中第1、2節為「永安調查局—大直謎案」，將搭配使用Makar的VR專案作為教學輔具。教師將利用Makar的VR專案，將大直地區的景點分為在地文化、自然景觀、歷史古蹟等三個面向，根據介紹的景點設計實境解謎遊戲，讓學生在分組操作VR專案學習大直景點相關知識時，配合實境解謎手冊解謎，讓學生在遊戲的過程中，自然而然認識永安國小所在的大直區的地方特色。

 

 

➣ 遊戲名稱：永安調查局—大直謎案

➣ 教學規劃：
 

⑤ 藝票玩到底：失藝調查

• 2022-11-25
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

 

 

從認識臺灣女性藝術家出發，設計一款解謎遊戲，將藝術鑑賞更容易被親近，並且透過「女性」藝術家消失的情形，思考性別平權議題。

   

     

 

教學單元一
單元名稱	遊戲設計	教學時數	4
單元學習目標	認識臺灣女性藝術家
學習情境與引發動機	思考我們比較熟悉的台灣藝術家，是否很少為女性
教師備課／學生課前自學資源	國家文化記憶庫
單元課後學習	國家文化記憶庫
學習活動設計
學習目標	解謎遊戲設計
學習歷程	蒐集資料－統整－轉換謎題－道具製作
學生評量 表現工具	謎題設計單、解謎包初版
教師思考與策略	遊戲教學

 

教學單元二
單元名稱	遊戲推廣	教學時數	2
單元學習目標	透過遊戲推廣，討論性別平權議題。
學習情境與引發動機	解開「失藝調查」的謎題
教師備課／學生課前自學資源	國家文化記憶庫
單元課後學習	國家文化記憶庫
學習活動設計
學習目標	思考性別平權議題
學習歷程	解開謎題－反思－創作。
學生評量 表現工具	解謎本成品（含房間平面圖卡）
教師思考與策略	遊戲式教學

 

   

 

 

 

 

▎學習卡規畫



   

劉宛純

桃園市山豐國小

● 曾於印尼任教三年

●2018小學生公益競賽佳作

● 109年度全國性多元文化教育優良教案入選

● 2020全國藝術才能班課程與教學論壇發表

●109年度桃園市心三美品格班級表揚活動 紀錄片組 佳作

● 2021全國藝術才能班課程與教學論壇發表

●全球華人創造力學會Engage! 2021國際研討會發表

➣ 「藝票玩到底-失藝調查」教案下載

⑥ 大直高中：「議」響世界 大直永續未來島

• 2022-11-25
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

 

   

一、以「美感素養」解決生活問題

　　運用數位科技結合美感素養，發現、定義與解決問題。

二、運用「設計思考」跨域整合

　　運用「設計思考」從覺察感知、構思策略到問題解決、行動實踐，共構「大直永續未來島」。

三、以「學生」為學習主體

　　讓學生透過覺察省思、行動實踐，深刻感受自己也能發揮影響力，改變學習情境、實踐美力，促使學生美感素養之內化與轉化，奠立公民美感素養。

四、雙語融入

　　因應雙語教學與國際議題，期盼後疫情時代透過科技與藝術，讓學生具備世界觀也成就未來的世界公民。

   

➣ 遊戲名稱：「議」響世界 大直永續未來島

➣ 教學規劃：

 

ＸＲ課程計畫與說明

課程名稱	「議」響世界 大直永續未來島	合作夥伴	臺北市立大直高級中學、 臺北藝術大學
擴增實境融入課程 設計理念	一、以「美感素養」解決生活問題： 運用數位科技結合美感素養，發現、定義與解決問題。 二、運用「設計思考」跨域整合：     運用「設計思考」從覺察感知、構思策略到問題解決、行動實踐，共構「大直永續未來島」。 三、以「學生」為學習主體：     讓學生透過覺察省思、行動實踐，深刻感受自己也能發揮影響力，改變學習情境、實踐美力，促使學生美感素養之內化與轉化，奠立公民美感素養。 四、雙語融入 因應雙語教學與國際議題，期盼後疫情時代透過科技與藝術，讓學生具備世界觀也成就未來的世界公民。
課程目標	學生能了解虛擬實境的感受與製作原理 在混合真實與虛擬的空間中，增進學生對世界議題、大直社區文化認識 透過混合實境，提升學生自我探索與創造想像力
學習進度 週次/節數	單元/子題	單元內容及學習活動	設備使用
第一週/1節	第一單元 體驗虛擬世界	體驗MR未來島嶼（了解台灣瀕臨絕種的動物） 校園動植物導覽AR+VR相關素材	平板 VR頭盔 電腦
第二週/1節	第二單元 世界萬花筒1	體驗MR世界萬花筒（了解台灣瀕臨絕種的動物） 分組認識SDGs─永續世界議題 暢遊SDGs 美術館 校園踏查資料收集、心智圖描繪	VR頭盔 平板 電腦
第三週/1節	第二單元 世界萬花筒2	校園ＭR素材收集與繪製 校園腳本創作與中英文撰寫	1.平板 2.電腦
第四週/1節	第三單元 大直永續未來島1	電腦繪圖大直未來島 社區物件改造與建置 物件立體模型草圖創作與掃描	1.VR頭盔 2.電腦 3.360相機
第五週/1節	第三單元 大直永續未來島2	1. 立體模型素材加工 2. 情境素材收集與製作	1.VR頭盔 2.電腦
第六週/1節	第四單元 大直未來島策展	分組ＭR聲音採集與錄製 立體模型完成 MR 素材編輯	1. 平板 2.電腦
第  週	大直未來島策展	SDGs 美術館策展情境製作 遊戲設計 MR 素材編輯	平板 電腦 VR頭盔
第  週	藝遊大直	大直校園實境解謎與實境闖關（AR,VR,MR混合） 國際交流（日本與韓國姐妹校） 學習單完成與作品呈現。	平板 電腦 VR頭盔

 
 

教學流程 Teaching Procedures
第一節	準備階段Preparation stage 1. 學生寫下當天的課程計畫 Students write down today’s lesson schedule. 2. 回顧上週完成的3D 立體建模與錄音，觀看彼此的作品。 Teacher guides students to review the 3D models of sustainable planets, and Ss give peers feedback through the online museum.   發展階段 Development stage 體驗「世界萬花筒」: 1. 學生透過查找虛擬地球下方的永續議題指標配對小組任務卡，進而到世界各角落窺見不同的議題。 Students can see different issues in different corners of the world by finding the sustainable issue indicator through matching group task cards under the virtual globe.  2. 學生能看到不同小組創作的圖像與綠色行動，並將其觀察記錄在學習單，並嘗試「聽」與永續地球相關的關鍵字。 Students try to listen to the keywords and write down the discovery of issues, locations and green actions, and draw the images in the worksheet. 3. 學生把所觀察到的永續議題和四格漫畫放置到以教室牆面上的世界地圖。 After exploring various issues, students put their discovery of comics and issues on the world map (on the wall of the classroom). 4. 學生將所觀察到的議題進行資料收集與分析，並進一步做「綠色行動」卡的描繪與創作。 Students collect and analyse their observations and issues and represent them with green action cards individually. 5. 學生進行作品分享，思考不同議題與永續生活的關係。 Students share with their peers and present in groups, and try to think about the relationship between the various issues and our sustainable lives. 總結階段 Summary stage 學生對永續發展的議題和行動有一定的了解，並嘗試思考永續發展與藝術創作的關係。 Students have some understanding of sustainable issues and actions , and try to think about the relationship between sustainability and art creation.   第一節結束 End of the first session	時間 Time	5 mins 5 mins 15 mins 10 mins 10 mins 5 mins
第二節	準備階段 Preparation stage 1. 課程回顧，從收集細菌到永續星球與３Ｄ模型創作，近一步提出今天的課程目標是參觀美術館與椅子創作。 Teacher guides students to have class reflections from growing bacteria to 3D modeling. In addition, let the students understand the target for visiting SDGs Art Museum and create a chair. 2. 教師引導學生觀看的SDGs 混合實境美術館與多感的運用。 Teacher guides students to watch the online SDGs Museum and the through Mixed Reality and the exploration of multimodes. 3. 美術館裡的新發現？小組討論 What do you discover from the SDGs Art Museum? (Group Discussion) 4. 教師說明美術館裡面不同的媒材，如繪畫、攝影與雕塑作品等。There are paintings, drawings, sculptures, crafts and display cabinets…. in the online museum, and one is the chair. 5. 學生思考椅子不僅是休息的工具，也出現在名畫當中，亦可以是藝術品。 Teacher guides the students and suggests that a chair is not only a good tool for taking a rest, but chairs also appear in famous paintings and a chair can be a work of art.   發展階段 Development stage 「暢遊SDGs 美術館」 Travel Around SDGs Art Museum 1. 學生對永續發展的議題有初步的認識，並取得小組任務卡。 Students have an initial understanding of sustainable development issues and receive the “task card”. 2. 學生再次透過平板體驗混合實境，探索椅子和藝術作品與議題的關係。 Students can experiment with Mixed reality and find the relationship with the chair and the artwork in order to ascertain the sustainable issues. 3. 完成議題卡上的任務與椅子的配對。 Students need to complete the match task with chairs and artwork, and share what they view in the online museum. 4. 教師提問，椅子和環境的關係。 Teachers  guide the students to think about the relationship between chairs and the surroundings and environment. 批判思考Critical Thinking 烏克蘭放在廣場上的兒童椅，思考戰爭對生命的浩劫。 The representation of Ukraine's children's chair and the disappearing child. Students to consider the current issues of war with many chairs? 1. 學生根據自己的議題，完成椅子卡牌與故事卡挑選之小組任務。 Students can select a chair and story card and consider the relationship of their sustainable planet and chair in groups. 2. Artist 藝術家（設計椅子）and  ​​Painter 策展人 （設計背景）一組 Sculptor 雕塑家（設計椅子）and Creator 創造家 (設計背景) 一組 3. 學生設計第一階段椅子外觀，並在板上分享。 Students design the first stage of the chair's appearance and share it on the board.   總結階段 Summary stage 批判思考Critical Thinking 1.  「最重要的東西總是看不見的。」小王子             "It is only in the heart that one can see rightly;                what is essential is invisible to the eye." (The Little Prince) 2. 課程結尾與下週預告 The end of course and the preview for next week. 學生兩人一組呈現。Students present in pairs. 椅子作為藝術品所要擺放的位置（議題相關椅子放在哪里以及與虛擬博物館的聯繫？）。Students try to consider the location of chair artwork (Where to put the chair in relation to the issues and the linkage with the virtual museum?)   第二節結束 End of the first session	時間 Time	5 mins 5 mins 8 mins 5 mins   5 mins   5mins   10 mins 5 mins 10 mins 2 mins
參考資料 References	Everything is art – even chairs! https://reurl.cc/103M7p SDGs  https://reurl.cc/VRN7l6 「椅靠。倚靠」桌遊

   

   

林欣美

大直高中

現為臺北市立大直高中美術教師

英國倫敦大學博士生

國立臺北藝術大學新媒體藝術學系碩士班

臺北市卓越藝術種子教師、夢N 講師、翰林教科書撰寫委員、北藝大新媒體課程研發推廣團隊、臺東駐校藝術家教師，並曾參與教育局、教育部相關藝術教育計畫，嘗試新媒體藝術於義務藝術教育的轉譯。

 

北藝大師資培育新媒體精進團隊

北藝大

來自音樂、舞蹈、戲劇、美術和動畫系的師培生與實習生。

➣ 「大直高中-「議」響世界大直永續未來島」教案下載

⑦ IMCA：跟著馬偕爺爺遊淡水

• 2022-11-25
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

▎成果影片

 

▎設計理念
 

 

▎遊戲說明

   

 

▎預期效益

➣ 本團隊將此遊戲應用於動畫製作的前置課程，讓學習者在創作腳本前進行實地訪查，親身體會在地文化古蹟現今的發展變化。蒐集資料的過程從文獻與網路的平面內容，增加了實境的階段，遊玩過程中除了與古蹟、擴增實境的內容互動外，更增添了與當地居民互動的元素，使學習者獲取在線上蒐集無法取得的在地故事。

➣ 此遊戲目前應用於淡水，未來仍可增加更多地區與多樣化的互動模式，如:增加集點卡與商家的配合，可促進當地文化推廣與觀光之間的聯繫。在教育上也能與不同科目進行合作，除了基本學科如:地理、歷史等之外，也能與行銷、媒體設計等多元課程進行跨領域課程。

 

▎關卡流程

 

 

 

 

 

 

 

▎設計者介紹

 

➣ 指導教授：王健華教授、陳宥瑄副教授

➣ 學生團隊：高O凱、林O雅、黃O婷

本團隊來自國立臺灣師範大學圖文傳播學系IMCA (Interactive Media for Communication Applications)研究室，聚焦於互動科技應用、行動學習等專業領域。

⑧ 隊名想了十分鐘...：朝陽尋寶大作戰

• 2022-11-25
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

 

▎設計理念

 

➣ 我們透過趣味解謎的互動設計，搭配朝陽歷史與校園特色，創作出擴增實境遊戲來讓朝陽新生認識校園。

 

▎遊戲說明

 

➣ 遊戲名稱：朝陽尋寶大作戰

➣ 體驗方式：學生使用行動裝置下載MAKAR，透過遊戲提示，在遊玩過程中走入指定的關卡點，使用AR掃描對應區域，顯示故事來讓同學了解校園歷史及特色，一步步前往下個集章點。

 

➣ 設計架構：

 

▎預期效益

➣ 配合學生會活動：可與學生會共同討論，應用在新生入學時作搭配的活動，使新生訓練能夠增添一些色彩；亦或是結合市集活動，讓整體的活動更有環繞校園的氛圍。

➣ 結合學校特別慣例：將朝陽原先舊有的「爬後山」活動，新增成我們的實境校園解謎，在鍛鍊身體的同時，也加快與校園之間的連結。

➣ 教師教材：我們的指導老師為語言中心的英文老師，亦有討論未來也可發展成交換學生或是師長的教材應用，讓課程更為有趣。

 

▎關卡流程

初始畫面與地圖輸入模式

⇓

關卡密碼畫面

⇓

第一關

⇓

 

l   卷軸內容：「校園基本介紹」與「SDGs導覽」。

l   第一環節：首先透過地圖導覽工具，引導學生至大草坪掃描校牌，其目的為了認識本校校徽，與該地曾舉辦過的各種多元社團活動。

l   第二環節：隨後透過2021台灣乾旱危機，引導玩家至蓮花池觀看SDGs介紹標語。其中第六個目標說明了學校雨水綠化設備，來呼應聯合國的SDGs目標。

第二關  

⇓

l   卷軸內容：「雨水綠化」以及「小角落探訪」。

l   第一環節：上一關結束後，便有小提示提醒同學打開卷軸機關，獲取「古體字」掃描後便會出現校園當中許多的綠色能源設施，呼應上一關的主題，也對校園永續有更進一步的認識。

l   接關密鑰：獲取密鑰：2030，可用於校園地圖及解鎖關卡。

(設計概念：取自SDGs 2030永續發展目標發想)

l   第二環節：根據提示前往指引地點T1-401教室掃描接關題目，通關後即可到校園小角落「旋轉樓梯」，並認識校園特色建築物與獲取接關提示。

l   接關密鑰：獲取密鑰：2030，可用於校園圖及解鎖關卡。

(設計概念：取自教室T1-401數字)

第三關  

⇓

 

l   卷軸內容：「飛航大樓和舊社辦」以及「停機坪鳥瞰」。

l   第一環節：此關主要在介紹校園中最新成立的「航空學院」。團隊設計出虛擬人物「阿航學姐」和同學們近距離互動。同時也呈現社團辦公室的校園歷史。本關設置三道問題，同學們須回答問題才可得到提示往下一關邁進。

l   第二環節：隨後引導玩家到停機坪。此地亦設有三創中心，除了介紹建築物本身外，也能夠讓同學們眺望整個校園，享受美麗風景。

l   接關密鑰：獲取密鑰：0331，可用於校園圖及解鎖關卡。

(設計概念：取自航空大樓3月31建成日期)

第四關

⇓

l   卷軸內容：「古鐘樓」以及「花園秘境尋探」。

l   第一環節：接續上一關的地圖指引，同學們將根據提示前往古鐘樓，團隊設計了具巧思的學業占卜小遊戲，鼓勵同學精進學業，亦可以令同學們會心一笑，隨後玩家也取得小物地圖。

l   第二環節：根據小物地圖，同學被引導至花園當中的石敢當，並藉由石敢當擬人對話，得到下一個目的地。

l   接關密鑰：獲取密鑰：0331，可用於校園圖及解鎖關卡。

(設計概念：取自該鐘的捐贈時間6月15日)

第五關

⇓

l   卷軸內容：「圖書館歷史介紹」以及「落雨松秘境」。

l   第一環節：同學們根據提示掃描銅像後，便能得知銅像的故事，此關可讓同學看到圖書館不一樣的面貌。得到指示後來到二樓，掃描創辦人雙親畫像後，即會出現下一關的落羽松提示並指引同學前往。

l   第二環節：最後來到了落雨松步道，這裡團隊介紹校園的獨特風景，並且給予最終關卡的提示：將五個關卡地點連接起來的精心設計隱藏動畫，隨後玩家得到最後藏寶地點的提示–本校第一代海豚校徽。

l   接關密鑰：獲取密鑰：0331，可用於校園圖及解鎖關卡。

最終關

⇓

 

l   卷軸內容：「獲取寶物–翠玉金海豚」。

l   最終環節：同學通過各關時皆會獲得關卡小物。收集到五個小物後，也就代表著即將進入最終關卡。精心設計的海豚的動畫提示同學搜尋地圖前往「海豚廣場」，並且領取最後的寶物，即可完成本次尋寶之旅！

l   關卡小物：五關卡小物對應著關卡的元素分別為：第一關的鐘樓、第二關的水瓶、第三關的飛機、第四關的古鐘、第五關的圖書。

 

▎設計者介紹

張O睿
建築遊戲內容、蒐集資料、官方聯繫

林O凱
建築遊戲內容、蒐集資料、聯繫校內資源

湯O華
設計遊戲風格與內容、蒐集資料、製作3D模型與卷軸

林雅文（指導老師）
提供構想與建議、資源整合、審核文案資料

 

➣ 「隊名想了十分鐘...-朝陽尋寶大作戰」腳本參考下載

⑨ 不知從何開始：誰是兇手-藏在每個人身後的秘密

• 2022-11-28
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

 

▎成果影片
 

 

 

▎設計理念

 

 

▎遊戲介紹

 

➣ 遊戲名稱：誰是兇手-藏在每個人身後的秘密

➣ 劇情大綱：故事的簡介為一名花心愛玩、不尊重女性的中文系大三生段子墨，在經歷家庭破碎後罹患憂鬱症，並在日常生活中因各種原因與公寓內其他住戶結怨，最後遭到殺害。扮演檢察官的我們，會看見陽剛、充滿大男人主義、控制慾強、患有躁鬱症的杜于生。天真單純、樂觀活潑、惹人憐愛、但帶有先天性強迫症的秦艾妮。胸有城府、鉤心鬥角、玫瑰帶刺的李美華。生長在缺乏關懷的家庭，導致做出超齡的行為的王機米。愛家、工作熱情、親切和藹、平易近人、愛管閒事的郵差李大文。生活規律、帶有嚴重潔癖症的張亞。個性大嘞嘞，愛酗酒，看不起窮人，與李美華為好友，現為酒店媽媽桑林月嬌。浪子回頭、具備紳士風範、有正義感的警察JTR。我們將在遊戲過程中，藉由了解各個角色的特質，去發現他們所潛藏的心理問題，並藉此反思他們可能對社會產生什麼影響，也能在遊玩的過程中，陶冶性情，增廣見聞，讓遊戲與學習的結合成為可能，從而讓枯燥無味的社會議題變得吸引人。

➣ 體驗方式：

我們的遊戲採用「遊戲手冊」的方式呈現，玩家可以檢察官的身分探案，藉由翻頁方式，一頁一頁地深入書中各個人物的故事，逐漸勾勒出案件的全貌，並體驗推理的樂趣。

此專案本質上為推理解謎遊戲，且因劇情上並非如此錯綜複雜，玩家需要將對話、線索照片、個人檔案都閱讀一遍，並且梳理劇情，透過人物的言行舉止判斷角色的個性或缺陷，並且從人物互動中理解人物間的關係，人人都能擔任搜尋案件的檢察官，因此無論是推理愛好者或是因緣際會下看到此專案的人都能夠享受此專案。

A.  遊戲進行前須準備：

遊戲手冊、角色個資、紙與筆、智慧型手機、清晰的腦袋、愉快的

B.  操作方法：

(1)   開啟MAKAR → 打開專案

(2)   掃描手冊上的辨識圖

 

➣ 設計架構：

 

 

▎關卡流程

   

 

▎設計者介紹


學生團隊：蘇Ｏ涵、蔡Ｏ如、鄭Ｏ婷、范Ｏ彥

➉ 台灣探茶之旅：我是製茶王

• 2022-11-28
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

 

▎設計理念

 

台灣人日常很多人都愛喝手搖茶，但又有多少人了解台灣茶文化的發展？
以此為契機，發想出希望透過遊戲互動形式或故事，帶領用戶認識台灣茶文化的歷史。台灣茶文化歷史脈絡分支眾多，這次作品會先聚焦於「茶葉從何來」，讓用戶以互動遊戲方式體驗茶葉製作，並能與其他人競賽互動，從中了解更多有關茶文化的事。

 

▎遊戲介紹

 

 

➣ 遊戲名稱：台灣探茶之旅-我是製茶王

➣ 劇情大綱＋體驗方式：

 

 

遊戲方式：
把製茶過程拆解成小遊戲，以體驗式學習方法讓玩家更有效去了解相關知識。

激勵機制：
1. 根據累積分數能解鎖茶圖鑑中更多知識點，增加重複可玩性
2. 加入社交互動元素，玩家可分享分數，邀請好友加入挑戰，互相競爭

 

➣ 設計架構：

 

 

▎關卡流程

 

1. 主目錄

➣ 進入主目錄後，玩家可選擇想體驗的模組如下:

    ⇒製茶過程

    ⇒競賽

    ⇒茶文化圖鑑

 

2. 製茶過程

➣ 進入製茶過程模組後，玩家可以學習到基本的製茶過程(共9步驟)

　　⇒但目前只預設能查看部份模組 (跟小遊戲相關的)，此設計是希望玩家能在競賽模式中取得高分數才能逐漸解鎖更多相關知識

 

3. 競賽

➣ 玩家將依次進行三關製茶小遊戲，每一個小遊戲需時30秒

　　⇒第一關: 採收茶菁

　　　玩家要在限時內採集最多的合適茶葉，如採集不合適茶葉將會被倒扣分

　　⇒第二關: 殺菁

　　　玩家要盡量跟隨目標物移動，以保持合適炒菁力度得分

　　⇒第三關: 烘焙

　　　玩家要利用按鈕控制好烘焙溫度來取得分數

 

4. 茶文化圖鑑

　　➣在茶文化圖鑑模組後，玩家能查看茶文化的相關知識點，目前設計共有3項主題

　　　　⇒與2. 製茶過程互動方式大致相同，同樣只預設能查看部份知識，設計讓玩家能在競賽模式中取得高分數來逐漸解鎖更多相關知識點

 

▎設計者介紹

 

吳Ｏ賢

國立臺北科技大學

獨立企劃及開發

➣ 「森之所向-台灣探茶之旅-叫我製茶王」腳本參考下載

⑪ 天氣之子：台灣黑熊20分鐘世界旅行

• 2022-11-28
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

▎設計理念

    ➣　以逛展覽的方式，呈現出地形的景觀及動植物，透過尋找臺灣故事及原生文化的行動，透過挖掘地方、收集充滿溫度的在地故事，建構豐富創作素材的{國家文化記憶庫網站}，目前已收存超過290萬筆文化素材。

　➣　本作品從台灣黑熊的位置出發，透過與地形中的環境角色作為互動，瞭解該地形的雨量圖及簡單地理環境介紹。學生能透過劇情互動內容結合AR/MR，以及讓學生們能夠看到地形就能聯想到該地形的氣候。

l   環境中特有的景象

l   地形雨量圖介紹

l   地理環境介紹

l   問答環節

l   台灣獨特的生物與氣候

 

▎遊戲介紹

 

 

➣ 遊戲名稱：台灣黑熊20分鐘世界旅行

 

➣ 設計架構：

 

▎關卡流程

 

1.　互動流程圖

主角從台灣黑熊所在的位置出發，透過實境場景走路來探索其他多樣的氣候環境：

沙漠­­-雨林-莽原-極地

 

 

2.　互動使用操作流程說明

點擊小恐龍來進行問答：

 

▎預期效益

 

➣　希望能將這款軟體推廣向中學生的學習教材，將台灣地形與氣候實境化並且帶入課堂中，使學生進一步體會到身歷其境的學習模式。

➣　此外，透過台灣保育類動物台灣黑熊與角色的互動，能夠得到在未來能透過多媒體的發展以及創新，讓學生們能夠主動學習，感同台灣的珍貴之處。

 

▎學習卡規劃

 

 

▎設計者介紹

 

 

塗Ｏ鈞

亞洲大學

AR/MR環境素材與專題架構

 

 

李Ｏ睿

亞洲大學

文件製作與比例調整

 

 

謝Ｏ璇

亞洲大學

邏輯設計與美術編排

 

 

陳政煥

指導教授

➣ 「天氣之子-台灣黑熊20分鐘世界旅行」腳本參考下載

⑫ 白水木小隊：白鹿傳說

• 2022-11-28
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

▎設計理念

 

➣ 邵族擁有許多獨特的神話傳說與文化習俗，如杵歌、祖靈籃信仰、浮嶼誘魚法等，由於沒有文字的記載，多數神話傳說、傳奇故事、歌謠、禮俗、祝禱詞憑著口傳文學才得以流傳。

➣ 本計畫主題名稱定為「白鹿傳說」，以邵族群著名的兩則神話故事—逐鹿傳說、長髮人魚傳說為發想依據，白鹿象徵著邵族族人的起源，以及其與日月潭地區的緊密連結。本計畫欲設計一情境式的VR互動內容帶領學生透過邵族人的神話史觀來認識邵族的傳說故事與風俗民情，以作為認識台灣原住民族多元文化的推廣與存續，達到文化教育的目標。

 

▎遊戲介紹

 

➣ 遊戲名稱：白鹿傳說

 

➣ 劇情大綱：

 

　　　故事設計——逐鹿傳說：

    在情境式互動內容的劇情設計上分為兩個主要故事段落，分別為邵族逐鹿傳說、日月潭長髮人魚傳說兩條劇情線進行。逐鹿傳說透過互動式的劇情搭配具遊戲性的簡易操作，引導玩家認識邵族是如何自起源地阿里山遷徙至現今定居地日月潭，並從中介紹邵族打獵工具、儀式和文化，以及遷居地景與路線。

 

➣ 設計架構：

 

 

➣ 設計手稿：

 

 

▎關卡流程

 

●   玩家扮演邵族的獵人

 

●   邵族傳統武器介紹

 

●   邵族傳統家屋介紹

 

●   於八通關古道進行狩獵

 

●   巧遇白鹿

 

●   跟隨白鹿的腳印來到森林

 

●   跟隨白鹿的蹤跡來到一座美麗的湖泊，即為今日的日月潭

 

▎預期效益

 

➣ 教育場域：

本計畫之成果產出可應用於國中小之人文教育現場，例如在原住民族母語教學課程中，透過互動式遊戲化的方式結合語言教育，以增加學生的學習意願與興趣，亦可應用於社會科、歷史科等介紹台灣原住民族文化歷史的課程，以互動式的教材加深學生的印象，達到寓教於樂的目標。

 

➣ 文創、娛樂領域：

台灣原住民族擁有豐富的歷史傳說，更是南島語族發跡之地，這些珍貴的史詩故事即為數位創作的良好題材，如未來可以開發以原住民族文化為背景的互動遊戲、娛樂影音等數位內容等，若將此作為數位文創商品加以保存流傳，則能延續該文化的內涵與價值。

 

▎設計者介紹

 

林Ｏ凡

國立臺北科技大學

概念構想、互動設計

 

白Ｏ廷

國立臺北科技大學

腳本設計、互動設計

 

韓秉軒

指導老師


➣ 「白水木小隊-白鹿傳說」腳本參考下載

⑬ 汪檍：CLASSMATES

• 2022-11-30
• by MAKAR

• #2022XR實境教育創意大賞
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

▎設計理念

 

 

筆者身為一位重度實境遊戲及沉浸式娛樂的玩家，從視覺或是各方感觀經驗上，都深深被實境遊戲及沉浸式體驗的威力及後勁強大的影響力給震撼，看見自己生命經驗因此所發生的反思與轉化，更相信如果今天身處教育第一線的我們願意嘗試改變，重新定義教學活動在設計開發的可能性，透過對教材設計的再一次轉譯，讓參與者有機會從自己第一人稱的視角參與一次性的活動體驗，能否有機會打造出不一樣的學習風景？

 

 

生命與情感教育所涵蓋各類型的重要議題：自我探索、自我認同、性別及性教育、網路霸凌等各式多元議題，急需要有更多創新的思維投入於議題式體驗課程教材的設計與研發。本次專案嘗試打造一個架空故事下的班級霸凌的情境，帶玩家去探索這間教室裡所發生的事件，並引導至自我接納與自我認同的核心議題。

 

 

透過科技運用及載具的輔助之下，卻可以輕鬆的將任何空間都轉換成主題故事所需要的核心情境，甚或是身處與任何地域空間，只要有平板手機載具搭配無線網路，都可以運用擴增實境的空間定位投影出故事所需的情境空間，堪稱一隻手機如同百寶袋，裝進所有超現實的想像力，創造出隨身攜帶，走到哪玩到哪的奇幻體驗。

 

▎遊戲簡介

 

 

➣ 遊戲名稱：CLASSMATES

 

➣ 劇情大綱：本款「CLASSMATES」MR密室解謎遊戲將帶領玩家組成的調查小組，進入到一國中班級中調查一起霸凌案件，全篇故事由13個謎題關卡組成，遊戲時間約落在60~80分鐘，大家可以在教室中自遊探尋搜索每個遊戲中角色所留下的蛛絲馬跡，想辦法搜尋他們的抽屜與個人儲物櫃，運用推理與解謎的關卡推進故事，解開他們之間的恩怨糾葛，調查整個事件的真相。

 

➣ 體驗方式：兩人一組，搭配LINE@及MAKAR空間辨識進行解謎遊戲。雖然目前MAKAR編輯器中場景物件尚無建置答案驗證系統的功能，筆者保留擴增實境空間作為探索及搜尋的沉浸特色，多搭配一樣LINE@聊天機器人的功能，作為解謎遊戲時的物件互動組合及答案驗證、故事劇情推進的輔助。玩家可以一邊運用載具體驗MR空間，並搭配LINE@進行解謎關卡的故事體驗。

 

➣ 設計架構：

 

 

➣ 場景示意圖：

 

 

▎關卡流程

 

 

 

 

 

▎設計者介紹

 

 

汪檍

 

北市立教育大學 社會科教育學系 輔修美勞教育學系

國立臺北藝術大學 美術史研究所 中國藝術史組

 

身為第一線教育工作者，在設計教學方案的過程中經常自許為一名體驗活動設計師，正是用這樣的角度在觀看或詮釋我們所面對課程的核心議題，才能夠站在用戶端角度為他們著想，看見他們的需求，為他們量身打造出一道從「知到」到「收到」這複雜歷程中的關鍵橋樑。

 

● 2020 台北市卓越藝術計畫 密室逃脫案例徵件 特優

● 2021 入選親子天下 第四屆教育創新100

● 2022 獲選XR實境教育創意大賞5G仁寶MR智慧眼鏡特別獎 貳獎

➣ 「汪檍-CLASSMATES」教案下載

① 3A-稻．金：七夕稻埕 情比金堅

• 2022-12-01
• by MAKAR

• #臺北市元宇宙文化藝術創作競賽
• #AR
• #VR
• #MAKAR

▎成果影片


 

▎作品介紹

 

➣ 作品名稱：七夕稻埕 情比金堅

 

➣ 作品特色：

 

• 傳承傳統文化

• 認識新興科技

• 結合SDGs目標

• 使用密室逃脫模式

 

➣ 作品設計與操作：

 

 

➣ 作品目標：

 

一、透過VR認識傳統文化，並且將傳統文化與新興科技進行結合，讓文化傳承有更多種方式。

二、透過線上觀看過程中，能夠先認識祭拜文化，讓大家未來前往月老廟可以提前知道禁忌。

三、運用VR展現傳統文化外，更是結合SDGs目標，讓永續發展目標透過VR傳達減少不平等與環保理念。

四、結合歷史課內容之大稻埕歷史文化，透過VR將所學知識呈現於場景中。
 

➣ 未來發展：


 
 

▎設計者介紹

 

➣ 學校名稱：臺北市立永春高級中學

➣ 隊伍名稱：3A-稻．金

➣ 參賽學生：游O綸、余O廷、周O安、汪O翰

② 北一女中：星途之謎

• 2022-12-01
• by MAKAR

• #2022年臺北市元宇宙文化藝術創作競賽
• #AR
• #VR
• #MAKAR

▎成果影片

 

▎作品介紹

 

➣ 作品名稱：星途之謎

 

➣ 作品特色：運用地球科學「星象觀測」與全民國防教育「方位判定」等課程，提供從事戶外活動的人在遭遇意外事件時，具備正確的求生觀念與技能，並響應聯合國永續發展目標SDGs目標第15項Life on Land理念，宣導保護山脈生態系統的觀念。

 

➣ 作品流程圖：

 

➣ 作品設計與操作：

 

 

➣ 作品目標：以觀星尋找方位為主題，搭配無痕山林及聯合國2030永續發展目標第15項的內容，透過遊戲式學習讓參與者了解如何利用特定的星座尋找北極星，進而定位北方，並以闖關方式解決突發狀況，來加深人們登山前準備以及登山時應有作為(無痕山林)的認知。

➣ 未來發展：

一、持續優化:
1.詢問山友們的意見，使VR中的情境設置更符合現實情況。

二、推廣運用:
1.將以科技融入教學，讓高中課程知識與實際運用更加結合。
2.國中小學生透過遊戲可更加了解對環境的保護。
3.使其身心障礙者透由身歷其境體驗對登山知識及觀測星象加深學習的樂趣。

 

▎設計者介紹

 

➣ 學校名稱：北一女中   
➣ 隊伍名稱：星途之謎
➣ 參賽學生：林Ｏ欣、高Ｏ庭   
➣ 指導老師：林詩淵

③ 數位小天才：走入「車埕」- 探索自然與人文之美

• 2022-12-01
• by MAKAR

• #2022年臺北市元宇宙文化藝術創作競賽
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

▎作品介紹

 

➣ 作品名稱：走入「車埕」- 探索自然與人文之美

 

➣ 作品特色：

 

創作理念

位於南投的「車埕」是臺灣著名的觀光景點，希望讓體驗者了解車埕不只是一個觀光勝地，更是一個充滿藝術與人文的景點，透過VR能使體驗者不用跑到南投便有身歷其境的感覺，介紹讓體驗者更加了解「車埕」及其周邊充滿美感的建築物，藝術的作品的著名觀光景點。

 

故事設計

體驗者將扮演遊客猶如親身到訪南投車埕，以車埕遊客中心為起點參觀其周邊的著名景點，以及了解其人文與藝術。

例如:車埕藝術村、車埕木業展示館、車埕

車站、林班道等……。

 

使用情境描述

進入專案後，體驗者以遊客中心為起點，可點選遊客中心裡的圖形(如右上角圖示)，便會切換到不同場景，各個場景裡有著名景點的藝術品、建築物、人文等……文字介紹，在文字旁還會附上照片，讓體驗者更深入感受藝術與人文的背景。

➣ 作品流程圖：



 

➣ 作品設計與操作：

 

 

➣ 作品目標：

 

1. 體驗車埕中的藝文景點

2. 事先規劃旅遊行程

3. 置放在車埕遊客中心

➣ 未來發展：

● 答題的程式
● 避免偷吃步的方法
● 加入更多互動
 
 

▎設計者介紹

 

➣ 學校名稱：臺北市立南湖高中  

➣ 隊伍名稱：數位小天才  

➣ 參賽學生：周O慈、黃O諺 

④ 嵌虛就隊：即將成功的展覽會

• 2022-12-01
• by MAKAR

• #2022年臺北市元宇宙文化藝術創作競賽
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

▎作品介紹

 

➣ 作品名稱：即將成功的展覽會  

 

➣ 作品特色：

 

　　日常生活有許多的幾何圖形，鑲嵌圖形也許不是我們所熟悉的，仔細觀察能發覺許多的鑲嵌圖形運用在建築物、藝術作品之中。

       鑲嵌是數學與藝術美感的結合，因此，在VR裡能同時呈現鑲嵌概念、代表人物-艾雪，將創意發想的鑲嵌作品在平台展示，並且跨越空間限制在平台展現互動。

 

➣ 作品設計與操作：

 

 

➣ 作品目標：

1. 能認識與發覺生活裡的鑲嵌圖形，並學會鑲嵌的概念而進行創作。

2. 能認識鑲嵌代表人物-艾雪，並體驗數學結構在藝術的美感。

3. 能建造個人風格的展覽會館，以展現自己的藝數鑲嵌創作。

4. 能運用虛擬平台展示個人鑲嵌創作，跨越時空限制與增進互動。

 

▎設計者介紹

 

➣ 學校名稱：臺北市立明湖國中 
➣ 隊伍名稱：嵌虛就隊
➣ 參賽學生：陳O彤、陳O廷、陳O閎
➣ 指導老師：高抬主、陳泓曄

⑤ 敦化國中：好公民養成記

• 2022-12-01
• by MAKAR

• #2022年臺北市元宇宙文化藝術創作競賽
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

▎作品介紹

 

➣ 作品名稱：好公民養成記

 

➣ 作品特色：

 

 

➣ 作品流程圖：

 

 

➣ 作品設計與操作：

 

 

 

 

 

➣ 作品目標：以虛擬實境的方式帶領大家認識法院相關知識，希望可以讓大家不再覺得法庭是一個遙不可及的地方，也希望透過這個機會，提升大家的公民知識，進而對公共議題有更深入的討論，實現一個公民積極參與的社會。

➣ 未來發展：


 

 

▎設計者介紹

 

➣ 學校名稱：敦化國中
➣ 隊伍名稱：好公民養成記 
➣ 參賽學生：葉O霆、顏O均
➣ 指導老師：林璟筠、賴佳玲

 

⑥ New Nangane City Explorer：時空漫遊 文學大師 v.s. 城市遊俠

• 2022-12-01
• by MAKAR

• #2022年臺北市元宇宙文化藝術創作競賽
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

▎作品介紹

 

➣ 作品名稱：時空漫遊 文學大師 v.s. 城市遊俠

 

➣ 作品特色：

 

 

➣ 作品流程圖：

 

 

➣ 作品目標：

 

➣ 未來發展：



 

▎設計者介紹

 

➣ 學校名稱：臺北市立誠正國民中學
➣ 隊伍名稱：New Nangang City Explorer
➣ 參賽學生：陳O嘉、黃O陞、林O鈊、潘O蓁
➣ 指導老師：張維倫

⑦ AcTion：幸福平安

• 2022-12-01
• by MAKAR

• #2022年臺北市元宇宙文化藝術創作競賽
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

▎作品介紹

 

➣ 作品名稱：幸福平安

 

➣ 作品特色：

 

• 實地拍攝360環景照片，透過VR，可「身歷其境」參訪校園中特殊的景點，讓人更認識幸安國小。

• 特別加入『16族原住民』的角色，一起進行校園巡禮！

• 將「幸安校園特色」與「原住民文化」做連結，讓我們對社會課學過的十六族文化有更深入認識，產生有共鳴！也增加更豐富的趣味性與知識性！ 

 

➣ 作品流程圖：

 

 

➣ 作品設計與操作：

 

 

➣ 作品目標：

 

• 希望，讓同為「小學生」的我們用不同的方式，重新認識我們每天生活的「幸安校園」！
• ​希望，透過「日常校園生活」連結「原住民文化」，引起大家對「台灣原住民文化」的興趣，並產生共鳴！
• 希望，藉由VR的呈現，讓大家認識十六族原住民族的語言、服飾與文化特色。
• 希望，讓沒有來過「幸安國小」的人，都能透過VR，「身歷其境」認識幸安校園！

➣ 未來發展：

• 「學校」，讓對幸安國小有興趣的人，有另一種方式認識校園。
• 「社會課程」，教中年級原住民的課程時，作為課程的輔助教材，增加課程的趣味性。
• 「資訊課程」，讓老師們作為介紹「VR虛擬實境」的範例。
• 「本土文化」，增加原住民文化的部份，讓它更完整後，成為本土文化的介紹素材。
• 「人文發展」，與2030年永續發展方針（SDGs）做結合，作為“環保”和“文化”永續的範例。

 

▎設計者介紹

 

➣ 學校名稱：幸安國小
➣ 隊伍名稱：AcTion
➣ 參賽學生：陳Ｏ縉、李Ｏ鴻
➣ 指導老師：林冠廷、劉巧涵

⑧ 未來計畫區隊：綠色的醫療園區

• 2022-12-01
• by MAKAR

• #2022年臺北市元宇宙文化藝術創作競賽
• #AR
• #VR
• #MAKAR

▎成果影片

 

 

▎作品介紹

 

➣ 作品名稱：綠色的醫療園區

 

➣ 作品特色：

 

1.全機械化的醫療園區，內有公園與綠地。

2.磁浮列車可快速接送。

3.公園可自由變換型態。

 

➣ 作品流程圖：

 

 

1.全機械化的醫院配有智能機器人

2.穩定、高速、安全的磁浮列車

3.自由變換的公園

 

▎設計者介紹

 

➣ 學校名稱：仁愛國小
➣ 隊伍名稱：未來計畫區隊
➣ 參賽學生：洪O晅、江O穎
➣ 指導老師：賴心茹

元宇宙籤筒－應用變數與陣列製作MR專案

• 2022-11-18
• by

• #元宇宙籤筒
• #邏輯編輯
• #AR
• #VR
• #MR
• #MAKAR

本篇教學已融入MAKAR Blockly進行專案製作，其中應用積木包含：轉變、動作、控制、事件、變數與陣列等。設定變數防止同時點擊觸發物件發生，並設置可見度關閉所有物件後出現籤筒，點擊籤筒後透過陣列出現隨機整數獲得結果。
 

1. 啟動PPT素材，編輯貼圖文件後輸出JPG

 

2. 檔案＞另存新檔＞JPG圖

 

3. 啟動Blender＞匯入FBX＞切換Shading介面＞更換貼圖

 
設置基礎物件

1. 擺放三隻模型(可根據需求擺設)，並建立文字答對囉及答錯囉。

 

2. 擺放籤筒位置，並將lottery02、lottery02(1)、lottery02(2)置入lottery01底下。
3. 籤詩擺入後重疊即可，並根據需求調整角度。

 

4. 關閉三隻模型元件以外所有場景物件眼睛

 

5. 於所有物件上添加邏輯功能

 

6. 開啟邏輯工具

 

7. 設定基礎物件可見度

 

8. 新增變數＞防止同時點擊，並建立積木設定為不成立。

 
 

9. 新建積木＞假如執行

　　　(1). 設定假如為「防止同時點擊＝不成立」
　　　(2). 設置物件可見度成立
　　　　　說明：設置答錯囉文字顯示
　　　(3). 新增變數設定「防止同時點擊＝成立」
　　　　　說明：設定後在(4)停止前都無法點擊其他物件
　　　(4). 暫停1秒
　　　(5). 設置物件可見度不成立
　　　　　說明：設置答錯囉文字關閉
　　　(6). 設置「防止同時點擊＝不成立」
　　　　　說明：關閉不能點擊他物件狀況
　　　(7). 完成後複製2組，調整為其他兩個物件觸發狀態。


 

 

10. 設定長頸鹿出現籤筒與籤詩前的動作
    1. 複製設置可見度調整為不成立，共三組（長頸鹿、貓頭鷹、貓）
    2. 設定籤筒lottery01可見度成立
    3. 新增變數＞開始抽籤＞成立

設定抽筒功能

1. 新建「點擊執行」積木＞設定動畫
2. 新建「假如執行」積木＞放入開始抽籤＝成立時。此時可以重複點擊開始抽籤效果。
3. 設定僅能點擊一次，新建變數為不成立，並將積木置放於動畫上方。
4. 新建變數：抽籤結果
5. 設定抽籤結果為「運算子＞從□和□之間的隨機整數」積木。
6. 設定為「從0和5之間的隨機整數」積木。
   • 設定隨機整數為0-5(01234),在程式邏輯架構中，隨機範圍的舉例如下
   • 範例一：若需要5個範圍，設置為0~5時，則為01234。
   • 範例二：若需要5個範圍，設置為1~6時，則為12345。
   • 範例三：若需要3個範圍，設置為6~9時，則為678。
7. 設置籤詩可見度，發現動畫與籤詩出現太相近則添加暫停1秒積木。

 

1. 建立空陣列，變數將會自動新增「MyList」項目
2. 資料＞陣列＞「新增添加□至□」
3. 添加後＞將變數放入「新增添加圖1至MyList」
4. 由於順序設定，複製添加共三個，並放置「建立空陣列MyList」積木後方。

 

2. 將設置可見度成立改為＞資料＞陣列＞「□中的□物件」

 

3. 設定重複抽籤
   1. 事件＞點擊執行
   2. 設置Lottery (1)可見度不成立
   3. 複製動畫並將向上改為向下（設置回歸原位）
   4. 設置開始抽籤成立

 

4. 完成後可以按下執行進行體驗囉！

 

MAKAR 邏輯編輯器-教學影片

• 2022-11-03
• by

• #邏輯編輯
• #AR
• #VR
• #MAKAR
• #logic

Blockly概念-01基礎轉變概念

Blockly概念-02基礎轉變概念

Blockly概念-03基礎轉變概念

Blockly概念-04基礎轉變概念與平行運算概念

Blockly概念-05事件與碰撞概念

 

Blockly概念-06碰撞事件發生顏色及文字轉變

 

MAKAR Blockly線下課程

 

元宇宙籤筒－應用變數與陣列製作MR專案

玩MAKAR 也可以學理化－製作加農砲專案

• 2022-10-24
• by 橘子老師

• #理化
• #大砲
• #AR
• #VR
• #MAKAR

1.　先下載素材檔案cannon.zip，解壓縮後並將素材匯入MAKAR
https://drive.google.com/file/d/1HdJHrGcdfRRikf1zViDViWFNuRBjVmCz/view?usp=sharing
解壓縮後會有相關的素材檔案如下圖所示，點選建立新專案 > 選擇 空間辨識，輸入專案名稱cannon，並於右下角按下確認




2.　於畫面左方找到  新增素材 > 選擇3D模型




3.　找到素材資料夾，分別將cannon.fbx 及 wheel.fbx兩個模型檔新增至素材庫中


 


4.　繼續將圖片及music音樂檔新增至素材庫，分別選擇新增素材 > 圖片 及 新增素材 > 音樂





5.　素材新增至素材庫後，要將素材拖拉至場景上，開始編輯場景物件及相關邏輯程式
 
將炮身cannon素材新增置場景上，設定炮身cannon 位置、旋轉、縮放尺寸，並取消可操作與新增邏輯功能

將cannon由素材庫中拖拉至場景上

 


6.　並於右方設定設定位置、旋轉、縮放之數值，並將可操作之啟用按鈕”關閉”




 
7.　點選下方新增功能，加入邏輯功能





設定完成後如下圖

 
 
 

8.　將wheel由素材庫中拖拉至場景上，設定車輪wheel 位置、旋轉、縮放尺寸，並取消可操作與新增邏輯功能




 
9.　依序將arror-right，arror-left，arror-up，arror-down，fire等圖片新增由素材庫中拖拉至場景上，並分別設定各圖片之位置與縮放尺寸，並取消可操作及新增邏輯功能




10.　將上述各圖片取消可操作與新增邏輯功能


 


11.　將explosion動畫圖片由素材庫中拖拉至場景上，並設定位置與縮放尺寸，並取消可操作與新增邏輯功能





12.　將explosion動畫圖片由素材酷中拖拉至場景上，並設定位置與縮放尺寸，並取消可操作與新增邏輯功能






13.　將music素材拖拉至場景上，並設定位置與取消循環播放功能，並新增邏輯功能





14.　在場景上新增燈光Light，在素材庫中找到Light燈光素材並拖拉至場景上







設定燈光位置、旋轉、其光線強度




【關於群組】
分別將arror-right、arror-left、arror-up、arror-down、fire場景上五個物件拖至wheel上合併至wheel群組中，群組(容器)的操作在MAKAR中是非常方便及變化性的應用，
例如要將fire素材加入wheel群組中，可在左方場景物件列表中以滑鼠左鍵拖拉fire素材名稱至wheel名稱上，再放開滑鼠左鍵即可，fire素材加入wheel群組後，會在wheel名稱前方顯示三角形標示，
表示wheel群組內有包含其他物件，依序將其他arror拖拉至wheel群組中，完成後可以點選wheel前方三角形標示，將群組列表中的物件呈現與收起 ~(群組操作請見下方說明)

※ 將fire 物件以滑鼠左鍵拖拉至wheel上再放開左鍵即可將fire物件放入wheel中成為群組



 


15.　於素材庫中將球體Sphere拖拉至場景中，並設定位置及縮放尺寸






16.　最後在左方場景物件中在Sphere名稱上以滑鼠左鍵點兩下，修改名稱為ball





17.　接下來開始編輯邏輯程式部分，點選上方選項邏輯


 

開啟邏輯編輯器

 



1.　左方為各種程式積木，滑鼠游標移動至各項目名稱上方會顯示出該項目中各種積木，將積木拖拉至右方空白空間中即可編輯積木程式


 


程式中使用變數來存取各項數據方便程式設計

變數名稱	項目	數值	變數名稱	項目	數值
ax	cannon-x座標	0	vx	ball-x方向速度值	0
ay	cannon-y座標	0.24	vy	ball-y方向速度值	0.3
az	Cannon-z座標	0.1	vz	ball-z方向速度值	0.4
bx	ball-x座標	0	dvy	砲管不同高度，ball-y方向速度變化值	0.1
by	ball-y座標	0.33	dvz	砲管不同高度ball-z方向速度變化值	0.05
bz	ball-z座標	0.4	xx	大砲左右方向移動距離	0.1
cx	wheel-x座標	0	th	設定砲管上升下降角度	10
cy	wheel-y座標	0.18	bx1	ball-x座標暫存變數
cz	wheel-z座標	0.14	by1	ball-y座標暫存變數
			bz1	ball-z座標暫存變數

【程式部分】

1.　由左方程式積木中變數項目裡拖拉出，先宣告程式所需用到的變數，點選  變數>宣告變數，將上表所列變數宣告





宣告完成各變數後如下圖





2.　將設定bx積木拖拉至右方編輯區


 
 
 
3.　點選資料 > 選擇 1 積木，拖拉至設定bx積木右方空間中，點選1，設定為0


 
 
 
  
4.　變數設定，將下列變數值設定

　
 

  
程式：按下向右箭頭，大砲向右移動

1.　選取事件 > 拖拉點擊執行積木至編輯區中，形狀物件選取arror-right





2.　選取控制 > 拖拉 假如執行積木至編輯區中





3.　選取變數 > bx積木拖拉至假如執行中，如下圖

      



4.　選取 轉變 > 在 ~秒內將 移至 積木拖拉至編輯區





5.　選取 運算子 > 數學 + 積木拖拉至編輯區





6.　選取 變數 > 設定 bx 為 積木拖拉至編輯區，並點選bx設定不同變數







7.　依照下圖將按下右鍵移動的程式完成
 



 
8.　將游標移動到點擊執行積木之左上角，會出現一個複製的圖示，點擊複製圖示可以將整串程式積木複製


 

 

 
程式：按下向左箭頭，大砲向左移動

1. 將複製出的程式改成下圖，即完成按下向左箭頭移動的程式





程式：按下向上箭頭，大砲向上抬升，當by值大於0.6則停止抬升
 

 
 
 
程式：按下向下箭頭，大砲向下降，當by值小於0.331則停止下降


 

 
程式：發射砲彈軌跡



1.　這裡的vx 值為零(因為砲彈沒有x方向的速度變化)
vz則為砲彈z方向的位置變化量，vz越大砲彈前進速度越快，對應到座標上，則每次循環都前進固定的距離(z方向設定為等速運動)







2.　這部分是設定y方向的位置，砲彈在發射後受地心引力影響，向上的速度會越來越小，直到最高點不再向上運動，然後開始下墜，vy值設定為砲彈向上運動的原始速度值，vy越大砲彈上升的位置會越高，vy會隨著高度越來越高而減小，所以每次循環會減0.05，by1則為原本砲彈的y座標的更新暫存值，每次by1的值增加的數值就是vy的部分(vy值越來越小)，當高度到達最高點後，vy值變負值，這時候砲彈開始向下落







3.　最後即完成了大砲的程式設計。
最後魚場景物件中將ball 與explosion 兩項設定為不顯示(點選眼睛即可)





4.　點選右上角 > 發佈專案

基礎邏輯編輯（四）：碰撞事件發生顏色及文字轉變

• 2022-12-12
• by MAKAR

• #邏輯編輯
• #AR
• #VR
• #MAKAR

設定方塊碰撞後文字轉變

1.　將兩個方塊、按鍵各別設定邏輯。建議方塊更改名稱為01、02，以便操作。





2.　點擊「邏輯」>從「事件」>拉出「點擊…執行…」。



3.　欲點擊按鍵，藍色方塊會移動至綠色方塊。「轉變」>「在…秒內，形狀物件…米…」移動積木，放置積木下方，並依照圖示設定細項。






4.　從左側拉出文字功能，並修改文字內容為「請拼出完成的方塊」



5.　從事件中，拉出「當形狀物件…與形狀物件…發生碰撞」的積木，各別設定01與02。



6.　將文字設定邏輯，再從邏輯編輯器中從「動作」>拉出「設置文字物件…」積木，更改文字為「恭喜你完成了」。



7.　按下執行，點擊按鍵後，方塊會向右移動，當碰撞到綠色積木時，上頭的文字即會改變。




設定碰撞後文字顏色和方塊顏色發生改變

1.　從「動作」> 拉出「設置文字物件…的顏色為…」顏色設定轉換紅色並放在剛才的積木下方。



2.　從「動作」> 拉出「設置…的…為顏色…」，將此積木複製後皆放在下方，物件設定方塊01、02，並設定顏色轉換紅色。



3.　按下執行，點擊按鍵後，方塊會向右移動，當碰撞到綠色積木時，文字及顏色皆會改變。



 

基礎邏輯編輯（三）：碰撞事件概念

• 2022-10-11
• by

• #邏輯編輯
• #AR
• #VR
• #MAKAR

1.　在畫面中拉入兩個方塊，將方塊設定不同的顏色，並將名稱做更改，粉色方塊01、藍色塊02，以利操作。預期粉色方塊去碰撞藍色方塊，並在碰撞之後，藍色方塊自行再轉一圈。







2.　將01和02設定成邏輯物件。
 

基礎邏輯編輯（二）：物件移動

• 2022-10-11
• by

• #邏輯編輯
• #AR
• #VR
• #MAKAR

【移動方法一】

1.　點選球的物件後，按「新增功能」＞「邏輯」，它變成邏輯物件。





2.　點選上方的「邏輯」，按左側的「轉變」＞「在…內移動…米…向前」，拖曳至中央。





3.　關閉邏輯編輯器並按下執行，物件會按照剛剛所設定的邏輯編輯去執行。





4.　雖然設定「向前」但物件卻是往右，因為物件的屬性，位置和旋轉的值並非X=0,Y=0,Z=0，因此在屬性的右上方按下小方塊，物件位置的屬性就會歸零，這時候再按下執行即是向前移動。





※　一小格是10公分、一大格是1公尺，可以在控制向設定你想要的移動距離以及速度。

5.　若將球的LOGO擺正，位置和旋轉的值就不會是X=0,Y=0,Z=0，這時候在選擇移動方向時就會有所不同，必須花時間去測試預期的方向。



【移動方法二】

1.　現在使用「在…秒內將形狀物件移至X：… Y：… Z：…」的控制項。設定LOGO的位置X=2,Y=0,Z=0，按下執行。





2.　LOGO會如影片所示跑斜斜的方向。





3.　以一個方塊來解釋，當物件在世界的中心的時候，位置的座標X=0,Y=0,Z=0，當設定X=2時，方塊會跑至右側。再次按下執行後，LOGO就會在1秒內跑至方塊的位置（X=2,Y=0,Z=0）









4.　若是假設LOGO X=2,Y=5,Z=1，LOGO就會跑到空間的上面。因此基本上就是根據世界中心的座標軸(X=0,Y=0,Z=0)來調整座標，移動物件。





※ 　關於執行順序

1.　在邏輯編輯器中，當有兩個指令並排在一起的時候，它會先將上面的指令執行完畢後，才會再執行下面一個指令。

▲範例：「在1秒內將形狀物件移至X=2,Y=0,Z=0」下面接「在1秒內用逆時針，角度270轉動形狀物件」，按下執行後，物件就會先跑到指定位置，再做旋轉的動作。







2.　若需要控制像同時一起執行時，可拉出綠色區塊的「平行運行」，再將兩項控制項移至平行運行中，當按下執行時即可同時發生。





 

基礎邏輯編輯（一）：文字轉變、顏色轉換

• 2022-10-11
• by

• #邏輯編輯
• #AR
• #VR
• #MAKAR

1.　從左側的素材庫中，將「Text」拉至中間，新增文字。





2.　因為素材本身是一般物件，所以點選物件後，按「新增功能」＞「邏輯」，它變成邏輯物件。





3.　點擊上方的「邏輯」，這邊即是編排邏輯的地方，左邊有各式各樣的動作細項。





4.　在左排點選「事件」，並拉出第一個「點擊執行」的控制項，此時藍色的框框會顯示剛剛新增的文字物件「Text」。







5. 再從左排點選「動作」，並在文字的分類點選「設置…文字…」，點選之後跑出的預設文字Hello!。





6.　關掉邏輯編輯器視窗，按下執行，點選文字後即會跑出Hello!的文字。可自行更換文字。









7.　若是想要更改文字的顏色，也可在左排點選「事件」，在文字的分類點選「設置文字…的顏色為…」，並如圖所示將控制項拉至下方，和上一個並排。按下執行後顏色就會變成預設的紅色。








8. 左側的項目可針對想要做轉變、控制等，自由地做新增。若是要刪除已拉出來的控制項，將它拉到左下方的垃圾桶即可。

MAKAR中的合作學習—專案串聯

• 2022-10-07
• by

• #專案串聯
• #AR
• #VR

課程說明：
本課程將示範如何串聯不同專案，以達到分工合作的完成專案，進而促成合作學習的目標。

1. 情境說明：　　
　　過去在製作比較龐大或複雜的AR或VR專案時，會希望能夠多人協作完成，但這個做法在目前編輯器尚未支援。因此這裡將以另一個方法，將大專案拆分成多個小專案來完成，並且用專案串聯的方式把數個小專案串接起來。
　　在小組協作時，這種方法能夠將低個人負擔，也能夠同步多軌製作專案以達到事半功倍的效果。
　　這裡以三位學生(A、B、C)為範例，學生A和學生B分別製作一個VR專案(本教學以MAKAR內的綠「綠島」和「月相」為例)。

2. 取得專案連結 

在行動端(手機/平板)點選專案，並且點擊分享取得「單一專案」的連結，並將此連結交給負責整合的組員(本教學以同學Ｃ為整合同學)。

多媒體應用於元宇宙格式解析

• 2022-08-16
• by Lina老師

• #MAKAR
• #AR
• #VR
• #MR
• #MAKAREDU
• #數位內容精進計畫
• #WebAR
• #WebVR

在這數位內容的時代，如何應用多元化的軟體結合AR/VR編輯來達到更完善的效果？
今天就讓我們一起來聊聊數位多媒體多元的格式，並結合Windows3D檢視器與3D小畫家的應用方法，緊接著一起挑戰元宇宙AR/VR/MR遠距中控平台學習數位內容吧！在創作AR/VR應用時，最重要的是屬於數位內容，而這些數位內容可以透過那些軟體進行狀創作？


轉檔小技巧應用Windows3D啟動3D模型，並選擇另存新檔獲得可應用於MAKAR的GLB格式。
●　MAKAR AR/VR/MR編輯工具，匯入GLB進行專案應用，並即時發布進行體驗。



2D軟體的應用上非常多元，簡單介紹以Adobe及線上Pixlr。
●　Pixlr 是一個線上編輯軟體，可以編輯多樣化圖型格式。
https://pixlr.com/tw

●　Adobe擁有多項服務，包含2D、3D及動畫編輯軟體，可輸出與建構完整的設計。
https://www.adobe.com/tw

多媒體格式中有許多規則，因應所選擇的軟體不同而輸出各種相對應的格式。
在2D平面圖檔格式中，可包含Alpha或動畫格式。
●　JPG：JPEG或稱JPG，為失真壓縮方法，本身不支援透明。
●　PNG：可攜式網路圖形，採取無失真壓縮的點陣圖圖型格式，支援索引、灰度及Alpha通道(支援透明)。
●　GIF：圖像互換格式，採取無失真壓縮技術，圖像低於256色可保持成像品質，支援多影格動畫效果及透明背景。


3D軟體的應用通常以模型建構為主，有了模型之後進一步是材質紋理的繪製、再針對所需的動畫進行設定。創作者依據各種不同的需求，會提供相對應的設計規劃，例如：動畫、物理特效、布料特效、變形器、粒子特效...等應用技術，根據需求輸出不同的格式，其中包含通用格式FBX,OBJ,GLB,GLTF...等。
●　Blender https://www.blender.org
●　​Autodesk  https://www.autodesk.com.tw
​●　甲尚REALLSION　https://www.reallusion.com/tw
●　​C4D https://www.maxon.net/zh/cinema-4d  ​

多媒體格式中有許多規則，因應所選擇的軟體不同而輸出各種相對應的格式。
在3D模型格式中，可包含動畫、材質紋理等格式。
●　FBX：含動畫及材質，適用於各開發軟體支援，包含模型、動作、材質紋理輸出等。
●　GLTF：含動畫及材質，支援多樣化框架，包含開發軟體、網頁跨平台Web支援格式，以OpenGL加載的格式，其中包含Josn、圖片、圖型、紋理等資料夾構成。
●　OBJ：含材質，適用於各軟體間互相匯入轉檔使用,obj包含jpg紋理。


影音剪輯軟體在近年來的時代中，以手機APP的剪輯越來越多元化，但是依舊有許多專業使用者習慣使用電腦版本的編輯方式，因此依據需求可選擇手機版本或是電腦版本的編輯方法。大多數的影音軟體都可以輸出多種格式，例如：mp4,mov,wav,avi等，最常見的則是.mp4的格式。當然，依據各種不同需求所選擇的格式也不同，若需要原始檔案或未壓縮格式，可能會選擇avi或mov格式。
●　威力導演　https://tw.cyberlink.com
●　Adobe擁有多項服務，包含2D、3D及動畫編輯軟體，可輸出與建構完整的設計。
https://www.adobe.com/tw
●　甲尚 REALLSION CartoonAnimator  https://www.reallusion.com/tw/cartoon-animator/default.html



​

 

XR實境教育創意大賞競賽懶人包

• 2022-03-23
• by MAKAR

• #XR實境教育創意大賞
• #XR競賽
• #AR
• #VR
• #MR
• #懶人包

XR實境教育創意大賞-競賽課程懶人包
 
步驟1.
進入競賽官方網站，選擇報名組別完成競賽報名
https://www.miflydesign.com


Q常見問題
A一個人也可以報名
教師組
A老師可跨校組隊
A師培生可報名教師組
A需要教師證照或聘書

學生組
A老師要同校，不同校要授課證明
A學生要同校，不能跨校組隊
 
------------------------------------------------
步驟2.
等待收穫競賽正式帳號，並完成登入。

Q常見問題
A帳號會寄送到報名主要聯絡人信箱,請注意填寫正確

 
------------------------------------------------
步驟3.
下載提案大綱

教師組 https://makerar.pse.is/3x6gf5
學生組 https://makerar.pse.is/3vntdb
 
------------------------------------------------
步驟4.
選擇可參加的競賽進行學習
https://www.miflydesign.com/makar-course
或觀看步驟9.教學材料

------------------------------------------------
步驟5.
加入競賽社團獲得最新資訊
https://www.facebook.com/groups/MakarGroup
 
------------------------------------------------
步驟6.
學習基本教學(必看)
https://www.youtube.com/playlist?list=PL7l14EeZGNRWk03uABGNqMsKSjNerTr_J
 
這邊可以觀看相關案例
https://www.miflydesign.com/makar-movie
 

------------------------------------------------
步驟7.
選擇希望繳交的獎項，
這邊了解競賽題目
https://www.miflydesign.com/makar-rule

​填寫初審提案大綱並上傳
https://www.miflydesign.com/makar-paper


------------------------------------------------
步驟8.
完成初審提案,進一步學習XR數位創作

步驟9.
選擇適合的教學進行學習

教學1.
課程主題：競賽說明與提案技巧
影片時間分段說明
05:20-34:00 競賽說明
34:00-55:00 競賽課程講師介紹、講師案例講解
55:00-01:48:00案例體驗及提案技巧說明
https://youtu.be/xDZZ9pccNU0?t=329

 
教學2.
學生組提案課程-1110313課程(必看)
完整的ARVRMR解說及案例拆解實作

Part1
00:00-23:30 學生組競賽規則與提案方向說明
23:30-1:49:00 認識AR/VR/MR 實際案例與製作技巧
https://youtu.be/QZaUW4kpd_s

Part2
00:00-02:30 帳號註冊與登錄
06:32-17:30 3D軟體與教學說明
17:30-46:00 AR影片製作
46:00-2:57:00 實例拆解
https://www.youtube.com/watch?v=QZaUW4kpd_s

素材下載：https://drive.google.com/drive/folders/1QeSdkuwkjRDzu94tXxXkDiUVPjnFUo6k?usp=sharing

------------------------------------------------

補充資料
關於3D模型的建置與獲得方式
建模軟體 Blender
https://www.blender.org
●　sketchfab 模型素材庫
https://sketchfab.com/feed
補充說明：主要是提升手機的互動效能，若有素材模型檔案比較大可以下載這個軟體使用，可使用Blender減面資源運用（亦可搜尋Blender減面教學）。
 

元宵天燈許願池，MR虛擬世界任你放

• 2021-12-30
• by MAKAR

• #研習
• #AR
• #VR
• #全國教師研習中心
• #XR
• #實境教育
• #教師
• #VR課程
• #AR課程
• #教師研習
• #MAKAR