MAKAR | AR/VR/MR 教學

教學

MAKAR快閃-一小時 3D 素材專攻班,XR 創作必須掌握的素材心法

一小時 3D 素材專攻班,XR 創作必須掌握的素材心法
一小時 3D 素材專攻班,XR 創作必須掌握的素材心法

想要獲取素材不再受限於拍攝或手繪!本月快閃課程邀請李燕秋老師,一小時內教你如何運用生成式 AI 創作素材,結合 MAKAR XR Platform,為你的 XR 創作增添無限可能。從 AR 到 VR ,深入解析素材的製作技巧,除此之外,老師還會大方分享實用的基礎邏輯功能應用。想要搭上元宇宙列車的你絕不能錯過!來體驗 AI 生成素材搭配 XR 創作的驚奇效果吧!

▌課程大綱

一、AR 素材製作技巧
二、VR 素材製作技巧
三、加碼回饋:MAKAR 程式積木基礎邏輯應用與素材整合
四、Q&A 時間


▌教師簡介

燕秋老師的教學風格兼具剪輯美感、生動創意和剪輯技巧,使她經常成為官方研討會、各級學校、教師培訓、企業機構及政府部門持續邀約的講師人選,而威力導演中文官方教學書及中文官方教學影片也是由她操刀。另外在師大進修推廣學院專職教授 EXCEL 實戰課程,班班爆滿且深受迴響。

▸君邑資訊有限公司執行長
▸燕秋老師教學團隊創辦人
▸20多年資訊軟體教學經歷

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快閃-新手如何快速復刻 Unity AR/VR 專案?

MAKAR 快閃 XR 免費講座

9 月份 MAKAR 快閃 XR 免費講座又來啦,要繼續帶給大家滿滿的元宇宙應用知識囉!

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

新手如何快速復刻 Unity AR/VR 專案?

一般來說,現在我們看到的 AR/VR 應用內容,都是透過 Unity 這個遊戲引擎工具製作出來的,但對於沒有 IT 開發背景的人來說,如果不會 C# 等等的程式語言,是很難使用 Unity 來創作自己想要的 AR/VR 應用的,會需要非常大量的學習成本,也讓很多對於 XR 應用有興趣的玩家們望之卻步。

但是,今天我們就要來拆解 Unity 的 XR 專案製作流程,並且在 MAKAR Editor 軟體中進行複刻!我們將會從AR/VR邏輯的認識、架構梳理開始,告訴你實戰 XR 創作流程,MAKAR 邏輯積木 (blockly) 設計的應用 ,並且帶你實際製作與輸出一個完成的專案!即使不會任何一行程式碼,也能打造出自己的 AR/VR 內容!

準備好了嗎!快來參加這場融合實務與創意的精采課程吧!

● 課程大綱:

1. AR/VR 教材分享與推薦
2. AR/VR 教材拆解步驟
2-1. 認識 AR/VR 邏輯
2-2. 釐清教材架構
2-3. 規劃教材流程
2-4. 製作素材與輸出
3. 實作與創建 AR/VR 教材成果
4. Q&A 時間

● 課程日期:

112 年 09 月 28 日 (四)

● 課程時間:

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

● 課程講師:

蔡雅雯 Lina 老師

解析 GLB,OBJ,STL 等常見 3D 檔案格式,同篇加映 Blender 轉檔教學!



在處理 3D 模型時,你可能使用過 FBX、OBJ、GLB 等檔案格式,而不同的檔案格式,使用方式及適用情境也會有所不同,這次的教學將帶你解析常見的 3D 格式、 MAKAR 支援哪些格式、如何轉檔合適的格式,讓你在處理模型時能節省更多時間。
 

內容目錄

 

各種 3D 檔案格式介紹

【 FBX、OBJ、STL、GLB、USDZ 】

FBX |由 AutoDesk 公開的 3D 檔案格式。

檔案支援 3D 面向、紋理、骨架等數據,也支援音樂、影片元素。
如果需要輸出動態 3D 模型,建議使用 FBX。

 

OBJ|由 Wavefront Technology 公開的 3D 檔案格式。

檔案支援 3D 面向、紋理數據,但不支援動畫、音樂及影片等媒體數據。
由於可以記錄的數據類型相對 FBX 少,因此數據量再輕一些。
如果需要輸出靜態 3D 模型,建議使用 OBJ。

 

STL|由 3D Systems 公開的 3D 檔案格式。

主要用於 3D 列印及電腦輔助設計(CAD),不支援 3D 紋理數據。
通常會將 STL 數據載入到 3D 印表機中進行列印,輔助設計師產出樣板零件。

 

GLB|由 Khronos Group 公開的 3D 檔案格式。

一種經過優化的模型格式,可將模型的材質、紋理和動畫等資訊合併到單一檔案中。
可輕鬆在網路上顯示 3D 內容,有時被稱為 3D 版本的 JPEG。
檔案支援簡單的動畫,檔案通常較小。

 

USDZ|由 Pixar Animation Studios 與 Apple 公開的 3D 檔案格式。

專門用來儲存 AR 圖像,包含播放音樂,iPhone 和 iPad 可使用 AR Quick Look 來瀏覽 USDZ,但僅限 iOS 產品使用。

 

【 3D 檔案格式比較表格 】

文件格式

目的

紋理

動畫

媒體

文件大小

FBX

3D 建模

外部紋理

支援動畫

支援音樂、影片

較大

OBJ

3D 建模

外部紋理

靜態

不支援

適中

STL

3D 列印

不支援

靜態

不支援

較小

GLB

網頁上顯示 3D模型

紋理包含在一個檔案中

支援動畫

不支援

較小

USDZ

Apple 設備上顯示 3D 模型

