教學

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. 輸出完成後的樣子。

AR 作為遊戲化的融形式


 
Wang Ivy 設計的 ＡＲ遮罩

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

 ​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
 

▌課程影片


 

應用 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
 

▌課程影片


 

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




▲ 課程影片
 

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

元宇宙籤筒－應用變數與陣列製作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. 完成後可以按下執行進行體驗囉！

 

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

在這數位內容的時代，如何應用多元化的軟體結合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減面教學）。
 

MR放天燈教學

​

課程大綱

  • 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


 

7. 檔案　＞　匯入　＞　FBX(.fbx)


8. 到桌面SkyLantern資料夾中匯入，請先下載素材（請確保路徑為全英文）


9. 匯入完成


10. 切換上方選單列為「Shading」


11. 選擇右側場景選集＞打開Group1＞選擇sky


12. 找到下方Principled BSDF「基礎色彩」並跟隨連接線，按住滑鼠中鍵往上滑，找到細項視窗進行編輯


13. 找到Sky1視窗，選擇右側X按鈕刪除當前貼圖


14. 刪除成功後，上面的天燈會變成灰色，原本的視窗會出現「開啟」選項


15. 點選開啟選項，匯入剛剛製作的SkyLantern.png圖檔


16. 成功貼上自製的貼圖後，會出現於天燈上


17. 選擇右側場景選集＞打開Group1＞選擇fire1


18. 找到下方Principled BSDF「基礎色彩」並跟隨連接線，按住滑鼠中鍵往上滑，找到細項視窗進行編輯，找到Sky1視窗，選擇右側X按鈕刪除當前貼圖，匯入剛剛製作的SkyLantern.png圖檔


19.  完成天燈本身及天燈內的火焰貼圖更換後，進行輸出。
常見問題：為什麼要換兩張圖？看不出來差別？
說明：原因是，火焰的貼圖是同一張圖，必須一同更換，否則輸出為FBX時則無法夾帶在3D模型中。

20. 檔案＞匯出＞FBX(.fbx)



三、安裝MAKAR
請參考安裝教學說明：https://www.makerar.com/tutorial_01?id=134

四、設置天燈動畫
1. 建立新專案


2. 並命名專案名稱、設定專案封面＞確認


3. 上傳3D模型


4. 將3D模型拖拉至場景中



5. 設定天燈材質
(1) 材質球屬性名稱：lambert10，設定材質球：無光-標準


(2) 材質球屬性名稱：line，設定材質球：純色


(3) 材質球屬性名稱：fire，設定材質球：遮罩(去背)，設定後火焰背景為透明




6. 設定天燈動畫，展開新增動畫選項
(1) 新增動畫名稱：Stop，並按下完成動畫新增
 

(2) 新增動畫名稱：paly，並按下完成動畫新增
 

(3) 切換動畫名稱為Stop並修改時間軸為0~0，此時天燈將不再自動飛起



 
7. 重新命名，選擇場景物件SkyLantern雙擊兩下，重新命名為：01


8. 選擇01按下Ctrl+D進行複製，並切換移動工具移動至左側並重新命名為02；選擇01按下Ctrl+D進行複製，並切換移動工具移動至右側並重新命名為03。



9. 選擇01　＞　新增功能　＞　切換動畫，依序設定為01、Play、單次執行、結束後還原。


10. 選擇02　＞　新增功能　＞　切換動畫，依序設定為02、Play、單次執行、結束後還原。


11. 選擇03　＞　新增功能　＞　切換動畫，依序設定為03、Play、單次執行、結束後還原。


12. 設定完成後，可進行專案發布。


五、一起放天燈囉
1. 下載MAKAR ID CODE ＞　帳戶設定


2. 切換至行動條碼，調整尺寸為X3，選擇下載存放地點並確認儲存


3. 使用手機建立專案 QR CODE
(1) 開啟MAKAR APP，按下右上角分享獲得專案連結


Yo! Let's click
https://ssl-api-makar-v3-apps.miflyservice.com/Makar/deeplink/?url=mifly://makar/?openpage=ProjectPlayPage&projectType=ar_slam&projectId=6198fa9c1b3e31871a7043639ce0622b and see something new at SkyLantern made by MAKAR from MAKAR!
 (If you can’t click, open MAKAR and enter SkyLantern on the search page)
 
(2) 製作專案QR CODE，進入QR CODE生成網站http://qr.calm9.com/tw



(3) 貼上連結
https://ssl-api-makar-v3-apps.miflyservice.com/Makar/deeplink/?url=mifly://makar/?openpage=ProjectPlayPage&projectType=ar_slam&projectId=6198fa9c1b3e31871a7043639ce0622b and see something new at SkyLantern made by MAKAR from MAKAR!


(4) 獲得QR CODE


(5) 建立至專案PPT，設定封面


體驗專案囉
 

師大-搜尋monitor-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 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／Pro安裝 MAKAR

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

▍第一步、下載 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 作業系統專屬流程。 

１. 下載 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) 按下「瀏覽」，在瀏覽資料夾中選擇剛剛解壓縮到Ｃ槽的 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 應用程式，就代表安裝正確了。