MAKAR | AR/VR/MR 教學

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

2023-05-19
by 曾慶良主任

▲ 課程簡報

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骨架綁定

2022-12-25
by 阿凱老師

課程主題：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」專案啟動，點擊「開始體驗」對準平面。

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

2022-11-18
by

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

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

檔案＞另存新檔＞JPG圖

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

設置基礎物件

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

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

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

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

開啟邏輯工具

設定基礎物件可見度

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

新建積木＞假如執行

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

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

設定抽筒功能

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

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

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

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

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

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

2022-08-16
by Lina老師

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

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

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

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

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

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

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

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

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

2022-03-23
by MAKAR

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

步驟1.
進入競賽官方網站，選擇報名組別完成競賽報名
https://www.miflydesign.com

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

學生組
A老師要同校，不同校要授課證明
A學生要同校，不能跨校組隊

------------------------------------------------
步驟2.
等待收穫競賽正式帳號，並完成登入。

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

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

教師組 https://makerar.pse.is/3x6gf5
學生組 https://makerar.pse.is/3vntdb

------------------------------------------------
步驟4.
選擇可參加的競賽進行學習
https://www.miflydesign.com/makar-course
或觀看步驟9.教學材料

------------------------------------------------
步驟5.
加入競賽社團獲得最新資訊
https://www.facebook.com/groups/MakarGroup

------------------------------------------------
步驟6.
學習基本教學(必看)
https://www.youtube.com/playlist?list=PL7l14EeZGNRWk03uABGNqMsKSjNerTr_J

這邊可以觀看相關案例
https://www.miflydesign.com/makar-movie

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

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

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

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

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

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

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

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

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

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

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

MR放天燈教學

2022-01-17
by Lina老師

課程大綱

3D Blender安裝
3D 天燈貼圖繪製
安裝MAKAR
設置天燈動畫
建立MR天燈
一起放天燈囉
QA時間
素材這裡下載

一、 3D Blender安裝

1. 下載並安裝Blender並啟動 https://www.blender.org/download

2. 設定語系為繁體中文，編輯＞編號設定＞正體中文

二、3D 天燈貼圖繪製

1. 啟動PowerPoint並開啟素材檔案「sky lantern.pptx」，切換第三頁調整文字或背景並添加自己的元素。

2. 於桌面建立一個新資料夾SkyLantern（資料夾路徑必須為全英文）

Ex. C:UsersUserDesktopSkyLantern

3. 將全部元素選取，右鍵＞另存成圖片

補充說明：輸出時須特別注意，物件不可大於簡報編輯範圍，否則圖片輸出時會有黑邊或其他問題，以下圖為例，必須在藍色線框中，若為透明物件也將產生輸出大於簡報編輯範圍的狀況。

4. 選擇副檔名.png可攜式網路圖形格式，並命名：SkyLantern.png

關於3D天燈貼圖解說

3D模型皆由「點線面」所構成，若要將貼圖平面畫則須要透過UV拆解，以圓柱舉例，當左邊圓柱從中間拆開並攤平後，會成為右圖的概念，而重疊與中間的「長命百歲」則是這個圓柱模型貼圖的交界點。

Blender相關教學(非天燈模型)

建模：https://www.youtube.com/watch?v=oM_0U7CLYPg
拆解UV：https://www.youtube.com/watch?v=A5yVX2jKIyc

5. 繪製MR專案封面圖，並輸出為.png檔案。

6. 啟動Blender，刪除右側預設Cube

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

2021-07-10
by MAKAR

XR實務應用(初階)課程

2021-04-06
by MAKAR

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

課程大綱：

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

課程流程：

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

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