外部紋理

支援動畫

不支援

較小



 

MAKAR 支援的 3D 檔案格式

【 MAKAR 編輯器支援類型 】

MAKAR 編輯器支援上傳 FBX 及 GLB 兩種 3D 檔案格式,除了上傳自製的 3D 模型外,也能從 3D 素材網下載免費的物件,以 Sketchfab 為例,輸入欲找尋的物件並勾選可下載,接著找到喜歡的模型點選下載圖式,便可選擇下載 FBX 或 GLB 兩種格式。
※ 雖 MAKAR 編輯器中的線上素材庫,有直接提供 Sketchafab 的模型來源,可一鍵下載方便在編輯器操作,但往往從編輯器下載 Sketchafab 的模型,其預設檔案大小都是最大化,導致專案內容過大,如欲使檔案輕量化,建議從網站下載模型。
 


 

打開 MAKAR 編輯器,點選「新增素材」➔「3D 模型」並上傳 GLB 或 FBX 檔案,上傳完成模型即會出現在素材庫中,可拖曳至中央開始編輯創作。建議上傳 GLB 檔案,格式較小,速度較快。

 

 

凡於外部網站下載的免費模型,請於「專案設定」的描述欄附註作者來源。



 

【 MAKAR 3D Scan 輸出 3D 模型檔案 】

不管是 iPhone/iPad 版 MAKAR 3D Scan 或是 MAC 版 MAKAR 3D Scan,當掃描建模完成後,皆提供給 MAKAR 專業版帳號 3D 檔案匯出之功能,支援匯出 USDZ、OBJ、GLB、STL 四種 3D 檔案格式
 

▼ iPhone/iPad 版 MAKAR 3D Scan 輸出位置

 

▼ MAC 版 MAKAR 3D Scan 輸出位置



 

使用 Blender 轉檔教學

現今雖有許多線上 3D 轉檔的網站,方便了 XR 創作者使用,但線上轉檔往往有很多不確定性,造成模型毀損、動態失效等狀況時有所聞,若是想要洽當處理 3D 模型,使用 3D 軟體是最佳的選擇,而 Blender 是一個強大且免費的 3D 軟體,任何你在網路上得到的 3D 模型都可以用 Blender 檢查並轉檔,下列將以 Sketchfab恐龍模型(created by pikabobalex) 為範例,敘述如何使用 Blender 軟體轉檔,讓 XR 創作更加輕鬆上手。


 

【 將 GLB 轉檔至 FBX 】

▌ 檢查檔案

1. 開啟 Blender,選擇「General」。

 

2. 選擇方塊按下delete,刪除預設的方塊。

 

3. 選擇「檔案」 ➔ 「匯入」 ➔ 「glTF2.0」,匯入欲轉檔的 3D 模型。
※ 模型名稱必須以英文為名,中文檔名無法匯入。


 

4. 點擊上方「Viewport Shading/視接口著色」檢查貼圖是否正常,貼皮有顯示出來即正常;點擊底下播放鍵檢查動畫是否正常。



 

▌ 重新排序

由於 FBX 能吃的效果相較 GLB 較少,若是直接將它轉檔成 FBX,輸出後的物件貼皮就會跑掉。因此,如果 3D 物件如下圖掛著許多效果器,在轉檔前就必須縮減效果器,接下來將講解如何只留下貼皮效果器。

1. 將介面切換至「Shading」,點擊模型後跑出紅框中的序列,檢查底下的序列是否有相連好。


 

2. 留下深紅色「Material/材質輸出」及棕色「Image Textureg/影像紋理」,其他效果器直接刪除。如果出現兩個棕色以上的影像紋理(貼皮),留下一個主要的影像紋理,其餘刪除。


 

3. 對著黑色區域按右鍵,依序點選「Add/添加」 ➔ 「Shader/著色器」 ➔ 「Principled BSDF」,並將它擺放至正中間。

 

4. 將「Image Texture/影像紋理」連至「Base Color/基礎色彩」、「BSDF」連至「Material/材質輸出」的「Surface/表面」。


 

5. 紅框中的區塊是模型內的各種材質球,切換後會跑出不同的序列。將每個有效的材質球都執行上述重新排序的動作。


 

6. 若材質球顯現出來的貼圖沒必要留下,需要刪除做整理,點擊右上方紅框圖示,並點選「Blender File/Blender 檔案」 ➔ 「Materials/材質」,便可以找到模型裡所有的材質球,按右鍵刪除不需要的材質球。

 
 

7. 也可以在這裡重新命名材質球名稱,以便整理。



 

▌ 打包貼圖影像

從外部下載的 3D 模型,容易掉貼圖的可能性仍高,操作 3D 模型的時候建議先「打包貼圖影像」,讓模型吃得到正確的貼圖,現在將說明如何打包模型的貼圖影像。

1. 紅框中的區塊是貼圖影像,首先判斷影像是否適合打包,以這個模型為例,應儲存恐龍的皮及眼睛影像。

 
 

2. 點選紅框圖示,接著點選「Image/影像」 ➔ 「Save As/另存為」。

 

3. 選擇 JPEG 格式,重新命名適合的影像名稱,最後另存為影像。將每個合適的影像依上述說明儲存打包。
※ 命名請以英文檔名為主。



 

▌ 輸出 FBX 檔案

1. 上述步驟都完成後,即可輸出檔案,點擊「Filel/檔案」 ➔ 「Exportl/匯出」 ➔ 「FBX」。


 

2. 在路徑模式(Path Mode)選擇「Copy/複製」並打開旁邊的小盒子,確保資料完好打包。

 

3. 物件若本身有動畫,拉開下方「Bake Animation/烘焙動畫」,點掉「NLA Strips/NLA片段」及「All Actions/全部動作」。

 

