教學

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


 

  1. 開啟D-ID網站(https://www.d-id.com/ ) 點選login



 

  1. 點選左下角Guest -> Login/Signup 進行註冊




 

  1. 註冊完畢點選左上角Create Video




 

  1. 點選ADD新增圖片，將哈利波特的電影海報上傳。




 

  1. 將文字檔中的內容貼入右邊的Script中，並語言選擇Chinese(Mandarin, Simplified)，Voice選擇Yunze之後就可以點選右上角Generate Video輸出影片。另外，除了Script能夠文字轉語音以外，也能夠用Audio上傳自己的聲音。




 

補充說明: 

文本內文是透過另一款近期討論度很高的AI工具「ChatGPT」所生產出來的，我請ChatGPT幫我摘要哈利波特第一本書的故事大意。

 

  1. 開啟MAKAR編輯器，建立新專案，選擇AR圖像辨識，將電影海報上傳為辨識圖。編輯器v3.4版本以後新增了「類別」選單，若沒有選擇將無法發布專案。




 

  1. 將D-ID生成的影片匯入素材庫。

     



 

  1. 將影片放置於場景中，並平行於辨識圖之上，且大小需剛好覆蓋住海報。可參考下圖的調整數據。




 

  1. 影片: 關閉「可操作」的功能，並新增邏輯功能。




 

  1. 在邏輯編輯器中加入Blockly程式



 

  1. 最後再發布之前，將影片的眼睛關掉(影片的可見度關閉)。此做法是為了避免手機離開辨識圖後依然再撥放影片的窘境，希望只有手機照到海報的時候才會出現這種效果，不然就不神奇了。



 

如何體驗

拿起手機，輸入ID並掃描辨識圖就能進行體驗囉!

  1. 安裝MAKAR APP

  2. 掃描QR code或搜尋ID: class06選擇作者

 


 

  1. 點擊AR圖像辨識「魔法介紹目錄」專案啟動，點擊「開始體驗」對準海報。

 

 

春節AR動畫教學

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


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

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

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


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

 
 
 
【利用PPT製作春聯】
 
  1. 為了讓字體看起來像書法體，可至此網站下載免費商用的字體：http://www.ziti.net.cn/mianfeiziti/
 
下載後安裝至電腦。
本次範例使用「衡山毛筆フォントKouzanBrushFont.ttf」字體。
 


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


 
【進入MAKAR編輯器】
 
  1. 將所有素材匯入MAKAR

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

 
  1. 用滴管吸白色背景。

 
  1. 去背完成。

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

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

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

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


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

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

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


 

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

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


 

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

 



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





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

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

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



 

MAKAR 3D SCAN 使用教學



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


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




 
  1. 對準欲建立的場景，按下紅色按鈕開始讀取空間。
　　　一旦讀取成功，會如右圖以網格模樣建立，紅色代表尚未建模成功，建議移動讓系統吸取空間。
　　　創建完成後按白色按鈕。
 
  

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

 
 

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



 
  1. 依照指示剪裁場景，按「裁切」即可完成！若需要重新後製或裁切，可再重新調整。
 
 
 
 
  1. 如圖按下上傳，可直接上傳至MAKAR編輯器的素材。
　　　＊須事先登入你的MAKAR帳號。

 



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





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

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

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



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


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

 

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

 

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

 

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



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

 

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



 
STEP（1）步行一段距離

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



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



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

 


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


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

 



【碼卡龍吃蘑菇後，體型變大、蘑菇消失】
 
  1. 從「轉變」＞「比例縮放」，拉出「設定…比例為…」，設定碼卡龍的比例為0.18。

 

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



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





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

 

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

 

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




【吃掉金幣後，金幣消失】
 
  1. 從「動作」＞「材質」，拉出「設定…可見度…」，設定金幣的可見度為不成立。

 

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





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





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

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模型。

 

MR聖誕節教學－結合3D骨架綁定


課程主題：MR聖誕節教學－結合3D骨架綁定
課程講師：阿凱老師
課程說明：本課程將示範如何幫模型增加動態並製作成專案。

情境說明：
完整的立體建模是一個非常龐大的工程，其中包含美術製圖、建模(modeling)、綁骨架(bone)、設定關節(Rigging)、材質貼圖(texture)等…才能夠近一步幫模型開始擺出各種姿勢(animation)，在動畫領域這是一個不容易的工程。
拜科技之賜，現在有一些平台提供模組化的免費服務，能夠節省大量時間與成本，這次教學將帶大家一步一步的製作會動的模型，並放進MAKAR的編輯器中，讓你的專案有更豐富的互動。
本次以聖誕節為主題，因此在模型平台找一個可以下載的聖誕老人，並確認他的使用授權範圍是可以再次創作並使用在非商業用途，並注意授權規則。
● 本次使用素材: https://skfb.ly/oBPpU 授權: CC Attribution)
 
1.下載檔案
OBJ檔案下載下來會是一個zip壓縮檔案，並解壓縮打開裡面的source，會看到第2個Santa-new.zip的檔案。

 
 
 
2.模型製作
製作模型的平台是Mixamo(https://www.mixamo.com )，是Adobe公司旗下的一個網頁動畫製作平台。
若沒有帳號可以立即註冊一個；若已經有帳號則可以直接登入。
預設會有一個人形模型，點選右方Upload character(上傳角色)
平台有限制上傳角色的檔案格式：FBX、OBJ
因此，若你的角色並不是下列的檔案格式，請先另外使用Blender轉檔或者其他檔案轉換工具，不過，每次轉檔都有可能會有風險，可能材質不見或模型破損等。所以能夠拿到不需要轉檔的模型真的是謝天謝地，不然就要自己學怎麼建模了。
 
3.關節定位
Santa-new.zip上傳後，要先將模型轉正。
轉正之後，進下一步。
擺放關節定位，參考右邊的示意圖，將對應的圓圈放到正確部位。
接下來就放開雙手讓AI自動化處裡吧!
完成。
 
4.選擇適當的動作
Animation中有許多已經模組化好的動作，可以選擇適合的套用到模型身上。
這裡製作一個跌倒的聖誕老人，搜尋fall flat
點選右邊的Download就能夠下載fbx檔案。 
 
5.匯入MAKAR編輯器
建立一個空間辨識的專案
注意：MAKAR v3.4版本之後必須要設定類別才能夠發布成功
匯入Fall flat的模型，新增素材/3D模型
 
將聖誕老人縮放到適當大小
Y軸旋轉180面向前方，材質球屬性改成【無光-標準】
6.裝飾環境，之後就能夠發布與大家分享。
跌倒在下雪的情境，雪景素材取自於MAKAR線上素材庫。
聖誕音效：Magical Christmas by AlexiAction from Pixabay
(https://pixabay.com/music/christmas-magical-christmas-127318/ )
 
如何體驗
拿起手機，輸入ID並掃描辨識圖就能進行體驗囉!
1.安裝MAKAR APP
2.掃描QR code或搜尋ID: class06選擇作者
  
3.點擊AR空間辨識「Santa-new」專案啟動，點擊「開始體驗」對準平面。
  

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

▎成果影片
 



▎設計理念

 

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

 

▎遊戲介紹


 

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

➣ 教學規劃：

教學單元

單元名稱

探究糊紙工藝的發展，及其信仰意涵

教學時數

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成果、各組分享學習成果

教師思考與策略

透過數位教材帶領學生思考知識與科技傳播的可能性和未來

 
 
 
 

➣ 學習單：
 

主題：多元文化_糊紙藝(異)世界

學校名稱：

班　　級：

姓　　名：

學　　號：

1. 看到糊紙作品你會害怕嗎?只有喪事才會使用到紙紮作品嗎?還有那些場合會使用紙紮作品?

 

2. 欣賞了廟門口的「六宿」作品，你覺得「紙紮」和「藝術」的距離是?給幾星評價(1~5)?理由?

 

3. 參與了「大士爺」的製作過程，你了解中元普渡為何需要大士爺控場?大士爺的造型特色為何?這樣的民俗信仰給你什麼感受?

 


➣ 設計架構：



 

➣ 場景示意圖：

 

MR數位教材主要場景


 
▎學習卡規劃
 


 

▎設計者介紹

 

曾裕芬

新北市私立格致中學高中部、高職部、國中部資訊教師

台北市仁愛國中資訊教師

 

李美惠

台北市仁愛國中理化教師

台北仁愛科技中心主任

 

② 嘎嘎烏拉拉：沙灣尋寶

▎成果影片




▎設計理念

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

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

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

 

▎遊戲介紹

➣ 遊戲名稱：沙灣尋寶

➣ 教學規劃：

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

教學單元一

單元名稱

偵探養成

教學時數

1小時

單元學習目標

1. 學習下載及使用Makar中的VR、AR功能。

2. 認識沙灣十七世紀~戰後的歷史發展。

學習情境與引發動機

小曦和阿倫是基隆某高校文藝社社長及副社長，二人打算帶社員到剛整修完成的沙灣歷史文化園區進行社遊。社遊前一週二人先來場勘，阿倫看到園區內有一座溜滑梯，童心未泯的他，邀請小曦一起去玩溜滑梯，沒想到一溜卻風雲變色，昏天暗地之後，天又亮了起來，旁邊卻多了一個外貌怪怪，且說的話沒人聽得懂的少年，還好阿倫有萬能翻譯機APP，才能和怪少年溝通，這位神秘的少年丟哆囉，感覺自己在家裡附近但又覺得景物好陌生，而且他隱約記得他掉了一樣很重要的東西，但卻想不起來掉的是什麼？

小曦和阿倫為了幫助少年，想要聘任偵探們(玩家)，幫忙少年找到遺失的記憶與寶物。

教師備課／學生課前自學資源

1. 製作VR專案〈沙灣尋寶VR〉

2. 備妥基隆文化局拍攝的《沙灣世紀風華》紀錄片

3.  製作檢定測驗用google表單

單元課後學習

1.完成Google 表單檢定測驗

學習活動設計

學習目標

1. 學生能在手機或平板載具下載Makar軟體。

2. 學生能學會VR、AR操作技能。

3. 學生能認識17世紀~二次戰後的沙灣歷史。

學習歷程

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

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

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

學生評量

表現工具

體驗完專案〈沙灣尋寶VR〉後，完成google表單測驗。

教師思考與策略

1.先教導學生Makar科技工具的使用。

2.利用VR虛擬人物及故事情境，讓學生了解沙灣歷史，進而深化在地臺灣史之學習。

 

教學單元二

單元名稱

實境探秘

教學時數

2小時

單元學習目標

1.透過XR闖關遊戲，學生能親近古蹟，並了解沙灣在各歷史時期的演變。

2.透過科技教學體驗，學生達成團隊合作。

學習情境與引發動機

通過偵探檢定考的大家，組織好尋寶的小隊後，帶上各種科技工具，來到沙灣歷史文化園區進行「實境探秘」。尋寶任務正式開始囉!

透過層層關卡、解鎖任務，更深入認識沙灣各個歷史時期的故事，也幫神秘的少年(丟哆囉)找回他的記憶及寶物。

教師備課／學生課前自學資源

1. 製作AR、VR專案，及Google表單

2. 提前到園區各景點擺放關卡(學習卡)

單元課後學習

無

學習活動設計

學習目標

1. 學生透過Makar AR操作及google表單闖關，完成園區踏查。

2. 學生透過關卡虛擬人物情境，及解鎖任務，深入學習台灣歷史。

學習歷程

1. 學生化身為偵探至沙灣歷史文化園區，先點入Makar專案〈00報到處〉進行報到，並確認注意事項後，開始尋寶任務。

2. 從〈01這是哪裡？〉到〈16尋獲失物〉，共計17關卡，分散在園區內各相關歷史景點。學生使用AR圖像辨識、空間辨識及VR操作技能，並填寫google表單，解鎖每一關卡任務後，可以得到更多沙灣歷史文化的知識及尋寶工具，最後便能幫丟哆囉找回記憶及重要遺失物。

學生評量

表現工具

Google表單填答及時間內完成任務。

教師思考與策略

1. 利用前一堂行前課程所教導的VR、AR操作技能及沙灣歷史的先備知識，帶學生實際到沙灣歷史文化園區進行校外教學。

2. 透過自製的Makar各專案，組織成一個尋寶活動，讓學生自主到達園區內各景點闖關解鎖任務，進行深入學習相關知識，並練習看地圖、實境觀察、截圖、拍照上傳等科技運用能力。

 

教學單元三

單元名稱

衡量得失

教學時數

1小時

單元學習目標

1. 學生能蒐尋資料，歸納基隆築港工程的利弊

2. 學生能判斷當時築港政策背後的價值觀

3. 學生能試著思考如何在兩難中取得平衡

學習情境與引發動機

小曦、阿倫與偵探們在陪伴少年尋找寶物的過程中，發現他們成長的地方以前是這麼得不一樣，所以他們在想「如果.....」(老師帶領同學進行教學活動反思與議題討論)，讓這群尋寶少年知道歷史為家鄉寫下的「得與失」，也思考現在的我們想要為後代子孫留下什麼？

教師備課／學生課前自學資源

議題引導思考PPT、基隆港築港相關資料影音

單元課後學習

延伸思考：外木山台電四接填海造陸與海岸與生態保護議題

學習活動設計

學習目標

1. 學生透過引導思考當時築港的原因及目的

2. 學生能歸納築港帶來的利與弊

3. 學生能思考政策背後的價值取捨

學習歷程

1. 築港工程改變了哪些海岸樣？

2.  築港工程，讓海水浴場消失，能獲得多少好處？哪些族群獲益？又會失去什麼？哪些族群會有損失？

學生評量

表現工具

學習單、口頭表述

教師思考與策略

1. 透過實境探秘活動中山連結的紀錄片提及曾帶給耆老們歡樂的大沙灣海水浴場因築港工程而消失，當作切入點，引導學生上網蒐集資料，思考當時築港的需求目的，及帶來的利弊得失？

2. 如果回到當時，學生會如何抉擇？

3. 延伸思考：外木山台電擬填海造陸，建造氣站，面對此議題我們該如何思考、抉擇？
 

➣ 體驗方式：

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

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

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

 

▎關卡流程

 

單元一

單元二-關卡0

關卡1

關卡2

關卡3

關卡4

關卡5

關卡6

關卡7

關卡9

關卡8

關卡10

關卡11

關卡12

關卡13

關卡14

關卡15

關卡16

關卡17




 
▎設計者介紹
 

林玉如

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

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

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

 

楊欣璇

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

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

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

 

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

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

▎成果影片
 


▎設計理念
 

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

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

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

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

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

 
▎遊戲介紹
 


 

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

➣ 教學規劃：

教學單元一

單元名稱

認識電動車

教學時數

45min

單元學習目標

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

學習情境與引發動機

 學生能透過AR辨識圖「認識電動車」進入學習環境，並點選「電動車原理」、「電動機車馬達」、「電動車電池」連結的影片，以自主學習方式認識電動車的發展史。

教師備課／學生課前自學資源

 國家教育研究院 https://reurl.cc/Z19QVp CIRN-十二年國教課程綱要 (moe.edu.tw)
 

單元課後學習
  1. 透過提問方式檢視學生對電動車相關知識的理解。
  2. 電動車 VS 汽油車 | 電動車是怎麼運作的https://reurl.cc/7e1pd5
  3. 電動機車馬達https://reurl.cc/g0qQkN
  4. 電動車動起來！電池的科學https://reurl.cc/Np7RkQ

學習活動設計

學習目標
  1. 學生能建立科技素養之能力：透過AR辨識圖進入學習環境，點選「電動車原理」、「電動機車馬達」、「電動車電池」連結的影片，以自主學習方式認識電動車的發展史。
  2. 學生能認識與理解電動車原理、電動機車馬達、電動車電池等知識概念。

學習歷程

學生能透過「電動車原理」、「電動機車馬達」、「電動車電池」的影片，認識與理解電動車。

學生評量

表現工具

學習單

教師思考與策略

學生能培養科技素養之能力，以自主學習方式認識電動車原理、馬達、電池等的運作。
 

教學單元二

單元名稱

議題探討與反思

教學時數

100min

單元學習目標
  1. 學生能運用AR辨識圖進入連結的簡報，學習並強化對能源基本概念認識，以及電動機車環保的評比。
  2. 學生能在進行議題探討時，培養科技知能、發展正確能源價值、養成節約能源之思維習慣及態度，以執行綠色、簡樸與永續的生活行動。

學習情境與引發動機

 學生能透過AR辨識圖「議題探討與反思」進入設置的學習情境，選取「2050淨零排放」、「SDGs7」、「SDGs13」、「電動機車夠環保嗎?」連結的網站，以自主學習方式認識淨零排放、電動車在永續發展的目標；最後，根據先前影片及簡報內容，進行綜合探討與評比燃油車與電動機車，朝向達成淨零碳排、淨零排放等目標，以尋找解決問題的行動。

教師備課／學生課前自學資源
  1. 淨零起風了!經濟部2022減碳要做什麼? https://reurl.cc/337Nl8
  2. SDGs 目標7  https://reurl.cc/rZra4x
  3. SDGs 目標13 https://reurl.cc/NG4XL9
  4. 國家教育研究院 https://reurl.cc/Z19QVp ​CIRN-十二年國教課程綱要 (moe.edu.tw)

單元課後學習

 無

學習活動設計

學習目標
  1. 學生能認識「2050淨零排放」、「SDGs7」、「SDGs13」知識概念。
  2. 學生能透過「電動車夠環保嗎?」，探討燃油車與電動機車的環保與評比。
  3. 學生能透過「表單」探討潔淨能源、碳排放量等議題，培養科技知能、發展正確能源價值、養成節約能源之思維習慣及態度，以執行綠色、簡樸與永續的生活行動。

學習歷程

學生能透過簡報「電動車夠環保嗎?」、表單「議題探討」進行電動車對執行綠色、簡樸與永續的生活行動之反思。

學生評量

表現工具

Canva簡報https://reurl.cc/anvpgZ
表單 https://reurl.cc/lZg0jY

教師思考與策略

教師透過簡報「電動車夠環保嗎?」、「議題探討之表單」，帶領學生深入認識電動車對執行綠色、簡樸與永續的生活行動力之反思。


 

➣ 學習單：

 

主題：關於電動車的原理學習單

學校名稱：

班　　級：

姓　　名：

學　　號：

1. 電動車原理是什麼?電動車是2000年過後才製造出來的嗎?

 

2. 電動機車馬達怎麼運作？

 

3. 電動車電池如何充電？環保嗎？

 

 

主題：議題探討與反思表單

學校名稱：

班　　級：

姓　　名：

學　　號：

1. 潔淨能源帶給我們的好處?

 

2. 燃油車在未來應該全部廢除嗎?

 

3. 核能是潔淨能源嗎?

 

4. 2050淨零碳排是什麼?

 

5. 生活中如何減少碳排?

 
 

➣ 設計架構：

 

 
▎學習卡規劃
 

 

▎設計者介紹

陳泓曄

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

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

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

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

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

 

高抬主

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

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

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

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

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

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

 
▎成果影片

 

▎設計理念
 

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

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

 
▎遊戲介紹


 

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


➣ 教學規劃：
 
領域/科目 綜合領域/永安學習(校定課程) 設計者 陳盈如
實施年級 高 課程總時數 14
作品名稱 永安調查局—大直謎案
教學設備/資源 硬體：電腦、智慧大屏、iPad
軟體：教學簡報、PowerPoint線上版、Makar VR專案
教學來源 校本課程
教學材料 實境解謎手冊
內含(1)本命卡牌*1+魔法卡牌*3 (2)遊戲單 (3)謎題單
資料蒐集工作分配單
台北地標景點照片集PPT
搶救小安大作戰故事背景PPT
課前準備
MAKAR軟體及APP安裝
1.編輯器: https://reurl.cc/GX4Nr3
2. APP: https://reurl.cc/zrl5Wk
3.教學簡報PPT
4.實境解謎手冊：
(1)本命卡牌*1+魔法卡牌*3 (2)遊戲單 (3)謎題單
學習目標
･學生能知道台北市有哪些行政區
･學生能舉例說出台北市的著名景點，並知道此景點位在哪一行政區
･學生能歸納出各行政區可能的特色
･學生能使用VR專案認識大直地區的在地文化、自然景觀與歷史古蹟等三個面向的知識
･學生能體驗到經由互動謎題的設計，學習也可以遊戲化
･學生能知道深究台北市各行政區時需包含在地文化、自然景觀、歷史古蹟等三個面向
･學生能小組討論出本組希望深究的台北市行政區
･學生能完成資料蒐集工作分配單
教學設計
主題學習重點 學習重點 綜3c-III-1 尊重與關懷不同的族群，理解並欣賞多元文化。
學習內容 綜Bb-III-3團隊合作的技巧。
綜Bc-III-3運用各類資源解決問題的規劃。
綜Cc-III-4 對不同族群的尊重欣賞與關懷。
自INf-Ⅲ-3自然界生物的特徵與原理在人類生活上的應用。
社Bc-Ⅲ-1 族群或地區的文化特色，各有其產生的背 因素，因而形塑臺灣多元豐富的文化內涵。
社Cb-Ⅲ-1 不同時期臺灣、世界的重要事件與人物，影響臺灣的歷史變遷。
核心素養 綜-E-C1 關懷生態環境與 周遭人事物，體驗 服 務 歷 程 與 樂 趣，理解並遵守道 德規範，培養公民 意識。
議題融入 環境、多元文化、戶外教育
其他領域連結 自然與生活科技：認識昆蟲(四)、認識植物(五)
社會：認識家鄉(四)、台灣近代史(五)
教學活動 課程總覽
    「Fun遊台北城」為永安國小校定課程，此課程主旨在促使學生以小組分工合作學習的方式，經由多種管道查找台北各行政區景點資料，自主安排踏查行程後再實地踏查景點，藉此認識自己家鄉—台北的各區景點，並在與同學的報告分享過程中增進對家鄉的了解，以期觸發學生愛鄉愛土的人親土親之情誼。
    「Fun遊台北城」共14節(課程規畫總表列於附錄欄)，課程中第1、2節為「永安調查局—大直謎案」，將搭配使用Makar的VR專案作為教學輔具。教師將利用Makar的VR專案，將大直地區的景點分為在地文化、自然景觀、歷史古蹟等三個面向，根據介紹的景點設計實境解謎遊戲，讓學生在分組操作VR專案學習大直景點相關知識時，配合實境解謎手冊解謎，讓學生在遊戲的過程中，自然而然認識永安國小所在的大直區的地方特色。
    本欄將針對使用Makar的第1、2節次教學活動列出教案。
 
教材類型 □ Augmented Reality(AR)擴增實境
支援載具：□手機、平板 □ EPSON AR智慧眼鏡
AR應用類型：□ 圖形辨識 □陀螺儀
■ Virtual reality(VR)虛擬實境
支援載具：■手機、平板
□ Mixed Reality(MR)混合實境(ARkit/ARCore)
支援載具：□手機、平板 □ APAL 5G MR 混合實境智慧眼鏡
參考資料 台北市永安國小校定課程「Fun遊台北城」
台北市文化資產查詢平台 https://reurl.cc/qZrY5E
實地踏查
地方耆老口述
 
 


 
教學活動設計
 
學習目標 教學內容 時間 評量方式 資源與器材
･學生能知道台北市有哪些行政區
･學生能舉例說出台北市的著名景點，並知道此景點位在哪一行政區
･學生能歸納出各行政區可能的特色
 
 
･學生能使用VR專案認識大直地區的在地文化、自然景觀與歷史古蹟等三個面向的知識
･學生能體驗到經由互動謎題的設計，學習也可以遊戲化
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
･學生能知道深究台北市各行政區時需包含在地文化、自然景觀、歷史古蹟等三個面向
･學生能小組討論出本組希望深究的台北市行政區
･學生能完成資料蒐集工作分配單
 
 
 
 
 
準備活動—快問快答之猜猜我是誰
(認識台北行政區)
 
遊戲規則：
教師播放台北市著名景點(如：台北101、龍山寺)的照片集錦，讓學生搶答此景點的名字，與此景點是位於台北市的哪一個行政區
教師將台北市各著名景點歸納於台北市行政區分區圖上，再歸納出各區可能哪種特色景點較多
 
學習重點：
教師藉此快問快答遊戲連結學生舊經驗，使學生回想起曾經聽過或曾經遊玩過的台北市著名景點或建築物，再回想起這些景點或建築物各分別位在台北市的哪一個行政區。
經由教師引導，使學生能從遊戲中學習到台北市共有12個行政區，並進一步由剛剛的遊戲歸納出各行政區可能的特色為何(如：歷史古蹟眾多、自然景觀豐富等)
 
 
發展活動—搶救小安大作戰
(VR實境解謎認識大直)
 
故事背景：
小安在學習大直地區的著名景點相關知識時，因為被景點深深吸引，不小心陷入時空漩渦走不出來，需要小永從大直區各著名景點蒐集線索，找出回歸咒語協助他回到永安國小。
 
學生角色：
扮演小安的好朋友小永，為了救出小安，要使用已裝載「搶救小安大作戰」VR實境解謎專案的iPad，搭配實境解謎手冊裡的魔法卡牌、遊戲單與謎題單，觀察VR中的線索，討論出謎題單的答案並完成實境解謎遊戲單。
 
學習重點：
學生在操作實境解謎遊戲的過程中，能深入了解大直區的在地文化、自然景觀、歷史古蹟等三個面向的地方特色景點。並能體驗到經由互動的設計，解謎遊戲中也可以學習知識，學習也可以遊戲化。
 
遊戲規則：
遊戲時間40分鐘，學生操作已裝載「搶救小安大作戰」VR實境解謎專案的iPad，搭配實境解謎手冊裡的魔法卡牌、遊戲單與謎題單，觀察VR中的線索，討論出謎題單的答案並完成實境解謎遊戲單。
遊戲中共有3次求救機會，當經過第一個10分鐘時，如果學生尚未解答完前兩題，可以請求老師提供前兩題的額外提示，以此類推。
當學生解完謎題單的所有題目，根據謎題單的答案完成遊戲卡，帶著遊戲卡到老師處喊出通關咒語，即可成功救出小安。
 
活動流程：


 
 
綜合活動—台北小博士
(台北行政區選擇)
 
歸納課程知識：
教師引導學生根據「快問快答之猜猜我是誰」遊戲台北市有哪些行政區，各行政區可能的景點特色為何。
教師引導學生根據「搶救小安大作戰」遊戲過程歸納出深究台北市各行政區時需包含在地文化、自然景觀、歷史古蹟等三個面向。
教師引導學生根據「搶救小安大作戰」遊戲過程思考出當介紹景點知識時，可以設計相關的題目與台下同學互動，增加趣味性也可以加深知識學習的印象。
 
決定行政區：
學生分組討論本組希望深究台北市的哪一個行政區
 
完成資料蒐集工作分配單：
小組利用iPad進行本行政區景點的初步搜尋，經過小組討論之後，分在地文化、自然景觀、歷史古蹟等三個面向進行資料深入蒐集的分工，並完成資料蒐集工作分配單。
 
 15分鐘
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
40分鐘
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5分鐘
 
 
 
 
 
 
 
 
 
5分鐘
 
 
15分鐘
 		 課堂參與
 
小組搶答
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
實作評量
 
實境解謎學習單
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
聆聽態度
 
 
 
 
 
 
 
 
 
 
小組討論
 
 
資料蒐集工作分配
學習單
 		 台北地標景點照片集PPT
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
搶救小安大作戰故事背景PPT
iPad
實境解謎手冊(含魔法卡牌、遊戲單與謎題單)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
資料蒐集工作分配
學習單
 
 
 


➣ 設計架構：

 








 

▎設計者介紹
 

陳盈如

永安國小

108新課綱素養深學習 x 小學生公益行動教育論壇講師

DFC台灣(Design For Change Taiwan)DFC種子教師

XR相關課程實施經歷3年，產出課程5件

Makar軟體操作經驗1年

台北市AI教學工作坊徵件特優、佳作

台北市探索新興科技計畫衛星學校執行

 

陳佩萱

永安國小

XR相關課程實施經歷3年，產出課程3件

Makar軟體操作經驗1年

台北市AI教學工作坊徵件特優、佳作

台北市探索新興科技計畫衛星學校執行

台北市元宇宙種作坊工作坊參與經驗

 

李忠晉

永安國小

XR相關課程實施經歷3年，產出課程3件

Makar軟體操作經驗1年

台北市AI教學工作坊徵件特優、佳作

台北市探索新興科技計畫衛星學校執行

台北市元宇宙種作坊工作坊參與經驗

 
➣ 「永安特工隊-永安調查局-大直謎案」教案下載

⑤ 藝票玩到底：失藝調查

▎成果影片

 

▎設計理念
 

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

 
▎遊戲介紹
 

 
➣ 遊戲名稱：失藝調查
 
➣ 教學規劃：
 

 

教學單元一

單元名稱

遊戲設計

教學時數

4

單元學習目標

認識臺灣女性藝術家

學習情境與引發動機

 思考我們比較熟悉的台灣藝術家，是否很少為女性

教師備課／學生課前自學資源

 國家文化記憶庫

單元課後學習

 國家文化記憶庫

學習活動設計

學習目標

 解謎遊戲設計

學習歷程

蒐集資料－統整－轉換謎題－道具製作

學生評量

表現工具

謎題設計單、解謎包初版

教師思考與策略

遊戲教學
 

教學單元二

單元名稱

遊戲推廣

教學時數

2

單元學習目標

透過遊戲推廣，討論性別平權議題。

學習情境與引發動機

 解開「失藝調查」的謎題

教師備課／學生課前自學資源

 國家文化記憶庫

單元課後學習

 國家文化記憶庫

學習活動設計

學習目標

 思考性別平權議題

學習歷程

解開謎題－反思－創作。

學生評量

表現工具

解謎本成品（含房間平面圖卡）
 

教師思考與策略

遊戲式教學
 
➣ 設計架構：

 
▎關卡流程
 

 

 

 

 



▎學習卡規畫



 
▎設計者介紹
 

劉宛純

桃園市山豐國小

● 曾於印尼任教三年

●2018小學生公益競賽佳作

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

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

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

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

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



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

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

▎成果影片
 

 
▎設計理念
 

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

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

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

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

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

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

四、雙語融入

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

 
▎遊戲介紹
 

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

➣ 教學規劃：

 

ＸＲ課程計畫與說明

課程名稱 「議」響世界
大直永續未來島		 合作夥伴 臺北市立大直高級中學、
臺北藝術大學
擴增實境融入課程
設計理念		 一、以「美感素養」解決生活問題：
運用數位科技結合美感素養，發現、定義與解決問題。
二、運用「設計思考」跨域整合：
    運用「設計思考」從覺察感知、構思策略到問題解決、行動實踐，共構「大直永續未來島」。
三、以「學生」為學習主體：
    讓學生透過覺察省思、行動實踐，深刻感受自己也能發揮影響力，改變學習情境、實踐美力，促使學生美感素養之內化與轉化，奠立公民美感素養。
四、雙語融入
因應雙語教學與國際議題，期盼後疫情時代透過科技與藝術，讓學生具備世界觀也成就未來的世界公民。
 
課程目標		 學生能了解虛擬實境的感受與製作原理

在混合真實與虛擬的空間中，增進學生對世界議題、大直社區文化認識

透過混合實境，提升學生自我探索與創造想像力
學習進度
週次/節數		 單元/子題 單元內容及學習活動 設備使用
第一週/1節 第一單元
體驗虛擬世界
  1. 體驗MR未來島嶼（了解台灣瀕臨絕種的動物）
  2. 校園動植物導覽AR+VR相關素材
  1. 平板
  2. VR頭盔
  3. 電腦
第二週/1節 第二單元
世界萬花筒1
  1. 體驗MR世界萬花筒（了解台灣瀕臨絕種的動物）
  2. 分組認識SDGs─永續世界議題
  3. 暢遊SDGs 美術館
  4. 校園踏查資料收集、心智圖描繪
  1. VR頭盔
  2. 平板
  3. 電腦
第三週/1節 第二單元
世界萬花筒2
  1. 校園ＭR素材收集與繪製
  2. 校園腳本創作與中英文撰寫
 1.平板
2.電腦
第四週/1節 第三單元
大直永續未來島1
  1. 電腦繪圖大直未來島
  2. 社區物件改造與建置
  3. 物件立體模型草圖創作與掃描
 1.VR頭盔
2.電腦
3.360相機
第五週/1節 第三單元
大直永續未來島2		 1. 立體模型素材加工
2. 情境素材收集與製作		 1.VR頭盔
2.電腦
第六週/1節 第四單元
大直未來島策展
  1. 分組ＭR聲音採集與錄製
  2. 立體模型完成
  3. MR 素材編輯
 1. 平板
2.電腦
第  週 大直未來島策展
  1. SDGs 美術館策展情境製作
  2. 遊戲設計
  3. MR 素材編輯
  1. 平板
  2. 電腦
  3. VR頭盔
第  週 藝遊大直
  1. 大直校園實境解謎與實境闖關（AR,VR,MR混合）
  2. 國際交流（日本與韓國姐妹校）
  3. 學習單完成與作品呈現。
  1. 平板
  2. 電腦
  3. 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：跟著馬偕爺爺遊淡水

▎成果影片




 

▎設計理念
 


 

▎遊戲說明

 
➣ 遊戲名稱：跟著馬偕爺爺遊淡水
➣ 劇情大綱：參與者將從探索的過程當中，增加對於在地文化的認識，讓認識淡水歷史景點的過程不再無趣生硬。遊戲將帶領參與者走訪淡水以「清法戰爭」及「馬偕」為主題的九個重要歷史地點，以了解這兩大主線的故事，以及與在地文化的相關性，使遊戲參與者在遊戲的過程當中，提升對於淡水在地文化的認識。
➣ 體驗方式：本遊戲以個人為單位，透過以選擇題為主，影片、集點卡為輔，共有9個關卡，分別為清法戰爭支線與馬偕支線，清法戰爭支線由淡水龍山寺、淡水清水巖、淡水福佑宮、小白宮與紅毛城構成，馬偕支線由馬偕銅像、馬偕上岸處、滬尾偕醫館與淡水禮拜堂構成，遊戲參與者將前往淡水的九個歷史古蹟景點，透過掃描辨識圖開啟答題活動，讓他們在遊玩過程中對於淡水歷史景點之文化與發展有更進一步的認識。
 
➣ 設計架構：
 

 

▎預期效益

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

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

 

▎關卡流程

 

 

 


 

 

 

 

▎設計者介紹

 

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

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


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

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

▎成果影片

 

 

 


▎設計理念

 

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

 

▎遊戲說明

 

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

➣ 劇情大綱：故事的概覽是關於附近的北溝故宮文物典藏山洞，曾為放置故宮國寶的地方，然而卻在一次的意外中遺失了國寶。學生將扮演冒險者，在朝陽境內尋找失落的寶物，並在當中發現了令人意外的…。

➣ 體驗方式：學生使用行動裝置下載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模型與卷軸

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

 
 

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

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

 

▎成果影片
 

 

 

▎設計理念

 

 

▎遊戲介紹

 

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

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

➣ 體驗方式：

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

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

A.  遊戲進行前須準備：

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

B.  操作方法：

(1)   開啟MAKAR → 打開專案

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

 

➣ 設計架構：

 

 

▎關卡流程

 

遊戲進度

手冊畫面

內容說明

圖示

遊戲背景

搜查紀錄封面

手冊封面

目錄

遊戲流程大綱

劇情

案件發生背景介紹

開始搜查

嫌疑人審問

我們會放上嫌疑人或證人的大頭貼，玩家掃描後會出現與此人物相關的問句與線索，點擊後會出現檢察官與該人物的對話框，讓玩家有像是真的在審問人物的感覺。

嫌疑人房間搜查

在進入搜查前，我們會呈現嫌疑人的房間或搜查地點等圖片，引領玩家開啟新的遊戲空間。

我們會以房間俯視圖的方式呈現嫌疑人的房間構造及相關證物，玩家掃描後會出現證物圖片及說明欄，解鎖線索訊息。

遊戲結束

調查報告

公布真相前，我們會以搜查報告的方式問玩家「兇手」、「殺人動機」、「人物關係」等問題與玩家作互動，並給予分數。（一題10分，滿分100分）

真相大白

案發當天的經過

尾聲-

故事結局

我們會讓玩家們再次點擊遊戲地圖中各人物的所屬空間，了解他們在此次案件結束後的結局及展開的新生活。

推理能力測驗結果

尾聲後我們將會把「調查報告」的分數結果與評語給玩家

角色探討

我們會在此頁面對遊戲中的角色做分析及探討，讓玩家可以更了解每個角色背後的故事。

後記

我們會在最後向玩家們分享我們的創作理念以及我們創作故事的心路歷程。

封底

手冊封底

 


 

▎設計者介紹


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

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

▎成果影片

 

 

 

▎設計理念

 

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

 

▎遊戲介紹

 

 

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

➣ 劇情大綱＋體驗方式：

 

 

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

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

 

➣ 設計架構：

 

 

▎關卡流程

 

1. 主目錄

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

    ⇒製茶過程

    ⇒競賽

    ⇒茶文化圖鑑

 

2. 製茶過程

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

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

 

3. 競賽

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

　　⇒第一關: 採收茶菁

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

　　⇒第二關: 殺菁

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

　　⇒第三關: 烘焙

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

 

4. 茶文化圖鑑

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

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

 

▎設計者介紹

 

吳Ｏ賢

國立臺北科技大學

獨立企劃及開發

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

 

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

▎成果影片

 

 

▎設計理念

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

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

l   環境中特有的景象

l   地形雨量圖介紹

l   地理環境介紹

l   問答環節

l   台灣獨特的生物與氣候

 

▎遊戲介紹

 

 

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

 

➣ 設計架構：

 

▎關卡流程

 

1.　互動流程圖

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

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



 

 

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

點擊小恐龍來進行問答：

 

▎預期效益

 

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

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

 

▎學習卡規劃

 



 

▎設計者介紹

 

 

塗Ｏ鈞

亞洲大學

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

 

 

李Ｏ睿

亞洲大學

文件製作與比例調整

 

 

謝Ｏ璇

亞洲大學

邏輯設計與美術編排

 

 

陳政煥

指導教授



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

⑫ 白水木小隊：白鹿傳說

▎成果影片

 

 

▎設計理念

 

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

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

 

▎遊戲介紹

 

➣ 遊戲名稱：白鹿傳說

 

➣ 劇情大綱：

 

　　　故事設計——逐鹿傳說：

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

 

➣ 設計架構：

 

 

➣ 設計手稿：

 


 

▎關卡流程

 

●   玩家扮演邵族的獵人

 

●   邵族傳統武器介紹

 

●   邵族傳統家屋介紹

 

●   於八通關古道進行狩獵

 

●   巧遇白鹿

 

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

 

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



 

▎預期效益

 

➣ 教育場域：

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

 

➣ 文創、娛樂領域：

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

 

▎設計者介紹

 

林Ｏ凡

國立臺北科技大學

概念構想、互動設計

 

白Ｏ廷

國立臺北科技大學

腳本設計、互動設計

 

韓秉軒

指導老師


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

 

⑬ 汪檍：CLASSMATES

▎成果影片


 

 

▎設計理念

 


 

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

 


 

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

 


 

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

 

▎遊戲簡介

 

 

➣ 遊戲名稱：CLASSMATES

 

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

 

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

 

➣ 設計架構：

 

 

➣ 場景示意圖：

 

場景空間示意圖

空間說明

九年信班後半部的教室空間區域，有班級書櫃、私人置物櫃及班級佈告欄。

九年信班教室空間前半部，有導師桌及六位同學的位置。

陳莫的房間，完成教室空間的任務後，便可以移動至陳莫的房間。


 

▎關卡流程

 


 

 

 



 

▎設計者介紹

 

 

汪檍

 

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

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

 

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

 

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

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

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


➣ 「汪檍-CLASSMATES」教案下載

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

▎成果影片


 

▎作品介紹

 

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

 

➣ 作品特色：

 

  • 傳承傳統文化

  • 認識新興科技

  • 結合SDGs目標

  • 使用密室逃脫模式

 

➣ 作品設計與操作：

 

 

➣ 作品目標：

 

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

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

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

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

➣ 未來發展：


 
 

▎設計者介紹

 

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

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

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

② 北一女中：星途之謎

▎成果影片




 

▎作品介紹

 

➣ 作品名稱：星途之謎

 

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

 

➣ 作品流程圖：

 

➣ 作品設計與操作：

 

 

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


➣ 未來發展：

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

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

 

▎設計者介紹

 

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

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

▎成果影片

 

 

▎作品介紹

 

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

 

➣ 作品特色：

 

創作理念

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

 

故事設計

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

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

車站、林班道等……。

 

使用情境描述

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


➣ 作品流程圖：



 

➣ 作品設計與操作：

 

 

➣ 作品目標：

 

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

2. 事先規劃旅遊行程

3. 置放在車埕遊客中心


➣ 未來發展：

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

▎設計者介紹

 

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

➣ 隊伍名稱：數位小天才  

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

➣ 指導老師：陳泓曄、高抬主

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

▎成果影片

 

 

▎作品介紹

 

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

 

➣ 作品特色：

 

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

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

 

➣ 作品設計與操作：

 

 

➣ 作品目標：

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

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

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

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

 

▎設計者介紹

 

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

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

▎成果影片

 

 

▎作品介紹

 

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

 

➣ 作品特色：

 

 



➣ 作品流程圖：

 

 

➣ 作品設計與操作：

 


 

 

 

 

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

➣ 未來發展：


 

 

▎設計者介紹

 

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


 

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

▎成果影片

 

 

▎作品介紹

 

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

 

➣ 作品特色：

 

 

➣ 作品流程圖：

 

 

➣ 作品目標：

 



➣ 未來發展：



 

▎設計者介紹

 

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

⑦ AcTion：幸福平安

▎成果影片

 

 

▎作品介紹

 

➣ 作品名稱：幸福平安

 

➣ 作品特色：

 

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

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

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

 

➣ 作品流程圖：

 

 

➣ 作品設計與操作：

 

 

➣ 作品目標：

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


➣ 未來發展：

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

▎設計者介紹

 

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

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

▎成果影片

 

 

▎作品介紹

 

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

 

➣ 作品特色：

 

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

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

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

 

➣ 作品流程圖：

 

 

➣ 作品目標：
 

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

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

3.自由變換的公園

 

▎設計者介紹

 

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

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

  • 2022-11-18
  • by
本篇教學已融入MAKAR Blockly進行專案製作，其中應用積木包含：轉變、動作、控制、事件、變數與陣列等。設定變數防止同時點擊觸發物件發生，並設置可見度關閉所有物件後出現籤筒，點擊籤筒後透過陣列出現隨機整數獲得結果。
 
  1. 啟動PPT素材，編輯貼圖文件後輸出JPG

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

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



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

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

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

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

 
  1. 開啟邏輯工具

 
  1. 設定基礎物件可見度

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



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


 

 
  1. 設定長頸鹿出現籤筒與籤詩前的動作
    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」積木後方。

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

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

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

 

MAKAR 邏輯編輯器-教學影片

  • 2022-11-03
  • by

Blockly概念-01基礎轉變概念



Blockly概念-02基礎轉變概念




Blockly概念-03基礎轉變概念




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




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




 

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




 

MAKAR Blockly線下課程




 

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

玩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.　點選右上角 > 發佈專案

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

設定方塊碰撞後文字轉變

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





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



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






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



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



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



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




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

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



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



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



 

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

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







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




（一）先設定各個方塊會發生的事情
1.　拉出並設定「在1秒內旋轉形狀物件01，順時鐘，角度360圍繞半徑2公尺」。





2.　複製同樣的控制項，但將它設定「在1秒內旋轉形狀物件02，逆時鐘，角度360圍繞半徑2公尺」。







（二）再設定點擊觸發
1. 拉出並設定「點擊形狀物件01，執行…」，會執行「在1秒內旋轉形狀物件01，順時鐘，角度360圍繞半徑2公尺」。





（三）再設定碰撞觸發
1. 拉出並設定「當形狀物件01與形狀物件02產生碰撞，發生…」，會發生「在1秒內旋轉形狀物件02，逆時鐘，角度360圍繞半徑2公尺」。







※　若想要重複物件碰撞的話，拉出「重複在1秒內旋轉形狀物件01，順時針，圍繞半徑2公尺」並放在點擊觸發的控制向下。


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

  • 2022-10-11
  • by

【移動方法一】

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
1.　從左側的素材庫中，將「Text」拉至中間，新增文字。





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





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





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







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





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









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








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

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

  • 2022-10-07
  • by

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

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

2. 取得專案連結 

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

同學Ａ(綠島)：https://is.gd/WdjCSk
同學Ｂ(月相)：https://is.gd/zj1Rg5


3. 建立新專案(整合專案的製作)
左上角點選「建立新專案」。


 

4. 選擇空間辨識專案
選擇「空間辨識」，設定專案名稱，點選「確認」進入專案。
 


 

5. 匯入素材
素材下載連結：

a. 本教學以球型立體模型作為觸發點，綠島專案以自製環景球(使用環景貼圖為：https://goo.gl/maps/epfZf1cypG91sBK86 by Larry萊利)；月相專案以MAKAR素材庫提供的月球模型）



b. 圖卡素材，使用簡報軟體PowerPoint製作輸出而成。

c. 將3D模型擺入中間場景，場景地板有比例尺，模型大小設定大約直徑10公分，以便於快速在桌面上展示，若需要展示於更大的情境中(例如：讓真人能夠站在畫面中)，再把模型尺寸放大。

d. ​模型功能設定
點擊球型模型出現圖卡：新增功能🡪顯示圖片🡪選擇對應圖卡
點擊圖卡跳轉VR專案：新增功能🡪開啟網頁🡪貼入專案連結
 



本教材的專案連結
同學Ａ(綠島)：https://is.gd/WdjCSk
同學Ｂ(月相)：https://is.gd/zj1Rg5

e. 2D蓋成3D
在立體環境中，2D圖卡只能在特定角度看到全部資訊，因此為了讓水平四個角度都能看到完整資訊，可以將圖卡蓋成方形，仿造成3D的模型。


f. 防止物件被移動可以關閉「可操作」的功能
​關閉操作功能不影響其他觸發功能（例如：開啟網頁連結、邏輯功能等），只是防止被使用者不小心移動。


g. 模型完成


如何體驗

拿起手機，輸入ID並掃描辨識圖就能進行體驗囉!
1. 安裝MAKAR APP
2. 掃描QR code或搜尋ID: class06進入專案

3. 點擊「合作學習」專案啟動，點擊「開始體驗」對準平面。

示意圖
 
 

4. 注意事項
a. 目前專案串聯的功能只支援IOS系統，在Android系統中尚未提供此服務。



b. 專案串聯支援

  1. 帳號：相同帳號專案、不同帳號專案

  2. 專案類型：AR(圖像辨識)、AR(空間辨識)、VR彼此皆能串聯


 

 

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

在這數位內容的時代，如何應用多元化的軟體結合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實境教育創意大賞競賽懶人包


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減面教學）。
 

北科互動所-5-泡麵三分鐘











​

 

北科互動所-2-moe moe chu







​










​

北科互動所-1-皮卡丘


​







​
 

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

課程師資：蔡雅雯

開課單位：臺北市立永春高級中學

課程簡介：了解傳統節慶活動，並結合科技將節慶活動呈現，運用新科技將節慶活動能永續發展。

課程流程：

（１）、繪製3D天燈圖示
（２）、建置MR虛擬天燈
（３）、設定天燈起飛按鈕
（４）、發布MR天燈許願世界

研習附件：元宵天燈許願池，MR虛擬世界任你放.pdf 
 

精選AR圖像辨識

《MAKAR》是一個跨平台的AR瀏覽器
將開發者所製作的AR內容疊加於現實空間中，為這個世界添加更多有趣的訊息。

隨掃隨看
探索來自全球的AR/VR作品，體驗全球各地頂尖創作者的創意。

 
立即下載MAKAR 瀏覽器
立即開始使用，體驗全球創作
 

 
 
1.開啟APP並允許啟動攝影機
2.切換精選頁面

3.本次體驗以AR體驗為主，可滑動頁面觀看或選擇專案
4.選擇AR日本文物專案 並 按下 開始體驗
5.進入AR攝影機並掃瞄辨識圖啟動AR
小知識：圖像辨識為啟動AR之功能，啟動後AR元素將會追蹤辨識圖，稱為圖像追蹤技術。

 


一起來體驗吧！

 
AR日本文物



AR英語圖卡


AR刮刮卡


AR北門小知識學習


AR梵谷畫展影片 

 





 



 

MAKAR製作AR語言學習卡片



快來看看如何以簡單的方式創建有趣的AR語言學習卡吧！MAKAR提供非常簡易的工具讓您做出自己專屬的AR學習卡，讓學習變得有趣!

AR立體恐龍餅乾教學



你相信嗎？原來AR可以吃！

用糯米紙印刷出來的貼紙，黏在好吃的餅乾上面，再添加AR的功能，把恐龍給呼叫出來！點了恐龍還會有叫聲！
哇～這麼有趣的課程怎麼可以錯過？

課程大綱
課程時間：建議2節課的時間，可安排在電腦教室
準備物品：剪刀、平板電腦、餅乾
課程素材下載

  • 安裝MAKAR (下載連結 )

  • 登入GOOGLE帳號
  • 上傳糯米紙辨識圖

  • 下載恐龍3D模型及配音

  • 剪裁糯米紙並黏貼至餅乾

  • 體驗、把餅乾吃掉
     



MAKAR 操作步驟

  1. 建立新專案
  2. 設定「專案名稱」並上傳「辨識圖」，按下「確認」
  3. 新增線上素材
  4. 搜尋「劍龍」，選擇下載。左側素材庫可以看到劍龍模型的縮圖
  5. 按住縮圖，將劍龍模型拖拉至畫面正中間，放開即可
    設定材質屬性為「無光-標準」
  6. 新增素材「音樂」，放入DinosaurMusic.mp3 
  7. 選擇劍龍模型，新增功能　＞　播放音樂
  8. 選擇剛剛上傳的DinosaurMusic .mp3檔案，按下確認
  9. 可以在場景物件看到已經有音樂就代表設定成功，按一下右上角，發布專案
​

如何體驗？
拿起手機，輸入ID就並掃描辨識圖進行體驗囉!

  1. 安裝MAKAR APP
  2. ​點擊連結啟動 / 或是掃描QRcode進入專案

  3. 掃描辨識圖

  4. 一起體驗AR吧！

AR圖像辨識-英文字卡

1.開啟APP並允許取用您的攝影機
2.點選搜尋，輸入MAKAR ID：animalabc
3.點選欲體驗其專案的作者


4.進入頁面後，點選欲體驗專案，本次以Giraffe為示範
5.點選開啟體驗
 
 
 
6.進入AR相機
7.待出現畫面後，掃描辨識圖啟動AR體驗
 
  
 


一起來體驗可愛的英文字卡吧！
 
 
 
 
 
Alpaca
 Alpaca


Cat
Cat

Dog
Dog

Giraffe
Giraffe

Whale
Whale


yes更多辨識圖可以在【此處】下載喔～
 

WebAR校園-南光國小84週年校慶運動嘉年華

▲109南光國小校慶運動嘉年華（圖/MAKAR官方)

 

今天是南光84週年校慶運動會，在這特別的一天，校方融入全新科技應用WebAR，帶領爸爸媽媽與孩子們一同融入新興科技的學習環境。

 

▲家長與孩子們都玩得不亦樂乎。（圖/MAKAR官方)

 

林取德校長表示，今年是南光國小八十四周年校慶，我們透過擴增實境的技術，讓小朋友可以利用虛擬的相框、他的作品，及校園的美景一起來合照，也歡迎家長一起來參與。家長在任何時間、地點都可以來拍照，不像以前實體的相框受到實體的限制，利用新興科技，我們可以解決以前很難解決的問題。另外這次活動中，小朋友也可以跟我們的熊古錐來一起合照，跟它進行互動，希望大家今天都能玩得很開心、愉快!

 

▲南投縣埔里鎮南光國民小學校長林取德。（圖/MAKAR官方)

 

南光國小亦為全臺首間融入「WebAR」新興科技的小學，而未來也將不斷努力提供孩子們最優質的學習環境與數位教材內容。

 

點擊下方連結，立即體驗南光WebAR 

AR拍照框 

AR熊古錐

AR南光校園 

※體驗說明：iOS支援Safari 、Android支援Chrome

 

Web AR 拍照框教學

快樂的新年來囉，MAKAR報報帶你創作並體驗WebAR拍照框～
 
這裡看步驟：
1. 選擇左上角　＞　建立新專案


2. 切換為空間辨識，命名專案名稱；上傳封面圖，可根據專案需求啟動WebAR方案。


3. 選擇左上角，切換至「2D編輯畫面」


4. 選擇左側，新增素材　＞　圖片。


5. 選擇希望上傳的圖片素材，按下開啟。


6. 將拍照框按住，拖拉至畫面中。


7. 按下右上角　＞　發布專案


點擊下方連結進行體驗

  • WebAR體驗，可使用網頁直接啟動體驗（不需安裝APP）

  • APP體驗．需啟動APP進入專案體驗(需安裝APP)

    免費素材點我

2D AR拍照框

本次教學MAKAR AR拍照框進行規劃，AR拍照框分別為圖像辨識及陀螺儀兩種製作教學說明。

方案一：圖像辨識 

建立新專案


命名專案，並設定專案封面及上傳辨識圖


選擇切換至2D模式


新增拍照框素材 > 圖片


選擇上傳圖片素材


上傳完成後　＞　選擇病拖拉至畫面中　，　按住右上角變形方塊拖拉縮小


縮小後，按住左鍵擺放位置


完成位置擺放後，按下右上角「發布專案」，並按下確認。


即可開啟APP並掃描辨識圖進行體驗 
開啟APP體驗連結 (需下載MAKAR APP)
AR辨識圖

 

方案二：陀螺儀AR拍照框
註:不需使用辨識圖,可使用APP或WebAR直接啟動

建立新專案，切換至「空間辨識」，並關閉AR Kit/Core


切換至2D模式


將素材拖拉至介面，縮小與擺放適合的位置


選擇右上角「發布專案」並按下確認



選擇專案　＞　設定更多

開啟網頁展示功能選項
註1：建立新專案時，可同步啟動。
註2：WebAR啟動需為正式專案版A,B,C方案
註3：亦可使用手機APP體驗方案


選擇專案 ＞ 設定更多 ＞　點擊網頁連結　


完成複製連結


體驗WebAR拍照框　啟動連結
體驗MAKAR APP AR拍照框 啟動連結
本篇教學素材下載傳送門

109年彰化平和AR畢業典禮



[✨] 畢業典禮 夢想起飛

彰化平和國小畢業典禮，期許大破大立夢想啟程，學校特別希望孩子能已最新科技AR來展現自己的畢業作品，學生們使用MAKAR編輯器做好的數位作品，可以使用MAKAR APP 掃QR CODE來觀看，將所有畢業生的數位作品展現在布告欄上mail，讓參加孩子畢業典禮的父母們也能體驗到科技AR，並且為孩子的科技學習感到欣慰，父母紛紛表示，很開心能與孩子一起體驗MAKAR編輯器製作AR所帶來的成就感及親子互動變得更加緊密。angel





彰化國小的畢業生不只自己製作，甚至擔任起講解人員，不慌不忙的講解，將如何使用MAKAR來觀看AR清清楚楚的講解以及拍成影片展現! 自發性及創意的表現給台灣教育帶來更多希望!heart


yesAR影展教學影片

 

"幫助"選單項目


1. 點擊左上角的"幫助"以展開選單


2. 常見問題

此處可檢閱在使用上經常碰到的問題，並可選擇對應的解決方案將自動導向至該項目的調整選項

 

3. 聯絡我們

若是碰上任何無法解決的問題或疑問，點擊將自動導向至官網的表單填寫區，填寫完成相應的欄位後點擊"送出"即可，我們將盡快提供協助

 

前瞻計畫ARVR教材開發重點


近年來因應數位化的學習，許多學校已經融入VR相關的硬體規劃，其中包含手機、平板、HTC VIVE(PC VR)、HTC Focus及EPSON AR…等，過去通常使用相關的現成AR/VR教材或內容，前瞻2.0許多單位大規模導入AR/VR硬體設備，卻苦無數位內容之開發平台，過去許多老師在製作數位教材都需要學習程式語言技術，需要花費大量的時間與成本，透過MAKAR進行數位教材的創建，並且於創建完成後，發佈到各個不同的行動載具中進行觀看。




行動載具分析表
在前瞻計畫中，相信已經有許多學校已經採購了大量的平板電腦及VR頭盔的行動載具，本圖表針對近年來許多學校已採購之硬體提出行動載具分析表，透過本分析表，能夠了解在硬體上的搭配與使用狀況。
行動載具分析表
型號 類型 外接 載具支援
部分教育雲教材支援		 MAKAR
支援
HTC Focus Pro PC-VR - VR 無
HTC Focus /  Focus Plus 一體機-VR - VR 支援
Oculus Quest 2 一體機-VR - VR 支援
XRSPACE 一體機-VR - VR 支援
Cardboard 手機VR 手機 VR 支援
EPSON
AR Glass		 AR眼鏡 有控制器
或攝影機		 AR/VR 支援
手機/平板 支援空間辨識 - AR/VR/MR 支援
手機/平板 陀螺儀 - AR/VR 支援
 
 
 
 教育雲ARVR教材表
因應前瞻基礎建設實施計畫，教育部數位教材支援表（以ARVR支援條列）
課程編號 課程名稱 行動載具 AR眼鏡 VR頭盔
智慧型手機 Android
手機		 平板電腦 Epson AR BT-40S HTC  FOCUS Oculus Acer VR VR頭盔(VICO)
108-A01 我的寵物是蝴蝶 V V V V - - V -
108-A02 探索水生生物世界的秘密 V V V V - - V -
108-A03 太陽與植物世界課程之AR教材 V V - V - - - -
108-A04 AR Bot V V - - - - - -
108-A05 翻轉教室YOUTUBER V V - V - - - -
108-A08 單軸經緯儀之主軸模型結合擴增實境於工程測量課程 V V - V - - - -
108-T01 虛擬天文教室二 V V V V V - V -
108-T02 飛閱臺灣體繪地形 V V V V - - V -
108-V01 酸鹼鹽之化學虛擬實境教材開發與教學 - - - - - - - -
108-V02 科學調查實驗室--神秘的摩電球 - - V - - - V -
108-V03 太陽系大發現日心月相星座 V V - - V - - -
108-V04 電腦硬體組裝虛擬實境教材開發 - - V - - - V -
108-V05 醫學人體排泄泌尿生殖系統與植物運輸系統之介紹 V V - - - - - -
108-V06 穿越時空學電子 - - - - V - - -
108-V07 VR工業配線實習 - - - - - - - -
108-V08 動物的循環系統VR探索之旅 - - - - - - - -
107-A01 台灣海岸環境變遷 V V V V - - V -
107-T01 百年好合萬金盟 V - - V V - - -
107-T02 國中理化第三冊之電池與電解 V V - V V - - -
107-T03 自然科學 - 植物課程 V V - V - - - V
107-T04 天文觀測 原名 : 科學科技虛擬一點通 - - - V V - - -
107-T05 虛擬天文教室二 V V - V V - - -
107-T06 生物的演化 V V - - V - - -
107-V00 電流電壓與歐姆定律 - - - - - -

5G新科技學習示範學校系列研習

課程師資：蔡雅雯

研習對象：教育局110年數位學習計畫-5G新興科技學習示範學校(英明國中、龍華國中、橋頭國小、四維國小、岡山國小、前金國小)優先錄取。

課程簡介：

MAKAR的VR工作坊，為期三天。
第一天 13:30-16:30
第二天 09:00-12:00
第三天 09:00-12:00

課程流程：
 
第一天 AR/VR/MR趨勢應用研討
實際案例體驗
學習單與教案解析
初探MAKAR工具之基礎VR專案學習
第二天 以月亮觀測為例進行實作
PPT素材製作與輸出
匯入素材至MAKAR進行VR製作
專案輸出並發布體驗專案
第三天 老師規畫自己的主題及教案
進行線上分組工作坊討論
針對老師的想法進行解答與探討實作可能性

研習附件：高雄市110年 5G新科技學習示範學校推動計畫系列研習.pdf

教師增能研習 XR實務應用(進階)

課程師資：蔡雅雯

課程單位：玉山科技中心

課程簡介：

1.進階VR製作
2.場景轉換與設定
3.VR問答製作
4.專案體驗與展示

課程流程：
 
時間 活動內容  備註
12:40-13:00 報到 玉山科技中心 線上研習
13:00-14:30 1.進階VR製作 米菲多媒體 助教:
2.場景轉換與設定 蔡雅雯老師 盧俊諺老師
14:30-14:40 中場休息 玉山科技中心
14:40-16:10 3.VR問答製作 米菲多媒體 助教:盧俊諺老師
4.專案體驗與展示 蔡雅雯老師
16:10 賦歸


研習附件：嘉義市玉山自造教育及科技中心 109 學年度 XR 實務應用（初階、進階）研習計畫.pdf

教師增能研習 XR實務應用(初階)

課程師資：蔡雅雯

開課單位：玉山科技中心

課程簡介：

1.AR/VR體驗
2.VR360拍攝方法
3.現場VR實際拍攝
4.VR腳本規劃
5.基礎VR實作

課程流程：
 
時間 活動內容  備註
8:40-9:00 報到 玉山科技中心 線上研習
9:00-10:30 1.AR/VR體驗
2.VR360拍攝方法 米菲多媒體 助教:盧俊諺老師
3.現場VR實際拍攝 蔡雅雯老師
10:30-10:40 中場休息 玉山科技中心
10:40-12:10 4.VR腳本規劃 米菲多媒體蔡雅雯老師
5.基礎VR實作 助教:盧俊諺老師
12:10 賦歸


研習附件：嘉義市玉山自造教育及科技中心 109 學年度 XR 實務應用（初階、進階）研習計畫.pdf

長榮大學－屏東公園解謎遊戲

  • 2021-07-17
  • by CJCU



VR實境設計實務應用課程


課程師資：蔡雅雯

開課單位：臺北市立內湖高級中學

課程簡介：新冠疫情延燒，居家辦公與遠距教學讓溝通與教學模式發生巨大的變化，遠距影音通訊成為新常態。雖著科技演進，AR/VR虛擬技術的基礎條件已達成熟，能提供更豐富的使用情境和良好的體驗，本次研習希望帶領師生體驗學習，為教育和學習帶來全新的視野和想像。

課程流程：
 
時間 活動內容 備註
09:00-10:00 AR/VR趨勢研討與體驗 線上研習
10:00-12:00 AR專案實作
AR腳本製作
AR素材輸出
AR英文字卡製作
發佈與體驗
13:00-16:00  VR基礎專案實作
VR腳本規劃與設計
VR素材輸出
VR校園導覽製作
VR場景建置
場景轉換與設定
專案體驗與展示


研習附件：1100716VR實境設計實務應用課程_公告.pdf
 

威力導演教材開發應用-AR與VR



課程師資：李燕秋

主辦單位：臺北市教師研習中心臺北教師 e 教材

課程目的：配合108課綱之推動，推廣擴增實境(AR)與虛擬實境(VR)運用於 教學現場之相關技術，以提升教師創新教學模式。

課程流程：
 
威力導演教材開發應用-AR 虛擬實境
天數 時間 課程內容  講座 
第一天 09:00-12:00
  • 認識 AR 及其應用之情境
  • 拍攝 AR 物件技巧
  • 威力導演編修 AR 影片注意事項
  • 製作感應圖
  • MAKAR 製作 AR 場景
 李燕秋老師
威力導演教材開發應用-VR 虛擬實境
天數 時間 課程內容 講座 
第二天 09:00-12:00
  • 介紹 VR 虛擬實境的概念
  • 認識360攝影機
  • 360影片編修-威力導演
  • 製作 VR 場景-Makar
  1. 匯入360物件
  2. 多場景串連
  3. 按鈕物件
  4. 匯出 VR 作品
 李燕秋老師

師大-搜尋monitor-AR互動繪本


『期待夢想，一路起飛』南投縣南光國小製作AR拍照框

2021年五月，突然升高的疫情、三級警戒實施，打亂全台灣人的日常生活，延長三級警戒時間除了大人們的擔憂疫情外，今年國小的畢業生也體驗首次線上畢業典禮。從小學畢業到中學，從兒童進入青少年，這是相當重要的里程碑，在教育部長宣布今年畢業典禮全部取消實體改為線上，這對孩子的衝擊不是大人們能想像的，每間國小無不想盡辦法讓今年畢業生能有難忘的畢業典禮。

南投縣南光國小的美術老師為本屆畢業生設計了 WebAR照相框。兩個可愛的飛行員面露笑容，期待地看著四周，信心十足地握著方向盤。南光國小字樣的飛機正式載著相處六年的畢業生們，飛向遠方囉！

△圖：南光國小提供

體驗方式： 
1. 使用手機，掃描上方圖片的QR
2. 進入專案後，南光國小專屬AR相框跳出！畢業生們，畢業快樂！
(by MAKAR x 米菲)

祝福不打烊！臺中市東陽國小製作Web AR 畢業生專屬拍照框

2021年五月，突然升高的疫情、三級警戒實施，打亂全台灣人的日常生活，延長三級警戒時間除了大人們的擔憂疫情外，今年國小的畢業生也體驗首次線上畢業典禮。從小學畢業到中學，從兒童進入青少年，這是相當重要的里程碑，在教育部長宣布今年畢業典禮全部取消實體改為線上，這對孩子的衝擊不是大人們能想像的，每間國小無不想盡辦法讓今年畢業生能有難忘的畢業典禮。

台中市東陽國民小學林益興主任笑著跟我們說：「我在學生畢業前還給他們出作業捏！」

所謂的出作業，原來是主任先製作了一個網路版AR相框，邀請學生在畢業典禮當天，掃描QR，使用「東陽國小字樣」的專屬相框自拍，為自己留下最珍貴的一刻。在科技素養的學習道路上，主任希望同學能加以應用新興科技工具，並且融入在生活之中。所以Web AR科技，不再只是課堂傳授的科技知識和教學而已，還可以真正落實在生活之中，成為日常生活，以及像是畢業典禮這樣的人生重大階段的小插曲！科技的加持下，相信東陽國小的畢業生們回憶起2021這麼特別的線上畢業典禮，就更加有趣啦！

(編編：我怎麼覺得是主任很開心地在幫自己出作業呢？)

△主任以自拍方式，示範東陽國小第37屆AR畢業典禮專屬相框如何使用（圖：林益興主任提供）


體驗方式： 
1. 使用手機，掃描圖片QR
2. 進入專案後，東陽國小專屬AR相框跳出！畢業生們，畢業快樂！

線上畢典不無聊！永安國小使用MAKAR 製作互動式AR相框合影留念

2021年五月，突然升高的疫情、三級警戒實施，打亂全台灣人的日常生活，延長三級警戒時間除了大人們的擔憂疫情外，今年國小的畢業生也體驗首次線上畢業典禮。從小學畢業到中學，從兒童進入青少年，這是相當重要的里程碑，在教育部長宣布今年畢業典禮全部取消實體改為線上，這對孩子的衝擊不是大人們能想像的，每間國小無不想盡辦法讓今年畢業生能有難忘的畢業典禮。

永安國小別出心裁，以直播的方式在6月17日晚間和畢業生與家長在線上舉行，直播對學小而言是一大挑戰，校長在直播現場給畢業班學生最真摯的祝福，此外在等待畢業典禮開始時，學校就以圖卡的方式呈現用手機掃描QR CODE就會出現校長AR相框，畢業班的學生可以在家和校長合影如同在實體現場一般，讓整個活動更有互動性，照片還可以上傳社群網站和大家一起分享畢業的喜悅。


 
MAKAR在6月推出線上互動畢業典禮大禮包的活動，受到許多學校的迴響與喜愛，永安國小資訊老師得知活動後除了積極與校方溝通外，同時用MAKAR XR編輯器開始試做多種版型提給校方選擇，校方也很有效率的通過在直播過程中加入互動AR相框增加學校和畢業生與家長之間的互動，過程中編編也和老師共同測試幾款AR相框，感受到老師與學校一起努力，給今年的畢業生難忘的線上互動經驗。

XR實務應用(初階)課程




開課單位：臺北市立南門國民中學

課程大綱：

本次課程以VR校園導覽行數位導覽學習製作，透過VR 360拍攝、VR腳本之規劃進行設計，並製作2D素材，完成素材製作後，導入MAKAR編輯軟體創作ARVR教案與設計內容，使老師們可自主編輯校園VR環境導覽，透過本次課程有效提升臺北市內VR校園普及化。

課程流程：

1.AR/VR體驗
2.VR360拍攝方法 
3.現場VR實際拍攝
4.VR腳本規劃
5.基礎VR實作
 

研習附件：前往臺北市教師在職研習網，選擇發布單位搜尋：臺北市立南門國民中學

 
 

 

XR實務應用(進階)課程

 

 

 

開課單位：臺北市立南門國民中學
 

課程大綱：
本次課程以VR校園導覽行數位導覽學習製作，透過VR 360拍攝、VR腳本之規劃進行設計，並製作2D素材，完成素材製作後，導入MAKAR編輯軟體創作ARVR教案與設計內容，使老師們可自主編輯校園VR環境導覽，透過本次課程有效提升臺北市內VR校園普及化。

 
課程流程：

1.進階VR製作

2.場景轉換與設定

3.VR問答製作

4.專案體驗與展示

 

研習附件：前往臺北市教師在職研習網，選擇發布單位搜尋：臺北市立南門國民中學

 

Web AR 刮刮卡教學

想知道數位刮刮卡怎麼製作嗎？
厲害教學看這裡！

步驟指示：
1. 選擇左上角　＞　建立新專案



2. 命名專案名稱；上傳辨識圖、封面圖，可根據專案需求啟動WebAR方案。


3. 選擇左上角，切換至「2D編輯畫面」


4. 選擇左側，新增素材　＞　圖片


5. 選擇希望上傳的圖片素材，按下開啟。


6. 完成上傳


7. 切換模組功能


8. 選擇刮刮卡模組，按住拖拉至畫面中


9. 選擇刮刮卡模組


10. 選擇刮除素材：Scratch card-1.png


11. 設置素材尺寸，設置素材。
位置設置：X:0　Y:0，說明：由於XY都為０，物件將在中間。
尺寸設置：X:720 Y:1080，說明：根據尺寸本身大小進行設置。


12. 選擇獎品圖像Scratch card-2.png


13. 刪除預設刮刮卡背景


14. 選擇素材,置入Scratch card-4 .png素材背景圖


15. 可根據需求設置得獎機率，
說明1：本專案只有一張圖片，因此機率等於100。
說明2：若有多個獎項，則可針對單一獎項設置獲獎機率。
說明3：下方可設定兌換密碼。


16. 按下右上角　＞　發布專案


點擊下方連結進行體驗
  • WebAR體驗，可使用網頁直接啟動體驗（不需安裝APP）
  • APP體驗．需啟動APP進入專案體驗 (需安裝APP)

免費素材點我





 

MR空間專案建立概念

MR空間辨識建立說明
1.建立MR專案
2.下載線上素材
3.基本操作說明
4.專案發布
5.體驗MR
手機支援說明
AR KIT (iOS)
AR CORE (Android)

【建立新專案】
1.左上角按下建立新專案

2.選擇AR標籤，切換至空間辨識，設定專案名稱與封面，完成後確認。

【下載線上素材】
1.點選＞新增素材＞線上素材

2.選擇下載所需素材，素材名稱:植物床A

【將素材放進畫面】
1.選擇素材 ＞ 拖拉至畫面中間

2.將素材拖拉進來後你可以在畫面上看到尺標

說明：小網格中的10cm等於現實生活尺寸10cm；一個大網格等於100cmX100cm

3.重複上述的動作，將其他素材放進來
4.透過移動、旋轉、縮放來調整物件大小，調整到適合的大小就可以了
5.設定好後，根據額外需求放進其他元素

【設定材質球】
在所有的素材中都可以在右邊介面調整它的材質 ＞ 標準 ＞ 無光標準

將所有素材都更改成「無光標準」，材質會呈現無光模式，更像卡通的風格

【建立群組】
1.框選所有物件後，按住Ctrl鍵點選樹木，反之再次點選擇為取消選取
2.將其他物件拖拉進樹裡，其他物件就會成為他的子物件


【專案發布】
點選右上角發布專案

可以設定公開或是私人

【如何體驗】
拿起手機，輸入ID並掃描辨識圖就能進行體驗囉!
1.安裝MAKAR App
2.​點擊連結啟動 / 或是掃描QRcode進入專案

3.掃描地板，看見白色後點擊屏幕啟動MR

4.一起體驗MR吧

"視窗"選單項目

點擊左上角的"視窗"以展開選單中的項目內容

[素材庫]

MAKAR支援多元化素材，因應市場上多媒體之訴求進行素材支援，詳見下表：

項目

說明

支援素材副檔名

影片支援

可上傳規格內的影片格式(單一檔案20MB以下)

.mp4 / youtube link(需無版權聲明狀態)

聲音支援

可上傳規格內的聲音格式(單一檔案5MB以下)

.mp3 / .wav / .ogg

2D圖像支援

可上傳規格內的圖像格式(單一檔案5MB以下)

.jpg / .png / .gif

3D檔案支援

支援3D模型檔案上傳與編輯(單一檔案10MB以下)

.fbx

1. 選擇"我的素材庫"將開啟素材庫的預設內容，這些素材皆屬於MAKAR內建之素材，可選擇新增素材，可新增所需之圖片、影片、3D模型、音樂及環景素材

2. 建議根據歸納整理需求進行新增資料夾，使用滑鼠左箭於新資料夾的檔名處兩下，即可針對資料夾進行重新命名




 

3. 當所需素材不足時，可開啟"線上素材庫"，根據需求選擇適合的線上素材進行下載與使用

 

4. 可透過下方選擇"下一頁"查找想要的素材，或點擊左上分類，按下下載，將匯入至"我的素材庫"並可立即使用。若欲檢視更多其他素材，可選擇切換至其他線上素材庫進行下載

 

5. 進入Sketchfab素材庫需使用帳號登入。選擇"立刻註冊"後，將跳轉至Sketchfab官網進行註冊流程，完成註冊後回到MAKAR，輸入註冊之帳號以完成登錄 (需確認同意用戶協議)

 

6. 點擊素材項目上的"眼睛"圖標可放大檢視素材內容，符合預期即可點擊"下載"；亦可不放大素材，直接選擇下載

 

˙7. 下載完成的素材，可於素材庫看見；若希望刪除多餘的素材可透過點擊右下角的垃圾桶，確認即可刪除

8. 可依據個人檢視需求切換成圖示選單(預設)或是條列式選單的顯示方式，或透過分類的方式選擇所需要預覽的素材，或透過搜尋的方式尋找所需要的素材名稱

 

[辨識圖]

辨識圖開啟辨識圖的管理介面，此介面可新增或刪除已上傳的辨識圖




 

  1. 辨識圖分為使用中及未使用

    • 使用中：為鎖定狀態，若需刪除或更換，需針對已成立之專案進行編輯。

    • 未使用：則為亮起狀態，可進行刪除或為更換之辨識。

 

"MAKAR"選單項目

1. 點擊左上角的"MAKAR"以展開選單中的項目內容

 

2. 點擊"關於"可以在畫面中央查看當前所安裝的MAKAR版本號

 

3. 偏好設定中包含"一般"、"使用者"、"圖像"以及"快捷鍵"，下面將逐一介紹

【一般】

 

可設定介面語言，MAKAR現階段支援繁體中文、英文、簡體中文、日文以及韓文

【使用者】

 

1. "物件生成位置"可設定物件生成時的位置

自由：可根據使用者拖拉位置進行物件生成的擺放，但維持在Z軸0

原點：使用拖拉後建立位置將在世界原點

 

 

2. "物件控制器"分別有基本、進階兩種選項，請依據使用需求進行調整

 

3. "VR專案預覽視角"可決定編輯VR專案時視角為第一人稱或第三人稱(詳見5-3-1)

 

4. 若可行請允許傳送錯誤報告給開發團隊，協助我們改善並優化MAKAR

 

【圖像】

 

1. 畫質選單可針對需求調整為高畫質、中畫質或低畫質

 

2. 高畫質下，可以透過不同的燈光看到陰影的變化並最大化細節

 

3. 低畫質下，將節省效能耗量並省略光影與細節

 

"解析度"選單中可針對需求調整所需要的解析度格式

 

"視窗"可調整應用程式介面為全螢幕模式或視窗化模式

 

 

1. 視窗：與一般視窗相同，可隨時縮小、放大，或關閉以登出

 

2. 全螢幕：將MAKAR的畫面放大至滿版，無法使用一般視窗功能。可透過左上角"MAKAR"中的"結束MAKAR"來關閉程式，亦可按下Windows鍵開啟下方工作列並右鍵點擊"關閉視窗"

 

【快捷鍵】

 

提供查詢快捷鍵列表。按鍵一針對Windows系統使用者，按鍵二則是針對iOS系統使用者

 

調整完成後按下"確定"，將套用新的偏好設定

 

若欲離開MAKAR，選擇"結束MAKAR"即可關閉應用程式    




 

問答模組教學

建立新專案,切換空間辨識(ArR Kit/Core可根據需求啟動)

切換功能模組 > 單擊問答 > 建立問答模組 

 

切換回素材庫 > 新增資料夾 > 上傳素材

 

連點兩下資料夾文字即可重新命名

雙擊資料擊縮圖 > 開啟資料夾

 

新增 > 圖片 > 選擇素材 > 按下開啟 

 

選擇問答模組 > 編輯內容

進入問答模組編輯畫面

 

左側為題庫，選擇新增題庫

說明：

  1. 題庫：可設定多組題庫，例如考古題100題。

  2. 排序方式：可設定考卷排序，例如從題庫100題放入20題成為考卷。

選擇+新增一個題庫後，開始編輯題庫內容

 

題目類型分別為：無、單選題及多選題

其中答案類型可設定為：文字選項或圖片選項

題目物件可分為：圖片、文字、影片、3D模型及音樂

 

 

選擇問答題資料夾

 

選擇要成為題目的圖片素材

 

顯示題目素材

 

空間辨識或陀螺儀之物件擺放說明：每一小網格為10cm、每一大網格為100cm

可根據需求去調整素材尺寸大小之比例，讓體驗更完成

 

調整圖片大小或位置（根據當前需求調整）

選項物件：因為前面選擇單選題時，已經設定為文字選項，因此僅能是文字選項。

預設為「Option」文字內容，可於內文處輸入文字進行修改

如圖所示：原為「Option」的文字編輯後為「我是答案4」

 

藍色填滿處為當題目的答案，請根據需求更換

選擇提示圖片，因未上傳素材，按下取消返回編輯頁上傳

 

新增 > 圖片




選擇問答模組 > 編輯內容

 

選擇題庫1(根據當前預設題庫需求)

選擇圖片提示縮圖 > 選擇所需圖片> 完成題庫建置

 

建置第二個題庫

 

使用多選題方式，並切換圖片選項為例

OK按鈕說明：因為為「多選題」使用者於創建時，可以設定多個答案，使用者於APP進行問答題時，選擇OK完成答題。

題目設定方法與前面所述相同，本案例新增圖片及文字為題目

題目物件可分為：圖片、文字、影片、3D模型及音樂

圖片答案選項分別為：LIINE,FB的icon

 

新增後可針對素材大小進行排放

物件選取說明：

  1. 淺色系底色物件為物件未選取狀態

  2. 深色系底色物件為物件選取狀態

 

因為多選題，可設定多個答案，使用者須全數選擇正確方可獲得答案。

完成題庫設定後，則需要建立「考卷」，切換至「排序方式」

選擇+建立考卷題庫，並可從右側欄位選擇置入的題庫編號

 

完成置入後，可將滑鼠移動至該題庫上方，顯示「眼睛」點擊後可觀看

 

若需重新編輯該題庫，請切換為「題庫」並選擇需編輯之題庫編號，點擊眼睛即可重新進入編輯畫面

 

完成編輯後，選擇左上返回編輯頁＞按下右上角發布專案即可


 

 

WebAR編輯器啟動方法

MAKAR專案編輯完成後，若需要啟動WebAR功能之方法如下：

1.將滑鼠移至專案處，出現圓圈三個點的按鈕，點即出現選單＞設定專案


2.勾選「開啟網頁展示」選項


3.將滑鼠移至專案處，出現圓圈三個點的按鈕，點即出現選單＞選擇「網頁連結」即可獲得WebAR體驗網址



4.獲得網址後，將跳出提示視窗，可於任一地區貼上(Ｃtrl+V或右鍵貼上)即可獲得網址


5.亦可將網址貼網QR CODE產生器即可產生體驗QR > http://qr.calm9.com/tw



6.目前WebAR/VR僅支援Chrome及Safari瀏覽器(有部分進階功能未支援，如：刮刮卡、集點活動、多層級互動、youtube影片..等）


說明：WebAR目前僅支援付費版本，如專業版A、專業版B、專業版C等方案

 

MAKAR APP AR專案體驗方法

AR辨識圖與特徵點基礎概念

 


講解MAKAR AR辨識圖的使用
1.新增辨識圖
2.刪除辨識圖

​-------------------
有許多人常常會提出一個疑問，為什麼AR不用使用QR CODE?跟QR CODE的差別在哪裡？

 

這個我們就要從QR CODE的故事開始說起了，QR 碼全稱為「快速響應矩陣圖碼」，是二維條碼的一種，
於1994年由日本DENSO WAVE公司發明。（如果想了解更多可參考維基百科）

QR碼的演變也是近年來逐漸融入生活化的一個重大改變，現在大部分的使用者只要看到QR碼都會知道我需要「打開QR掃描器」掃描後就會獲得相關訊息。
而在這幾年，各大手機品牌，包含APPLE、GOOGLE都開始將內建的攝影機增加了可以掃描QR碼的功能，這也提升了使用者在認識新科技的方便度。

關於圖像辨識的簡單概念如下，通常我們上傳辨識圖至AR辨識系統中，系統會自動判斷該圖像的辨識度是否可達成辨識功能。
若該圖像如左圖，沒有太多的複雜元素，僅有簡單的圓形與方形，那麼辨識度將可能為「無法辨識」；
若該圖像為右圖，有較複雜的設計元素與內容，那麼該辨識圖經過圖像辨識系統運算過後將會提供辨識度1-5顆星的結果。
而辨識圖的星星多寡，影響的是辨識速度與圖像追蹤率的穩定度。　

當辨識圖成功完成後，下圖即可看到該辨識圖的特徵點。相較於左圖，右圖的辨識度點與辨識度是相對來得較高的。

對於AR辨識圖的基礎說明觀念，你可以從圖像色階概念著手，若顏色偏淡(彩度明度較低)，亦會影響辨識率。
當然，在設計辨識圖上可以有幾個小技巧：
　

1.較為複雜化的圖形

2.顏色對比較高

3.圖像解析度建議為500px-1000px

4.圖像格式為RGB 72dpi

5.檔案格式為.JPEG

6.若沒有電子原始檔案，亦可使用掃描檔或手機翻拍使用。

7.辨識圖不局限於印刷品、電腦螢幕及手機螢幕顯示才可進行AR掃描。
　

延伸教學：AR辨識圖上傳失敗原因

AR辨識圖上傳失敗原因

大部分的平面DM通常都是以CMYK進行色彩設定，DPI150-300左右，請參考下圖。
若要成為MAKAR辨識圖，需修正為RBG並儲存為JPG格式，亦可參考辨識圖概念文章。


若發現格式不是所需要規格，可使用小畫家進行編輯
1.可開啟小畫家，選擇調整大小。


2.亦可選擇內容，觀看格式是否正確


3.檢查或上傳到MAKAR
（1）CMYK則未畫面中的?號圖示，需根據上述1.2進行修正並轉存為JPG，上傳即可解決。
（2）若為RGB則為正確。

AR刮刮卡模組


本篇教學主要說明MAKAR Editor內建的AR模組「刮刮卡」製作方式，其中包含素材準備與素材輸出方法，透過簡單的PPT工具，讓您輕鬆好上手！


您可在這邊下載本篇教學素材
其中包含已輸出之AR刮刮卡素材（.png）及辨識圖素材（.jpg）
並提供素材製作之PPT，方便老師們後續編輯修改使用。


課程內容將以PPT素材製做方法說明（小版為例）
1.開啟PPT進行素材編輯，可根據需求擺設相對的物件。
AR刮刮卡素材共分為背景圖、刮除圖、結果圖。

2.選擇結果圖素材分頁，可針對需求更換文字與圖片。


3.編輯完成後，請全選所有的素材元件。


4.選擇右鍵 ＞ 群組

5.選擇png格式（可攜帶式網路圖形）

6.完成素材輸出


TIPS：製做之素材可為jpg或png，辨識圖須統一為jpg格式。
匯入MAKAR與製作刮刮卡
1.建立新專案

2.上傳與選擇辨識圖

3.命名專案並確認

4.進入編輯畫面（預設為3D）,選擇左上角切換2D模式

5.選擇左邊欄位「功能模組」並將刮刮卡按住拖拉至右側編輯畫面

6.完成建立刮刮卡模組

7.選擇左側「場景物件」中的「Scratch card」，右側出現場景物件設定。

8.新增素材　＞　圖片　＞　上傳刮刮卡素材

9.上傳完成後，選擇右側場景物件設定：刮刮卡圖片＞選擇圖片

10.選擇相對的素材進入

11.選擇獎項旁的+可新增獎項，並選擇獎項圖進行更新。
　可針對每個獎項輸入獲得機率（共100%）

12.選擇右上角　＞　發佈專案

完成囉


關於刮刮卡兌獎常見Q&A

Q1:是否可以重複兌換?
A1:刮刮卡目前可記錄手機載具、登陸後帳號，使用者僅可兌換乙次。

Q2:使用者若將APP刪掉重新安裝後，還可以重複遊玩及兌換嗎？
A2:是的，當使用者刪除APP後代表資料應用程式所記錄的資料一併刪除，因此將可重新遊玩乙次。

Q3:若使用者登陸APP帳號，又刪除APP，還可以重複遊玩嗎？
A3:不行，因為已經紀錄了該使用者登錄帳號資訊，因此就算刪除APP資料也無法重複遊玩。

Q4:兌換時為什麼要輸入密碼？
A4:避免使用者誤觸，導致已完成兌換狀況。

Q5:一定要設定兌換密碼嗎？
A5:您可選擇不設定，但有可能發生Q4的問題。

Q6:我可以看到使用者遊玩的次數嗎？
A6:可以，專業版A以上方案都可以在數據資料庫查看遊玩數據。

Q7:我可以限制使用者遊玩次數嗎？
A7:參考Q1,Q2,Q3等。

Q8:我可以限制使用者獎品兌換次數嗎？
A8:由於系統未設定獎池功能，建議開發者自行掌控獎品數量，若已達兌換次數，則將該獲獎圖片進行刪除下架。

Q9如果商品兌換完畢怎麼辦？
A9:若已達兌換次數，則將該獲獎圖片進行刪除下架。

若以上方案無法解決您的需求，那麼您所需要的將是客製化服務，可與我們專人聯繫。
02-2568-2098
infomakar@miflydesign.com

AR空間辨識專案創建方法

【建立新專案】
1.左上角按下建立新專案

2.選擇AR標籤，切換至空間辨識，設定專案名稱與封面，完成後確認。
3.空間辨識專案無須辨識圖，但可以選擇是否開啟AR Kit/Core功能及GPS功能


說明:AR Kit/Core功能可以讓行動裝置偵測實體空間平面位置，透過掃描平面建立網格後進行定位，將虛擬資訊置放在現實空間，進而達到「混合實境(Mixed Reality，簡稱MR）」效果
關於支援資訊 ARkit/ARcore
【進入專案】
1.按下右下角的確認

2.將素材拖拉進來後可以在畫面上看到尺標，網格則為現實空間中的平面（地板）因此位置間的擺放也將影響最後體驗的成果顯示。

說明：小網格中的10cm等於現實生活尺寸10cm；一個大網格等於100cmX100cm

【如何體驗】
拿起手機，輸入ID並掃描辨識圖就能進行體驗囉!
1.安裝MAKAR APP
2.​點擊連結啟動 / 或是掃描QRcode進入專案

3.掃描地板，看見白色後點擊屏幕啟動MR


【手機啟動方式】
1.看到手機後，需要左右掃描地板
2.看見網格與黃點後，可點擊畫面建立空間辨識之虛擬物件（半透明的模型呈現為參考物於空間中的擺放位置）

3.物件因空間定位而在現實空間中的位置，使用者可以拿著手機在現實空間走動進行體驗，並且可使用「兩隻手指頭」同時按住進行調整單一物件位置。
說明：因為空間辨識是將物件定位在實體空間之平面，因此建議體驗時盡可能不要調整畫面位置，而是以「走動」形式進行體驗。

AR圖像辨識專案創建方法

【建立MAKAR專案】

1.左上角按下建立新專案

2.選擇AR標籤，設定專案名稱或封面，完成後確認。

3.上傳辨識圖後，於圖庫中點選辨識圖

 說明:辨識圖須為JPG格式

  

【進入專案】

1.按下右下角的確認

2.辨識圖會直接出現在畫面上



3.點選新增素材>線上素材

4.下載所需的素材

5.將下載的素材拖拉進畫面中

【發布專案】

1.點選右上角發布專案，選擇公開或預設

 

如何體驗

拿起手機，輸入ID並掃描辨識圖就能進行體驗囉!

  1. 安裝MAKAR App

  2. ​點擊連結啟動 / 或是掃描QRcode進入專案

  1. 進入AR相機

  2. 待出現畫面後，掃描辨識圖啟動AR體驗

更多體驗

 
 
 

MAKAR介紹影片

MAKAR 編輯器
MAKAR是一個開放式的AR/VR編輯平台，任何人與企業都可以使用
不需要程式編譯，開發者可以自由創建圖像，添加需要的元素。


多元AR功能模組

內建多種AR情境模組，如刮刮樂、集點卡..等等，任何產業都能輕鬆應用。

免費線上素材庫

免費提供超過600個3D模型素材，協助用戶快速完成創意，縮短開發時間。


即時預覽視窗

可透過即時預覽視窗功能，快速了解目前的製成品在裝置上呈現的效果。

北科互動所-4-舌尖上的美食













​
 

北科互動所-3-外方內圓

​
​
















​

北科互動所-6- AwesomeJelly超棒，果凍












​

北科互動所-7-Pocky Fortune Magic

















​

北科互動所-8-咖啡印花











​
 

北科互動所-9-餐廳AR互動加值與宣傳利用


















​

北科互動所-10-MAKARON















​
 

北科互動所-11-台南豆花




















​

北科互動所-12-今晚喝到這








​
 

北科互動所-13-食譜太郎







​

北科互動所-14-媽媽說

















​
 

北科互動所-15-幸運的旋轉壽司















​

北科互動所-16-拉麵溫感提醒









​
 

北科互動所-17-性蘊餅乾

















台中市立圖書館文創IP融入WebAR

 

為了帶給讀者有不一樣的閱讀體驗，台中市立圖書館沙鹿文昌分館與台灣知名漫畫家遊戲創作者劉明昆老師合作。
除了在二樓展出老師的作品，還融入AR擴增實境的應用，一起來看看laugh
本月文昌分館的書展邀請到現職弘光科技大學多媒體遊戲發展與應用系副教授劉明昆老師使用AR互動，
要帶給讀者一起踏上「少年的奇幻旅程」！

🧝🧙🧝‍♂
✋️AR互動Follow me！✋️
 

​⒈掃描 QR Code
⒉啟動WebAR
⒊允許啟動相機
⒋掃描卡片左側幻狐弗魯非
⒌成功召喚幻狐弗魯非

影片匯入方法

​
影 片 匯 入 方 法
►① Youtube匯入方法
►② MAKAR新增Youtube影片方法
►③ MP4上傳方法













① Youtube匯入方法

1. 建立Youtube影片時，須注意影片之權限


2. Youtube權限說明如下：
     (1) 可使用於MAKAR：公開
     (2) 不可使用於MAKAR：非公開、私人、公開且有版權申明
     (3) 版權申明參考，在Youtube的影片最下方，展開完整資訊及可查閱


 
 

② MAKAR新增Youtube影片方法

1. 新增素材＞影片＞Youtube





2. 點選連結處，使用Ctrl+V貼上連結(亦可輸入下方影片的網址)
    → MAKAR Video Link





3. 點擊名稱會自動匯入該影片在Youtube的名字





4. 可根據需求調整名字





5. 完成上傳

 


6. 若上傳到版權音樂、非公開或私人影片時，將出現「該影片無法於外部使用或網址錯誤」的訊息，此時需確認影片之狀況。





7.若影片重覆上傳可選擇右下方垃圾桶進行刪除





8. 確認刪除





9. 完成刪除


 


③ MP4上傳方法

1. 新增素材＞影片＞影片檔


 


2. 選擇影片格式.mp4


 


3. 完成上傳





4. 在MAKAR中，不同的素材將顯示為不同的縮圖icon

    (1)  .Youtube
    
   (2)   .mp4
   
 

【MAKAR訪談】藝術藝設計類教師如何使用MAKAR

MAKAR原本就是XR內容創作者不可或缺的工具，
快來聽聽美術老師是怎麼應用MAKAR來製作好玩的課程，以及設計系的老師對MAKAR有甚麼樣的看法呢？

 
文林國小汪汪老師
​
 
​銘傳大學方菁蓉副教授
 

【MAKAR訪談】數學科目在MAKAR的應用及幫助

AR與VR可以怎麼使用在數學科目的教學上？難道是將數學公式疊加到現實場景？
XR 新科技雖然酷炫，但是怎麼使用才能讓教學效益提升，快來看看兩位數學老師分享的應用場景吧~

 
明湖國中高抬主老師

​
 
​南湖高中陳泓曄老師
 

【MAKAR訪談】MAKAR與未來教師的現在進行式

這次我們訪問了高雄師範大學以及國立清華大學的未來教師們，對於教學抱持著許多想法及憧憬的他們，對於MAKAR可以帶給他們教學上甚麼幫助？
以及未來在教學上要如何運用MAKAR都有獨特的想法及見解，快來聽聽看他們的分享。

 
高雄師範大學華語所陳燕亘同學

​
高雄師範大學華語所戴延霖同學
​
 
​高雄師範大學（華語所）葉芳飴同學

 
​清華大學教育與學習科技學系柯淳尹同學

 
​國立清華大學教科所蔡昀同學

 
​國立清華大學教育與學習科技學系楊季璇同學
 

【MAKAR訪談】藝術與設計學生分享如何活用MAKAR