教學

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專案

本篇教學已融入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:授權書提供之帳號
密碼:根據授權書或學校自訂