4. 將檔案存放在主資料夾(內有打包的貼圖影像),最後點擊「Export FBX/匯出 FBX」。

 

5. 成功將 GLB 轉檔為 FBX!



 

【 將 FBX 轉檔至 GLB 】

1. 點擊上方「Viewport Shading/視接口著色」檢查貼圖是否正常,貼皮有顯示出來即正常;點擊底下播放鍵檢查動畫是否正常。

 

2. 點擊「Filel/檔案」→「Export/匯出」→「glTF2.0」。


3. 成功將 FBX 轉檔為 GLB!

 

iPhone/iPad 版 MAKAR 3D Scan 使用教學

MAKAR 推出 iPhone/iPad 版「MAKAR 3D Scan」APP,不須額外設備,掃描建立 3D 模型只需要一台 iPhone 或 iPad,就能夠將你喜愛的空間或物件快速建模,成為 XR 創作者最強大的助力。本次教學將詳細教你如何使用 iPhone/iPad 版 MAKAR 3D Scan APP。
 

內容目錄

 

iPhone/iPad 版 MAKAR 3D Scan 功能介紹

不須額外設備,掃描建立 3D 模型就是這麼簡單!在元宇宙的未來中,所有人都應能夠快速進入 XR 世界,而 MAKAR 3D Scan 就是從現實走入虛擬的那扇任意門,更是每個 XR 創作者最強大的 3D 建模輔助工具。

以下是更詳細的 iPhone/iPad 版 MAKAR 3D Scan 功能說明:

1. 手機電腦即可掃描萬物:360 度繞著您想要製作成 3D 模型的物品拍下照片,將照片匯入 MAKAR 3D Scan,一台手機加上一台電腦的簡單流程,即可快速掃描產出 3D 模型。

2. 掃描精度自訂調整:擔心掃描出來的 3D 模型太大,又或者太小不夠精細?MAKAR 3D Scan 提供模型精度/模型去背等自訂選項,讓您依照自己的使用需求調整 3D 模型。

3. 支援豐富 3D 格式輸出:在 MAKAR 3D Scan 掃描製作的 3D 模型支援 USDZ / OBJ / GLB / STL 等 3D 格式輸出,讓您能無痛應用到各個平台之中。

4. 直接連動 MAKAR Editor 素材庫:登入您的 MAKAR 帳號,於 MAKAR 3D Scan 所掃描之 3D 模型將自動匯入至您的 MAKAR Editor 素材庫,無需其他步驟即可快速展開元宇宙 XR 編輯。

5. 解開 XR 元宇宙的枷鎖:輕鬆進入無限的 XR 世界。MAKAR 3D Scan 為您在現實和虛擬之間搭建橋樑!

 

iPhone/iPad 版 MAKAR 3D Scan 硬體最低需求與下載

【軟體名稱】:iPhone/iPad 版 MAKAR 3D Scan

【軟體語言】:繁體中文、英文

【最低需求】:空間掃描需具有 LiDAR 鏡頭;物件掃描(掃描精靈)需具有 LiDAR 功能和 A14 Bionic 晶片或更高版本,iOS 或 iPadOS17 或更高階設備。

【下載位置】:iOS 下載

 

iPhone/iPad 版 MAKAR 3D Scan 使用教學

【 基本功能介紹 】

➤ 掃描設定

1. 點擊左上角清單圖示,再點選「設定」。

 

2. 可設定空間掃描的範圍及網格簡化、物件掃描的輸出照片品質。

 

➤ 登入 MAKAR 帳號

1. 點選左上角清單圖示,再點選「個人資訊」。

 

2. 登入 MAKAR 帳號後,建立好的 3D 物件即可直接直接上傳至 MAKAR 編輯器。

 

➤ 專案重新命名

1. 在 3D 物件建立完成後,點擊三顆白點的圖示。

 

2. 點擊專案名稱,重新替專案命名。

 

 

【 空間掃描 】

1. 在 iPhone 或 iPad 打開手機版的 MAKAR 3D Scan,點選右上「+」。

 

2. 點選右側「空間掃描」。

 

3. 進入掃描空間,對準欲建立的場景,按下紅色按鈕開始讀取空間。一旦資料吸取成功,場景便逐步以網格建立,同時紅色區塊消逝,建議一邊移動一邊讓系統吸取空間,直到場景有被完全吸取後便可按下白色按鈕。

 
 

4. 接著進入「後製」步驟,畫面跳出解析度選項,可選擇低、中、高或是自訂來進行系統自動後製。

 

 

5. 接著點選「裁切」進入裁切步驟。

 

6. 依照指示修剪適當大小的場景,並按下「裁切」以利完成。若需要重新後製解析度或重新裁切場景,可再點選「後製」及「裁切」來回調整。

 

 

7. 場景建立完成,如需要重新後製、剪裁,可再次重新調整。



 

【 物件掃描 】

MAKAR 3D Scan 的物件掃描分為「掃描精靈」及「手動擷取」兩種功能,掃描精靈需要具有 LiDAR 功能和 A14 Bionic 晶片或更高版本,iOS 或 iPadOS17 或更高階設備;手動擷取只需要有照相功能即可建立模型,關於手動擷取的教學也曾於 MAC 版 MAKAR 3D Scan 使用教學 中介紹過。

使用掃描精靈,可以得到較多的深度資訊,建模會幾乎跟實品一樣;使用手動擷取,可以單純利用拍照掃描,較為方便。接下來將詳細說明「掃描精靈」及「手動擷取」兩種功能的使用方式。
 

➤ 掃描精靈 

1. 在 iPhone 或 iPad 打開手機版的 MAKAR 3D Scan,點選右上「+」。

 

