教學

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

 

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

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

  • 設定語系為繁體中文,編輯>編號設定>正體中文

 

3D 天燈貼圖繪製

  • 啟動PowerPoint並開啟素材檔案「sky lantern.pptx」,切換第三頁調整文字或背景並添加自己的元素。
  • 於桌面建立一個新資料夾SkyLantern(資料夾路徑必須為全英文)

Ex. C:UsersUserDesktopSkyLantern

  • 將全部元素選取,右鍵>另存成圖片

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

  • 選擇副檔名.png可攜式網路圖形格式,並命名:SkyLantern.png

 

關於3D天燈貼圖解說

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

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

  • 建模:https://www.youtube.com/watch?v=oM_0U7CLYPg
  • 拆解UV:https://www.youtube.com/watch?v=A5yVX2jKIyc
  • 繪製MR專案封面圖,並輸出為.png檔案。
  • 啟動Blender,刪除右側預設Cube

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


XR實務應用(初階)課程


【XR實務應用(初階)課程】


核准文號:北市研習字第1100129033號
研習名稱:XR實務應用(初階)
主辦單位:臺北市立南門國民中學
研習日期:2021/4/23~2021/4/23
------
本次課程以VR校園導覽行數位導覽學習製作,

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


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

 

前往臺北市教師在職研習網

選擇發布單位搜尋:臺北市立南門國民中學

 

 

XR實務應用(進階)課程

 

【XR實務應用(進階)課程】

核准文號:北市研習字第1100129034號

研習名稱:XR實務應用(初階)

主辦單位:臺北市立南門國民中學

研習日期:2021/4/30~2021/4/30

研習對象:教師20名,以學校薦派順序錄取。


------

本次課程以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:授權書提供之帳號
密碼:根據授權書或學校自訂