MAKAR | AR/VR/MR 教學

教學

MAKAR快閃-如何用 5G 將 AR/VR 融入教學?快速打造獨家 XR 教材!

如何用 5G 將 AR/VR 融入教學?快速打造獨家 XR 教材!
如何用 5G 將 AR/VR 融入教學?快速打造獨家 XR 教材!

迎接 5GVR 教學新時代!本月 MAKAR 快閃課程從 AR/MR/VR 教材開發到 3D 素材製作,再到實際教學應用,一站解決您在教育部的數位內容精進計畫、5GVR 教學融入 M1,M2 計畫上所有疑難雜症。無論學校使用何種載具設備,本次課程都能提供適用的解決方案,達到最佳教學效益。執行相關計畫的師生和收播端的校方夥伴千萬不要錯過啦!趕緊加入 XR 教育應用最前線,掌握教學新高度!

( 本課程已經結束,觀看完整課程錄影檔請點擊此處 )

▌ 課程大綱:

【AR/VR/MR 教材製作】

1-1、XR數位教材創作方法與技巧
1-2、XR 程式教育應用技巧 (XR Blockly)
1-3、3D 素材製作 使用 3D Sacn 自行打造 3D 模型

【XR 教育執行實戰】

2-1、5G 收播端同步XR(AR/VR/MR)教學策略
2-2、多載具通用方法(HTC/Meta/大屏/生生用平板/手機/Web3.0)

【XR 教育範例鑑賞】

3、教育部XR實境教育創意大賞分享(全國性競賽)

4、Q&A時間


▌ 課程日期:

113 年 01 月 25 日 (四)

▌ 課程時間:

20:00-21:30 (1.5小時)

▌ 課程講師:

蔡雅雯 Lina 老師

MAKAR快閃-用手機打造自己的 3D 素材庫?MAKAR 3D Scan 全新應用解析!



用手機打造自己的 3D 素材庫?MAKAR 3D Scan 全新應用解析!

Lina老師帶你探索 MAKAR 3D Scan 的多元應用,並且教你如何將掃描出的 3D 模型素材快速導入 MAKAR Editor 軟體中做出有趣的 XR 專案。讓你用手機平板就能輕鬆打造3D素材庫,告別素材缺乏的煩惱!課程中也會示範空間掃描如何建立場景模型、物件掃描如何掃描物體,搭配新版 3D Scan 才有的「掃描精靈」功能,升級你的掃描體驗,輕鬆快速打造屬於自己的3D模型!

( 本課程已經結束,觀看完整課程錄影檔請點擊此處 )


▌課程大綱:

一、MAKAR 3D Scan 全新功能講解

1-1 場景掃描
1-2 物件掃描
1-3 掃描精靈

二、3D模型如何應用?

2-1 為模型賦予魔法的力量動起來
2-2 動起來還不夠,當然要放入我的元宇宙世界!

三、與 MAKAR Editor 串聯

3-1 MAKAR 全新功能展演
3-2 進入MAKAR 建立互動吧!

四、QA時間


▌課程日期:

112 年 11 月 30 日 (四)

▌課程時間:

20:00-21:00 (1小時)

▌課程講師:

蔡雅雯 Lina 老師

▌注意事項

為提升快閃課程體驗效率,請準備兩種載具。
載具1. 觀看線上 Meet 的載具,可使用電腦或平板。
載具2. 體驗 MAKAR 3D Scan,可準備手機或平板(平板較佳)。
並請先完成 MAKAR App 下載➡ https://www.makerar.com/app#download

MAKAR快閃-AR 作為遊戲化的融形式


 
Wang Ivy 設計的 AR遮罩

===============================

 ​AR 作為遊戲化的融形式

===============================


課程大綱

1.以圖推為主題,AR結合遊戲化設計方案,進行一場小小解謎體驗。
2.創造AR觸發圖與擴增實境圖像間關聯的意義與連結。
3.實作MAKAR的遮罩功能進行簡易創作。
 

教師簡介

汪檍,一名重度解謎及沉浸式遊戲化成癮的高中美術科教師。熱衷於學習教材數位化與遊戲化的包裝轉譯,並不斷嘗試不同類型的互動式數位平台結合AR擴增實境的學習素材開發,期待能協助到更多第一線的教師在數位教材上的研發,以及學生在數位學習經驗上的翻轉。

●2018  入選親子天下 第二屆教育創新100
●2019   天下雜誌 微笑台灣創意教案徵選 貳獎
●2020 台北市卓越藝術計畫 密室逃脫案例徵件 特優
●2021   入選親子天下 第四屆教育創新100
●2002  XR實境設計大賞  仁寶MR組 貳獎
 

注意事項

為提升快閃課程體驗效率,請準備兩種載具。
載具1.觀看線上Meet的載具,可使用電腦或平板。
載具2.體驗AR互動遊戲,可準備手機或平板(平板較佳)。
並請先完成MAKAR App下載➡ https://www.makerar.com/app#download
 

課程影片


 

MAKAR快閃-應用 AI 創作元宇宙 XR 數位內容


=========================================

應用 AI 創作元宇宙 XR 數位內容

=========================================
 

課程講師

蔡雅雯 Lina老師
 

課程大綱

1. 應用AI創作元宇宙XR數位內容
2. AI應用平台與實作解析
3. 應用ChatCPT撰寫AI生成文案
4. 應用Blockadelabs創作VR360
5. 應用MAKAR結合AI創建WebVR與互動設計
6. 2023年實境教育創意大賞競賽資訊分享
7. Q&A
 

課程影片


 

MAKAR快閃-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的賢內助




▲ 課程影片
 

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」專案啟動,點擊「開始體驗」對準平面。
  

① 3A-稻.金:七夕稻埕 情比金堅

▎成果影片


 

▎作品介紹

 

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

 

作品特色:

 
  • 傳承傳統文化

  • 認識新興科技

  • 結合SDGs目標

  • 使用密室逃脫模式

 

作品設計與操作

 

 

作品目標

 

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

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

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

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

未來發展:


 
 

▎設計者介紹

 

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

➣ 隊伍名稱:3A-稻.金

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

② 北一女中:星途之謎

▎成果影片




 

▎作品介紹

 

作品名稱星途之謎

 

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

 

➣ 作品流程圖:

 

作品設計與操作

 

 

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


未來發展:

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

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

 

▎設計者介紹

 

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

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

▎成果影片

 

 

▎作品介紹

 

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

 

作品特色:

 

創作理念

位於南投的「車埕」是臺灣著名的觀光景點,希望讓體驗者了解車埕不只是一個觀光勝地,更是一個充滿藝術與人文的景點,透過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
➣ 參賽學生:陳O縉、李O鴻
➣ 指導老師:林冠廷、劉巧涵

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

▎成果影片

 

 

▎作品介紹

 

作品名稱綠色的醫療園區

 

作品特色:

 

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

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

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

 

➣ 作品流程圖:

 

 

➣ 作品目標:
 

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

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

3.自由變換的公園

 

▎設計者介紹

 

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

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

本篇教學已融入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. 完成後可以按下執行進行體驗囉!