2. 點選左側「物件掃描」。

 

3. 點選左側「掃描精靈」。

 

4. 靠近目標並置中,點擊鎖定。

 

5. 物件周圍出現白色框框,可用手指調整鎖定大小,確認之後按下「開始掃描」。

 

6. 進入掃描頁面後,白點作為掃描中心,圍繞物件移動掃描並填滿軌道刻度。畫面底下同步呈現掃描現狀,白色代表刻度已填滿,填滿刻度便可進行下一步。

 

 

7. 以與物件保持距離、填滿刻度為目標掃描物件,至少需要掃描 20 張以上。當距離太遠、移動速度太等影響掃描狀況發生時,物件上方即跳出小提示來提醒使用者。

 

 

8. 當刻度填滿完成,畫面自動進入第二步掃描步驟,點選「繼續」,平行於物件再次掃描。

 

 

9. 當刻度填滿完成,畫面自動進入進入第三步掃描步驟,點選「繼續」,移至物件上方再次掃描。

 
 

10. 完成後跳出物件點雲的預覽,點擊「完成」。

 

11. 點擊「 iPhone 運算」建立模型。

 

12. 物件建立完成,點擊「 AR 預覽」以虛擬實境的方式在手機上查看物件。

 

 

➤ 手動擷取

1. 在 iPhone 或 iPad 打開 MAKAR 3D Scan,點選右上「+」。

 

2. 點選左側「物件掃描」。

 

3. 點選右側「手動擷取」。

 

4. 以拍攝清楚、填滿畫面、保持70%重疊率為目標,白色按鈕圍繞物件拍攝,建議正面、上面、下面至少各需要拍攝 20 張以上,便可進行下一步
※ 拍攝越多張,建模細節越好,最多可拍攝 200 張

 

 

5. 點擊「 iPhone 運算」建立模型。

 

6. 物件建立完成,點擊「 AR 預覽」以虛擬實境的方式在手機上查看物件。

 

 

【 3D 模型上傳至 MAKAR 編輯器 】

1.點擊紅框圖示,將掃描好的物件直接上傳至 MAKAR 編輯器。
※ 需要登入 MAKAR 帳號

 

 

2. 上傳至 MAKAR 軟體後,模型便會出現在素材庫。

 
 

【 輸出 3D 模型檔案 】

iPhone/iPad 版 MAKAR 3D Scan 支援輸出掃描完成的 3D 模型,有便於創作 XR 專案。想要更了解 3D 檔案格式的區別和轉檔方法,請參考 解析 GLB,OBJ,STL 等常見 3D 檔案格式,同篇加映 Blender 轉檔教學!

1. 點擊紅框圖示,可支援輸出 3D 格式:USDZ、OBJ、GLB、STL
輸出模型專屬 MAKAR 專業版帳號功能

 
 

2. 未升級帳號但想要輸出 3D 模型,可將 3D 模型先上傳至 MAKAR 編輯器,並點擊「視窗」→「我的素材庫」,選擇建模好的 3D 模型,最後點擊紅色圖示即可下載至電腦。
※ 此功能僅支援下載 GLB 格式。

 

 

 

MAC 版 MAKAR 3D Scan 使用教學

這回 MAKAR 推出電腦版的「MAKAR 3D Scan」軟體,只要利用 MAC 就可以簡單創建 3D 模型!僅需要透過拍攝物體,將照片匯入軟體即可快速產生 3D 模型。本次教學將詳細書寫如何使用 MAC 版 MAKAR 3D Scan 軟體。
 

內容目錄

 

MAC 版 MAKAR 3D Scan 功能介紹

無需額外設備,掃描和創建 3D 模型資產從未如此簡單!在未來的虛擬世界中,每個人都應該有能力快速進入XR世界,而MAKAR 3D Scan則作為從現實到虛擬領域的門戶,使其成為XR創作者最強大的3D建模工具。
 
以下是更詳細的 MAC 版 MAKAR 3D Scan 功能說明:
 
  1. 手機和電腦掃描一切:只需將要轉為 3D 模型的物體拍攝照片,將其旋轉 360 度,將照片匯入 MAKAR 3D Scan,透過手機和電腦的簡單過程,即可快速掃描並產生 3D 模型。

  2. 可自訂掃描精度:擔心您的 3D 模型太大或缺乏細節?MAKAR 3D Scan 提供模型精度和背景去除的可自訂選項,讓您可以根據您的特定需求掃描和建立 3D 模型。

  3. 支援多種3D格式輸出:使用 MAKAR 3D Scan 建立的 3D 模型可以以 USDZ、OBJ、GLB 和 STL 等格式匯出,從而實現各種平台的無縫整合。

  4. 與MAKAR編輯器資源庫直接整合:登入您的 MAKAR 帳戶,使用 MAKAR 3D Scan 掃描的 3D 模型將自動匯入到您的 MAKAR Editor 資產庫中,無需額外的步驟,並可在 Metaverse 中快速探索 XR 編輯。

  5. 解鎖XR元宇宙的束縛:輕鬆進入 XR 的無限世界。MAKAR 3D 掃描彌合了現實與虛擬之間的差距,在沉浸式、廣闊的擴增實境世界中釋放您的創造力。

     

MAC 版 MAKAR 3D Scan 硬體最低需求與下載

【軟體名稱】:MAC 版 MAKAR 3D Scan

【軟體語言】:繁體中文、英文

【最低需求】:macOS Monterey 以上, M1晶片, 16GB, 16GB RAM, 4GB VRAM

【下載位置】:MAC App Store下載

 
 

MAC 版 MAKAR 3D Scan 使用教學

