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)




















元宇宙籤筒-應用變數與陣列製作MR專案
本篇教學已融入MAKAR Blockly進行專案製作,其中應用積木包含:轉變、動作、控制、事件、變數與陣列等。設定變數防止同時點擊觸發物件發生,並設置可見度關閉所有物件後出現籤筒,點擊籤筒後透過陣列出現隨機整數獲得結果。- 啟動PPT素材,編輯貼圖文件後輸出JPG

- 檔案>另存新檔>JPG圖

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

設置基礎物件
- 擺放三隻模型(可根據需求擺設),並建立文字答對囉及答錯囉。

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

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

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

- 開啟邏輯工具

- 設定基礎物件可見度

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


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


- 設定長頸鹿出現籤筒與籤詩前的動作
- 複製設置可見度調整為不成立,共三組(長頸鹿、貓頭鷹、貓)
- 設定籤筒lottery01可見度成立
- 新增變數>開始抽籤>成立

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

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

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

- 設定重複抽籤
- 事件>點擊執行
- 設置Lottery (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



二、3D 天燈貼圖繪製

Ex. C:UsersUserDesktopSkyLantern


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


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

Blender相關教學(非天燈模型)
- 建模:https://www.youtube.com/watch?v=oM_0U7CLYPg
- 拆解UV:https://www.youtube.com/watch?v=A5yVX2jKIyc





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,設定封面

體驗專案囉
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空間專案建立概念
【建立新專案】
1.左上角按下建立新專案

【下載線上素材】
1.點選>新增素材>線上素材

2.選擇下載所需素材,素材名稱:植物床A

【將素材放進畫面】
1.選擇素材 > 拖拉至畫面中間
2.將素材拖拉進來後你可以在畫面上看到尺標
說明:小網格中的10cm等於現實生活尺寸10cm;一個大網格等於100cmX100cm

3.重複上述的動作,將其他素材放進來
4.透過移動、旋轉、縮放來調整物件大小,調整到適合的大小就可以了
5.設定好後,根據額外需求放進其他元素

【設定材質球】
在所有的素材中都可以在右邊介面調整它的材質 > 標準 > 無光標準

將所有素材都更改成「無光標準」,材質會呈現無光模式,更像卡通的風格

【建立群組】
1.框選所有物件後,按住Ctrl鍵點選樹木,反之再次點選擇為取消選取
2.將其他物件拖拉進樹裡,其他物件就會成為他的子物件

【專案發布】
點選右上角發布專案

可以設定公開或是私人

【如何體驗】
拿起手機,輸入ID並掃描辨識圖就能進行體驗囉!
1.安裝MAKAR App
2.點擊連結啟動 / 或是掃描QRcode進入專案

3.掃描地板,看見白色後點擊屏幕啟動MR
4.一起體驗MR吧