【 利用 iPhone/iPad 拍照並匯入軟體 】

  1. 在 iPhone或iPad 打開手機版的 MAKAR 3D Scan,點選中間「新增專案」或右上「+」。


 

  1. 點選右側的「物件掃描」。

 
 
  1. 接著跳出掃描時的注意事項,以拍攝清楚、保持70%重疊率、填滿畫面為目標拍攝物件。

 
 
  1. 進入拍攝頁面後,即可對著物件拍攝。
    點擊畫面上的目標對焦,點擊下方可放大倍率至3X,在不同的高度下,環繞物件360度拍攝,至少 40 張以上,滿足條件後進行下一步。

 
 
  1. 拍好之後點選右側的「下一步」。

 

 

  1. 接著於 MAC 打開 MAKAR 3D Scan,回到 iPhone/ iPad 點選「Wi-Fi傳輸」開始傳送檔案至 MAC 版 MAKAR 3D Scan。

 


 

【 使用軟體創建 3D 模型 】

  1. 以「Wi-Fi傳輸」的方式上傳,下方狀態列可以看見傳輸的進度。


 

  1. 上傳完成後開始自動建模,可從主畫面或 Dock 列中查看處理進度。


 

2.1   你也可以用「拖曳」或「選擇照片資料夾」的方式匯入。  

 
  1. 建模完成後如下圖,可自行修改預設名稱。


 

  1. 也可依據自己的需求,於右側選項調整細節、重新建模。

    項目說明

  • 規模品質:由高到低共五種品質可選擇。品質越高建模花費時間越多,若想要快速瀏覽模型,建議點選「預覽」可最快瀏覽模型。

  • 特徵點靈敏度:有「一般」與「高」的選項。如果目標物沒有太多細節,建議選擇「高」,為更細緻的處理過程,需花費更多時間。

  • 照片排序:有「順序排列」與「無順序」的選項。圍繞著目標物拍照,建議選擇「順序排列」,可加快建模處理時間。

  • 去除背景:點選「啟用」自動去除背景。

※ 點選紅框中的問號,瀏覽更詳細的說明。


 
  1. 請點選「開始」建模。

 


 

【 3D 模型上傳至 MAKAR 編輯器 】

  1. 建模完成後,點選右上「上傳至MAKAR」,登入並上傳至 MAKAR 編輯器。

 
 
  1. 上傳至 MAKAR 軟體後,模型便會出現在素材庫。



 

【 輸出 3D 模型檔案 】

  1. 點選右上「輸出」,可支援輸出 3D 格式:OBJ、GLB、STL、USDZ。
    ※ 輸出模型專屬 MAKAR 專業版帳號功能


 

  1. 輸出完成後的樣子。

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




▲ 課程影片
 

春節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. 進去專案後,點擊「分享專案」還可獲得專案連結,快速分享給他人



 

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



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


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

 

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

 

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

 

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



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

 

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



 
STEP(1)步行一段距離

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



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



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

 


STEP(3)繼續步行一段距離
將積木設定「在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國際研討會發表



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

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

▎成果影片
 

 
▎設計理念
 

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

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

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

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

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

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

四、雙語融入

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

 
▎遊戲介紹
 

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

➣ 教學規劃:

 

XR課程計畫與說明

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

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

透過混合實境,提升學生自我探索與創造想像力
學習進度
週次/節數
單元/子題 單元內容及學習活動 設備使用
第一週/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. 校園MR素材收集與繪製
  2. 校園腳本創作與中英文撰寫
1.平板
2.電腦
第四週/1節 第三單元
大直永續未來島1
  1. 電腦繪圖大直未來島
  2. 社區物件改造與建置
  3. 物件立體模型草圖創作與掃描
1.VR頭盔
2.電腦
3.360相機
第五週/1節 第三單元
大直永續未來島2
1. 立體模型素材加工
2. 情境素材收集與製作
1.VR頭盔
2.電腦
第六週/1節 第四單元
大直未來島策展
  1. 分組MR聲音採集與錄製
  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. 課程回顧,從收集細菌到永續星球與3D模型創作,近一步提出今天的課程目標是參觀美術館與椅子創作。 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分)

真相大白

案發當天的經過

尾聲-

故事結局

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

推理能力測驗結果

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

角色探討

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

後記

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

封底

手冊封底

 


 

▎設計者介紹


學生團隊:蘇O涵、蔡O如、鄭O婷、范O彥

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

▎成果影片

 

 

 

▎設計理念

 

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

 

▎遊戲介紹

 

 

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

劇情大綱體驗方式:

 

 

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

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

 

設計架構

 

 

關卡流程

 

1. 主目錄

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

    ⇒製茶過程

    ⇒競賽

    ⇒茶文化圖鑑

 

2. 製茶過程

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

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

 

3. 競賽

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

  ⇒第一關: 採收茶菁

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

  ⇒第二關: 殺菁

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

  ⇒第三關: 烘焙

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

 

4. 茶文化圖鑑

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

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

 

▎設計者介紹

 

吳O賢

國立臺北科技大學

獨立企劃及開發

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

 

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

▎成果影片

 

 

▎設計理念

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

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

l   環境中特有的景象

l   地形雨量圖介紹

l   地理環境介紹

l   問答環節

l   台灣獨特的生物與氣候

 

▎遊戲介紹

 

 

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

 

設計架構

 

關卡流程

 

1. 互動流程圖

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

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



 

 

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

點擊小恐龍來進行問答:

 

▎預期效益

 

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

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

 

▎學習卡規劃

 



 

▎設計者介紹

 

 

塗O鈞

亞洲大學

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

 

 

亞洲大學

文件製作與比例調整

 

 

亞洲大學

邏輯設計與美術編排

 

 

陳政煥

指導教授



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

⑫ 白水木小隊:白鹿傳說

▎成果影片

 

 

▎設計理念

 

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

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

 

▎遊戲介紹

 

遊戲名稱白鹿傳說

 

劇情大綱

 

   故事設計——逐鹿傳說:

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

 

設計架構

 

 

設計手稿

 


 

▎關卡流程

 

  玩家扮演邵族的獵人

 

  邵族傳統武器介紹

 

  邵族傳統家屋介紹

 

  於八通關古道進行狩獵

 

  巧遇白鹿

 

  跟隨白鹿的腳印來到森林

 

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



 

▎預期效益

 

➣ 教育場域:

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

 

➣ 文創、娛樂領域:

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

 

▎設計者介紹

 

林O凡

國立臺北科技大學

概念構想、互動設計

 

國立臺北科技大學

腳本設計、互動設計

 

韓秉軒

指導老師


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

 

⑬ 汪檍: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.使其身心障礙者透由身歷其境體驗對登山知識及觀測星象加深學習的樂趣。

 

▎設計者介紹

 

➣ 學校名稱:北一女中   
➣ 隊伍名稱:星途之謎
➣ 參賽學生:林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. 完成後可以按下執行進行體驗囉!

 

MAKAR 邏輯編輯器-教學影片

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. 按下執行,點擊按鍵後,方塊會向右移動,當碰撞到綠色積木時,文字及顏色皆會改變。



 

基礎邏輯編輯(三):碰撞事件概念

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公尺」並放在點擊觸發的控制向下。


基礎邏輯編輯(二):物件移動


【移動方法一】

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. 若需要控制像同時一起執行時,可拉出綠色區塊的「平行運行」,再將兩項控制項移至平行運行中,當按下執行時即可同時發生。





 

基礎邏輯編輯(一):文字轉變、顏色轉換

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





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





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





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







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





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









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








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

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

在這數位內容的時代,如何應用多元化的軟體結合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





 
 

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

課程師資:蔡雅雯

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

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

課程流程

(1)、繪製3D天燈圖示
(2)、建置MR虛擬天燈
(3)、設定天燈起飛按鈕
(4)、發布MR天燈許願世界

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

 

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吧!

109年彰化平和AR畢業典禮



[✨] 畢業典禮 夢想起飛

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






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


yesAR影展教學影片

 

"幫助"選單項目


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


2. 常見問題

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

 

3. 聯絡我們

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

 

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

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拍照框

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

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

△圖:南光國小提供

體驗方式: 
1. 使用手機,掃描上方圖片的QR
2. 進入專案後,南光國小專屬AR相框跳出!畢業生們,畢業快樂!

(by MAKAR x 米菲)


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

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

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

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


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

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


體驗方式: 
1. 使用手機,掃描圖片QR
2. 進入專案後,東陽國小專屬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.專案體驗與展示

 

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

 

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"即可關閉應用程式    




 

MAKAR介紹影片

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


多元AR功能模組

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

免費線上素材庫

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


即時預覽視窗

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

台中市立圖書館文創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

藝術及設計學科的學生往往有著天馬行空的想像力及源源不絕的創作靈感,
所以在XR的內容創作上總是有著驚人的想法,
但在以往這些想法總會因為技術上的限制無法落實,
來聽聽他們的分享看看MAKAR如何協助他們幫作品添加新的生命力。

 
銘傳大學張維芸同學


​國立清華大學不分系美術乙組梁謹同學
 

【MAKAR訪談】MAKAR與教學擦出的新火花

有了MAKAR後他們的教學方式有甚麼不一樣?這邊有四位不同學科的教師,分別分享了他們如何使用MAKAR,以及AR/VR的教案內容解決了他們在教學上甚麼困難或問題?

你好奇嗎?趕快點擊進去看看他們的分享吧~

 
清華大學邱富源副教授

 
東陽國小林益興老師


明湖國中國文李盈芳老師

 
​新北市平溪國小李慶源老師
 

為什麼APP沒有拍照框前鏡頭?

關於製作拍照框方式很多種,因為Slam技術需要用後鏡頭偵測是否該硬體設備有支援才能啟動,所以沒有開通app前鏡頭的功能。
因此,若要使用app前鏡頭功能,可改用圖像辨識的拍照框製作方式。
如果不想要圖像辨識,可採用WebAR方案,可以切前後鏡頭自拍的作法。

WebAR拍照框教學
https://www.makerar.com/tutorial_01?id=152

無法正常連線狀況

通常使用MAKAR Editor & MAKAR App服務皆需要連結網路才可以使用。

若遇見無法使用狀況,可透過以下幾個方式進行解決:
1.重新啟動MAKAR Editor& MAKAR App
2.關閉其他不必要的軟體
3.重新開機(電腦或手機)
4.確認公司(學校)是否有防火牆問題,可以透過手機網路來嘗試。
5.上述都測試過了,還是載入很久或無法使用,請確認當前網路速度或收訊是否穩定。

MAKAR 3D模型匯入後素材分離

編輯3D模型時,若發現FBX貼圖無法匯入MAKAR編輯器中,
請注意路徑中的資料夾名稱是否為全英文,包含貼圖檔案亦需要設定為英文檔名。

MAKAR EDU登入方法

1.切換至MAKAR EDU登入畫面
2.輸入帳號密碼並按下登入即可進入開始創作
School ID:學校代碼(統編)
ID或Email:授權書提供之帳號
密碼:根據授權書或學校自訂

 

EPSON BT-300 & BT-350 安裝 MAKAR

▍第一步、下載 MAKAR 的 APK

  1. 首先,進入以下網址,依照您的裝備下載相對應的APK。

 

▍第二步、EPSON BT-300 & BT-350 安裝 MAKAR

  1. 將MAKAR檔案傳輸至裝置
(1) 使用頭戴式裝置的 USB Type-C 連接埠,將裝置連接至電腦。
(2) 將 APK 檔案複製到 Download 資料夾。 

 
  1. 在裝置中,打開 「MovFiler」
 
  1. 打開「 Download」
  2. 長按MAKAR 的APK並選擇Install   

 
 

EPSON BT-40 安裝 MAKAR

▍第一步、下載 MAKAR 的 APK

  1. 首先,進入以下網址,依照您的裝備下載相對應的APK。


 

▍第二步、EPSON BT-40 安裝 MAKAR

  1. 將MAKAR檔案傳輸至裝置
(1) 使用頭戴式裝置的 USB Type-C 連接埠,將裝置連接至電腦。
(2) 將 APK 檔案複製到 Download 資料夾。

 
  1. 在裝置中,打開「檔案」
 
              
  1. 點擊 MAKAR 的 APK 並安裝
 
             

VIVE Focus 安裝 MAKAR

▍第一步、下載 MAKAR 的 APK

  1. 首先,進入以下網址,依照您的裝備下載相對應的APK。



 

▍第二步、VIVE Focus 安裝 MAKAR

  1. 將MAKAR 檔案傳輸至頭戴式裝置
(1) 使用頭戴式裝置 USB Type-C 連接埠,將裝置連接至電腦。
(2) 選擇 USB 模式,對話方塊隨後將出現在頭戴式裝置中。
(3) 選擇「檔案傳輸」。
(4) 在電腦中,開啟檔案總管等檔案管理應用程式,前往VIVE Focus。
(5) 按一下內部共用儲存空間。
(6) 將 APK 檔案複製到 Download 資料夾。

 
  1. 在頭戴式裝置中,前往 設定 > 進階
  2. 開啟「安裝未知的應用程式」
  3. 選取 儲存空間 > 檔案瀏覽器
  4. 前往包含 APK 檔案的資料夾
  5. 選擇 APK 檔案加以安裝
✶ 安裝 APK 檔案後,應用程式將出現在收藏庫中。

XRSPACE 安裝 MAKAR

Oculus Quest 和 XRSPACE 無法像 Android 手機或平板電腦直接安裝 APK 檔。需要透過 SideQuest才能安裝應用程式。
 

▍第一步、下載MAKAR 的 APK

  1. 首先,進入以下網址,依照您的裝備下載相對應的APK。
 
 

 

▍第二步、安裝 SideQuest 程式

  1. 前往 SideQuest 官網註冊使用者帳號,選擇下載 Windows / MacOS / Linux 系統的 SideQuest 安裝程式並安裝到您的電腦。
➟ SideQuest 官方網站 :  https://sidequestvr.com/
  1. 安裝後開啟 SideQuest ,左上方的燈號圖示代表連線狀態,尚未連線會呈現紅色 Not Detected 未偵測到。
 
 
  1. 使用頭戴式裝置左側的 USB Type-C 連接埠,將頭戴式裝置連接至電腦,若已連線成功,左上方的燈號則會變為綠色,並顯示連接到的裝置與其電量。
 


 

▍第三步、安裝 APK

  1. 將頭戴式裝置與 SideQuest 連接好後,點擊下圖紅框中的圖示,選擇電腦中 MAKAR的 APK 檔案。
 
 
  1. 選中 APK 文件後便會開始自動安裝,點擊下圖紅框中的圖示,即可看到安裝過程。
 
 
  1. 安裝狀態。
  【安裝中】

 
  【安裝完成】

Oculus Quest 2/3/Pro安裝 MAKAR

Oculus Quest 和 XRSPACE 無法像 Android 手機或平板電腦直接安裝 APK 檔。需要透過 SideQuest 才能 安裝應用程式。此外,Oculus 需要另外透過網站及手機應用程式,來開 啟開發者模式,下述也會介紹相關開啟方法。
Oculus Quest 2、Oculus Quest 3 及 Oculus Quest Pro 安裝第三方軟體的方式相同,本次教學以 Oculus Quest 2 作範例說明
 

▍第一步、下載 MAKAR 的 APK

  1. 首先,進入以下網址,依照您的裝備下載相對應的APK
➟ 點此下載
 

 
 

▍第二步、Oculus Quest 開啟開發者模式

  1. 在應用程式商店中搜尋 Oculus 並安裝


 
  1. 打開手機的 Oculus 應用程式並登入


 
  1. 將 Quest2 開機並在應用程中選擇 Quest2 做配對


 
  1. 依照指示進行配對

 
  1. 建立 Oculus 開發者組織

(1) 為了讓裝置可安裝第三方軟體,必須先申請為 Oculus 開發人員。
請前往以下網址➟ 開發者組織網站 : https://developer.oculus.com/manage/organizations/create/
 
(2) 登入 Facebook 帳號。 

 
(3) 建立組織,並輸入組織名稱。


 
  1. 回到 Oculus,選擇已配對的裝置


 
  1. 選擇「頭戴式裝置設定」

 
  1. 點擊 「開發人員模式」 並開啟

 
 

▍第三步、Oculus Quest 開啟開發者模式

  1. 安裝 SideQuest 程式

(1) 前往 SideQuest 官網註冊使用者帳號。
➟ SideQuest 官方網站 : https://sidequestvr.com/
 
(2) 請依據 Windows / MacOS / Linux 系統選擇,並下載可安裝 APK 的進階版本。

 
(3) 安裝後開啟 SideQuest ,左上方的燈號圖示代表連線狀態,尚未連線會呈現紅色 Not Detected 未偵測到。
 
(4) 使用頭戴式裝置左側的 USB Type-C 連接埠,將頭戴式裝置連接至電腦,若已連線成功,左上方的燈號則會變為綠色,並顯示連接到的裝置與其電量。


 
  1. 安裝 APK

(1) 將頭戴式裝置與 SideQuest 連接好後,點擊下圖紅框中的圖示,選擇電腦中 MAKAR 的 APK 檔案。
 
(2) 選中 APK 文件後就會開始自動安裝,點擊下圖紅框中的圖示,即可看到安裝過程。 

 
(3) 安裝狀態
【安裝中】

 
【安裝完成】


 
  1. 開啟 MAKAR(以下教學為 Oculus 專屬步驟)

(1) 點擊「探索」→「查看開發人員動態」。
 
(2) 點擊紅框中的圖示。

 
(3) 選擇「不明來源」。

 
(4) 開啟 MAKAR。



▲ 頭盔中「不明來源」的路徑可能會隨著軟體更新改變。

ADB 安裝教學

ADB 全名是 Android Debug Bridge,是開發或使用 Android 時很常用到的工具。
可以從電腦透過 USB 連線到 Android 裝置上,並利用指令列來控制裝置。
  • ADB 安裝教學- Windows 7/8
  • ADB 安裝教學- Windows 10
  • ADB 安裝教學-MacOS
  • 使用 ADB 安裝MAKAR
 ――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

【ADB 安裝教學 - Windows 7/8】 

✶ 紅色文字為 Windows 7/8 作業系統專屬流程。 

1. 下載 ADB 檔案

(1) 解壓縮 ADB 檔案後放入 C 槽。
➟ Windows 版本下載路徑:https://dl.google.com/android/repository/platformtools-latest-windows.zip
 

2. 放置 ADB 的路徑加到系統路徑內

(1) 在「本機」按滑鼠右鍵,選擇「內容」。
(2) 選擇左邊的「進階系統設定」。
(3) 選擇「進階」標籤,然後按架「環境變數」。
(4) 在環境變數視窗內,先找到「系統變數」內的「Path」欄位,反白後按下下方的編輯。
(5) 在跳出的「編輯系統變數」的變數值欄位,將游標移到最後,並加上「;C:\platformtools」。注意有個分號 「 ; 」 在前面。
(6) 編輯完成後,按下下方的確定按鈕。
 
 

3. 打開「命令提示字元」

✶ Windows 7 作業系統
(1) 點選左下角的「開始」。
(2) 在下方的搜尋欄位輸入「CMD」。
(3) 點擊搜尋結果的 CMD 應用程式。
 
✶ Windows 8 作業系統
(1) 請對著左下角的「開始」點選滑鼠右鍵。
(2) 再點選「命令提示字元」。


4. 確認安裝正確

(1) 在「命令提示字元」程式中,輸入「adb –version」並按下 ENTER, 如果有出現版本訊息,就代表安裝正確了。 


――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 

【ADB 安裝教學 - Windows 10】

✶ 紅色文字為 Windows 10 作業系統專屬流程。
 

1. 下載 ADB 檔案

(1) 解壓縮 ADB 檔案後放入 C 槽。
➟ Windows 版本下載路徑:https://dl.google.com/android/repository/platform-toolslatest-windows.zip
 

2. 將放置 ADB 的路徑加到系統路徑內 

(1) 在「本機」按滑鼠右鍵,選擇「內容」。
(2) 選擇左邊的「進階系統設定」。
(3) 選擇「進階」標籤,然後按下「環境變數」。
(4) 在環境變數視窗內,先找到「系統變數」內的「Path」欄位,反白後按下下方的編輯。
(5) 按下「瀏覽」,在瀏覽資料夾中選擇剛剛解壓縮到C槽的 ADB 資料夾「platformtools」,按下確定。
(6) 最後確認列表裡面有「C:\platform-tools」代表有正確設定,按下「確定」後退出。 

 

3. 打開「命令提示字元」

(1) 請點選左下角的「放大鏡圖示」。
(2) 在下方的搜尋欄位輸入「CMD」。
(3) 點選搜尋結果的「命令提示字元」。 
 
 

4. 確認安裝正確

(1) 打開「命令提示字元」視窗,輸入「adb –version」並按下 ENTER,如果有出現版本 訊息,就代表安裝正確了。 
 
――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 

【ADB 安裝教學 - MacOS】

✶ 所有操作都將在「終端機」進行。
 

1. 打開「終端機」

(1) 請點選下方的「啟動台」圖示。
(2) 在上方的搜尋欄位輸入「終端機」。
(3) 點選搜尋結果的「終端機」。
 

2. 下載ADB檔案

3. 解壓縮下載的檔案並移動到正確的資料夾

(1) 解壓縮的指令:unzip platform-tools-latest-darwin.zip

(2) 搬移檔案的指令:mv platform-tools /etc

4. 編輯路徑檔案

(1) 編輯檔案的指令:sudo vim /etc/paths

(2) 在檔案最後加上 「/etc/platform-tools」然後結束編輯,並重開終端機。 

 

5. 確認安裝正確 

(1) 打開「終端機」視窗,輸入「adb –version」並按下 ENTER,如果有出現版本訊息,就代表安裝正確了。

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
 

【使用 ADB 安裝 MAKAR】

1. 前製作業 1

打開「終端機」/「命令提示字元」並移動到所下載的 MAKAR 檔案位置。
 

2. 前製作業 2

將裝置透過 USB 線連接到電腦。
 

3. 前製作業 3

若裝置內已有其他版本的 Makar,請將其解除安裝。
 

4. 安裝 Makar 檔案

安裝的指令:adb install 「Makar 檔案名稱.apk 」。
 

5. 確認安裝正確

打開裝置,如果有出現 Makar 應用程式,就代表安裝正確了。