MAKAR快閃-腦力手速大挑戰!當 MR 紙相撲融合 NPC 對戰機制
腦力手速大挑戰!當 MR 紙相撲融合 NPC 對戰機制
隨著七月暑假的到來,本月快閃主題帶你重溫童年記憶,和我們一起玩 MR 紙相撲!這次活動將紙相撲升級成 MR 版本,並加入了 NPC 對戰機制,讓你隨時隨地都能體驗緊張刺激的對戰樂趣。
本次課程我們將重點教學如何運用邏輯積木功能來設計遊戲規則和機制。邏輯積木功能簡單易學,讓你可以輕鬆掌握並應用到各種創意中。即使你是新手,也能在短時間內上手,並且創作出屬於你自己的遊戲內容。
而我們將紙相撲結合 NPC 對戰機制,增加了遊戲的挑戰性和趣味性。運用簡單的邏輯積木設置 NPC 的行為,讓遊戲更加豐富多變。
透過我們為期一小時的課程,你也可以輕鬆打造出這款充滿童趣的小遊戲。拚上你的手速,用盡全力將對手推出擂台,享受挑戰與勝利的快感!快來學學如何製作這款遊戲,和家人一起度過一個充滿歡笑和樂趣的暑假吧!打造屬於你的 MR 童玩遊戲,學習如何應用邏輯積木功能設置遊戲機制,提升你的創作能力!
▌課程大綱
【MAKAR專案成果展示】
1-1、紙相撲成果展示
1-2、本次案例拆解解析
【MAKAR專案實作教學】
2-1、在MAKAR專案中擺設素材
2-2、對3D物件套用材質球效果
2-3、運用邏輯積木製作與NPC對戰遊戲
3、Q&A 時間
▌課程講師
蔡雅雯 Lina 老師
本課程已結束,完整課程影片將於 8/29 上架於 MAKAR 官方 Youtube 頻道。
MAKAR快閃-3D 創作無難事:動物音樂盒實作速成
3D 創作無難事:動物音樂盒實作速成
創作 XR 專案已經夠費腦力了,再加上使用 3D 素材需要細心調整,對於沒有 3D 設計基礎的創作者來說更是困難重重,常常花費大量時間摸索卻達不到預期的效果。你是否也曾在運用 3D 素材的過程中跌跌撞撞呢?
本月快閃主題來拯救你啦!這次我們以木柵動物園為靈感,特別推出充滿童趣的「動物園音樂盒」!本次課程中,我們將重點介紹 MAKAR 的最新功能——材質球調整與軌道工具,讓 3D 創作變得前所未有的簡單。
探索 MAKAR 中內建的線上素材庫,發現無限創意的可能性。使用 MAKAR Editor 新推出的材質球調整與軌道工具功能,讓 3D 創作不再是高手的專屬領域,新手也能輕鬆上手。MAKAR 的新功能讓材質球調整變得簡單直觀,讓每個人都能輕鬆操作,調整出最適合專案風格的模型材質。軌道工具則能以簡單的方式為你的作品設定移動路徑,讓創作更加豐富多彩。
無論你是 3D 新手還是創作高手,都能在這次活動中找到樂趣,融會貫通後展現更精彩的應用方式。快來加入我們掌握 3D 創作的奧秘,讓你的 XR 創作更加生動有趣吧~
▌課程大綱
【MAKAR專案成果展示】
1-1、動物園音樂盒成果展示
1-2、本次案例拆解解析
【MAKAR專案實作教學】
2-1、運用邏輯積木製作滾動轉軸
2-2、線上素材庫匯入素材 & 材質球調整風格
2-3、使用軌道工具調整背景動態
3、Q&A 時間
▌課程講師
蔡雅雯 Lina 老師
下載安裝 MAKAR Viewer
當您完成專案後,可使用行動裝置搭配 MAKAR Viewer 體驗專案,並且在 MAKAR Editor 進行修改儲存後,即可同步至 MAKAR Viewer,即時瀏覽體驗您的專案。MAKAR Viewer 支援 Android 以及 iOS 雙系統,不僅能輕鬆體驗 XR 內容,還能探索來自世界各地的創意專案。
MAKAR Viewer 下載資訊
【軟體名稱】:MAKAR Viewer
【軟體語言】:繁體中文、簡體中文、英文、日文
【硬體需求】:Android 支援 7.0 以上;iOS 支援 12.0 或以上版本 ,支援 iPhone6s 以上機。
【下載位置】:Android 下載、iOS 下載
在行動裝置上註冊您的 MAKAR 帳號
註冊 MAKAR 帳號管道多元,包括在網站上註冊您的 MAKAR 帳號,當然,您也能打開 MAKAR Viewer ,直接於軟體介面中註冊您的 MAKAR 帳號,讓整體操作流程更加快速,下面將說明在行動裝置中註冊 MAKAR 帳號的流程。
1. 在您的行動裝置上點擊 MAKAR Viewer。 | 2. 進入登入頁面,點擊「登入/註冊」。 |
3. 點擊「註冊」。 | 4. 輸入您的註冊資訊後,點擊「下一步」。 |
5. 填寫您的個人資料,點擊「註冊」。 | 6. 請在喜好設定中選擇至少一種類型後,點選「確認」。 |
7. 註冊成功,順利進入推薦專案區,這裡將根據您在上一步驟中選擇的喜好,推薦相關專案。 |
使用第三方帳號完成 MAKAR 帳號註冊
MAKAR 提供第三方登入,且註冊即登入,可快速完成您的帳號註冊,您可以打開 MAKAR Viewer ,直接於軟體介面中使用第三方帳號進行註冊,第三方登入:Google、1Campus、Apple,下面流程以 Google 帳號為例。
※ 欲詳細了解每個第三方登入流程的畫面,可參考 MAKAR Editor 教學中 使用第三方帳號完成 MAKAR 帳號註冊 的部分。
1. 在您的行動裝置上點擊 MAKAR Viewer。 | 2.點選「登入/註冊」。 |
3. 進入登入頁面,下方有三種第三方登入的icon,點選最左側的 Google icon。 | 4. 跳出視窗,點選「繼續」。 |
5. 輸入您的 Google 帳號資訊。 | 6. 登入成功後,畫面跳回軟體頁面,請在喜好設定中選擇至少一種類型後,點選「確認」。 |
7. 註冊成功,順利進入推薦專案區,這裡將根據您在上一步驟中選擇的喜好,推薦相關專案。 |
使用帳號登入 MAKAR Viewer
如果您尚未有 MAKAR 帳號,MAKAR 提供多種管道註冊帳號,請先根據您的需求點選相關教學。
- 從網站或 MAKAR Editor 註冊:在網站上註冊您的 MAKAR 帳號、使用第三方帳號完成 MAKAR 帳號註冊
- 從 MAKAR Viewer 註冊:在行動裝置上註冊您的 MAKAR 帳號、使用第三方帳號完成 MAKAR 帳號註冊
※ 若您使用第三方帳號註冊,因註冊即登入,可參考相關的註冊教學即可。
若您已擁有 MAKAR 帳號,請參考以下的登入流程。
在 MAKAR Viewer 登入帳號
1. 打開 MAKAR Viewer,點擊「登入/註冊」。
2. 在登入頁面輸入您的帳號密碼。
3. 登入成功,畫面跳轉至您的個人頁面。
訪客模式進入 MAKAR Viewer
訪客模式因無帳號,在使用上有一定的限制。基礎功能如調整喜好設定、系統設定和通知設定仍可使用,但關於個人的相關功能,如收藏專案、關注作者等,則無法使用。
※ 若要以帳號登入 MAKAR Viewer,請參考 使用帳號登入 MAKAR Viewer 教學文章。
1. 打開 MAKAR Viewer,點擊「開始體驗」。
2. 順利進入 Viewer 畫面。
混合實境
混合實境
混合實境是什麼?
混合實境(Mixed Reality)是結合真實和虛擬的技術,融合了擴增實境(AR)和虛擬實境(VR)的特點,透過模擬真實感知,隨著使用者移動,虛擬物件的大小和角度即時調整,讓使用者有如在真實與虛擬之間自由穿梭的感覺。搭配 MAKAR Editor 製作 MR 專案,輕鬆添加虛擬物件,將虛擬和現實完美交織,實現創作元宇宙的豐富體驗。
如何創建混合實境專案?
1. 在 MAKAR Editor 左側點選「建立新專案」。
2. 跳出建立專案欄,類型點選「混合實境」。 右側欄位請參考 完成專案基本設定 之教學設定基本欄位。
3. 成功進入混合實境專案,拖曳物件至場景中,開始製作專案。
延伸閱讀:
啟動 Web XR 方法
啟動 Web XR 方法
當您在 MAKAR Editor 完成專案時,通常會使用 MAKAR Viewer 來開啟專案,而除了 MAKAR Viewer 之外, MAKAR 同時提供以 URL 網站格式發布專案的服務,讓您無須安裝任何軟體,即可以立即體驗專案,下面將以 AR 圖像擴增實境為例,說明啟動 Web XR 的流程。
1. 在 MAKAR Editor 首頁,選擇已完成的專案點擊「」→ 「分享專案」。
2. 跳出分享專案視窗,在 Web XR 點選「複製連結」,將複製的連結傳至您的手機或平板。
3. 利用手機或平板點開連結,進入 Web XR 流程。
Web XR 的操作方式
※ 體驗這些流程時,網站通常會請求取得您的操作、方向資訊及相機使用權,請點擊「允許」,以順利進行體驗。
▲ 點擊「Model View」直接觀看模型本身。 | ▲ 點擊「XR」體驗整個專案流程。 | ▲ 點擊「Target Download」顯示圖像辨識,點擊「Donload Target」即可下載。 |
手機/平板的使用方式
▲ 單指拖動:第一人稱視角旋轉模式 | ▲ 雙指拖動:第一人稱視角平移模式 | ▲ 雙指捏合縮放:第一人稱視角縮放模式 |
製作 AR 拍照框
製作 AR 拍照框
MAKAR Editor 提供多種專案類型,如果您想要製作 AR 拍照框,基本上可以使用所有五種專案類型來進行,因為其核心功能在於 2D 模式的應用,2D 模式功能在所有專案類型中均可使用,使得製作 AR 拍照框更加靈活和便捷。
內容目錄 |
建立 AR 拍照框之流程
MAKAR Editor 的五種專案類型,皆可使用 2D 模式功能建立相片框,差別在於觸發相片框的方式略微不同。
- 直接觸發 AR 拍照框:混合實境、虛擬實境、延展實境
- 間接觸發 AR 拍照框:圖像擴增實境、手勢擴增實境
本次使用的教學素材,可點擊 AR 相片框 下載相關的素材。
接下來將各自說明,由虛擬實境及圖像擴增實境建立 AR 拍照框的流程。
1. 在 MAKAR Editor 首頁,點擊「建立新專案」。
2. 跳出選擇專案類型視窗,點選「虛擬實境」,再按下「確認」。
3. 進入虛擬實境專案,在場景物件中點擊「VR 場景」。
4. 右側跳出虛擬實境的圖像選擇,點選「環景圖」→「預設相機」。
5. 接著在場景右上方點擊「3D」,將模式轉換成 2D 模式。
6. 進入 2D 模式後,從右側拉 2D 素材至場景中。
7. 調整圖片並將其放置在適當的位置。
※ 如果您需要調整 2D 尺寸,請務必依據使用者設備的尺寸進行調整,而不是針對圖像素材的尺寸,這樣可以確保顯示效果的最佳化,避免跑版問題。有關尺寸調整步驟,請參考 在 2D 模式下編輯 教學。
8. 調整完成後,點擊「保存專案」→「發布專案」,就可以開始體驗 AR 相片框!
※ 發布專案前須設定專案類型,未設定者請點選上方「檔案」→「專案設定」選擇類別進行設定。
1. 在 MAKAR Editor 首頁,點擊「建立新專案」。
2. 跳出選擇專案類型視窗,點選「圖像擴增實境」,再按下「確認」。
3. 進入圖像擴增實境專案,在場景右上方點擊「3D」,將模式轉換成 2D 模式。
4. 進入 2D 模式後,從右側拉 2D 素材至場景中。
5. 調整圖片並將其放置在適當的位置。
※ 如果您需要調整 2D 尺寸,請務必依據使用者設備的尺寸進行調整,而不是針對圖像素材的尺寸,這樣可以確保顯示效果的最佳化,避免跑版問題。有關尺寸調整步驟,請參考 在 2D 模式下編輯 教學。
6. 調整完成後,點擊「保存專案」→「發布專案」,就可以開始體驗 AR 相片框!
※ 發布專案前須設定專案類型,未設定者請點選「檔案」→「專案設定」選擇類別進行設定。
體驗 AR 拍照框
在 MAKAR Editor 完成您的 AR 拍照框後,您可以透過 MAKAR Viewer 或 Web 兩個方式進行體驗,下面將說明體驗的流程。
1. 由 MAKAR Viewer 開啟專案的方式主要有兩種:
從 MAKAR Editor 取得專案連結:
步驟一 | 步驟二 |
在搜尋欄輸入您的 ID 或專案名,選擇欲體驗的專案,最後點擊「開始體驗」。
步驟一 | 步驟二 | 步驟三 |
2. 成功開啟 AR 相片框:
1. 在 MAKAR Editor 首頁,對著欲體驗的專案點擊「」→ 「分享專案」。跳出分享專案視窗,在 Web XR 點選「複製連結」。
步驟一 | 步驟二 |
2. 利用手機或平板點開連結,進入 Web XR 流程。
※ 有關 Web XR 詳細操作,請觀看 啟動 Web XR 方法 之教學。
3. 成功開啟 AR 相片框:
新增您的素材
新增您的素材
新增素材至您的素材庫
於左側素材庫點選「新增」,上傳圖片、影片檔、3D模型、音樂、環景素材。
在線上素材庫中下載素材
於左側素材庫點選「線上素材」,提供 MAKAR 素材庫及 Sketchfab 素材庫。 點擊「」觀看素材、點擊「」下載模型。
1. MAKAR 素材庫點擊「」觀看素材、點擊「」下載模型。 | 2. Sketchfab 素材庫需要註冊帳號並登入才能進入素材庫,點擊「免費註冊」可以進行註冊。 |
如果您已上傳自己的模型或是由線上素材庫下載模型,您可以從素材庫直接拖曳至場景中,接下來就可以開始進行創作!
延伸閱讀:
管理您的素材庫
管理您的素材庫
MAKAR Editor 中的素材庫可容納 3D 模型、圖片、媒體等多種類型的素材,您可以利用基本功能來妥善管理素材庫,包含移動素材、新增資料夾、刪除素材、匯出素材、搜尋素材,以下將說明管理 MAKAR 素材庫的基本功能。
內容目錄 |
- 選取素材並按壓左鍵進行拖曳,依照您的需求排序素材。
▲ 按右鍵新增資料夾 | ▲ 雙擊資料夾重新命名 |
- 在素材庫中按右鍵,跳出「」,針對需求拖曳素材至資料夾做整理。
- 對著資料夾名稱點擊兩下,可重新命名此資料夾。
刪除素材
- 在素材庫中選取素材,點擊底下的「」,即可刪除此素材。
從素材庫中匯出您的素材(下載素材)
在您的素材庫中可以透過下載,匯出素材至您的電腦。
匯出素材有兩種路徑:
▲ 從素材庫下載 | ▲ 從我的素材庫下載 |
- 在素材庫中選擇欲匯出的素材,點擊底下的「」,選擇您在電腦的儲存路徑,即可完成素材匯出。
- 點擊「視窗」→「我的素材庫」,跳出我的素材庫視窗,選擇欲匯出的素材,點擊底下的「」,選擇您在電腦的儲存路徑,即可完成素材匯出。
搜尋您的素材庫
搜尋素材有兩種路徑:
▲ 從素材庫搜尋 | ▲ 從我的素材庫搜尋 |
- 在素材庫底下的搜尋框打上素材名,尋找您的素材。
- 點擊「視窗」→「我的素材庫」,跳出我的素材庫視窗,在底下的搜尋框打上素材名,尋找您的素材。
延伸閱讀:
管理您的辨識圖
管理您的辨識圖
若您想要管理辨識圖,在 MAKAR Editor 首頁點選「視窗」→「辨識圖」,打開辨識圖庫。
新增辨識圖
點選「」可新增辨識圖。
刪除辨識圖
選取其中一張辨識圖並點選「」可刪除辨識圖。
下載辨識圖
選取其中一張辨識圖並點選「」可下載辨識圖。
辨識圖被鎖定
如果辨識圖被鎖定,代表您目前有專案正在使用這張辨識圖,不可刪除。若要刪除辨識圖,請先移除專案再執行刪除。
延伸閱讀:
常見的素材問題
常見的素材問題
如果您在使用 MAKAR Editor 時,碰到一些素材上的常見問題,可點擊「幫助 → 常見問題」,打開常見問題視窗,下面將說明可能會遇到的素材問題與解決方式。
1. 檢查遺失素材 | 如果在您的素材庫找不到已下載或已上傳的素材,但是可用容量卻減少,可點擊「檢查遺失素材」找尋遺失的素材。 |
2. 暫存清理 | 如果您的 MAKAR 容量越來越大,想要清理不必要的暫存空間,可點擊「暫存清理」釋放您的容量。 |
3. 高畫質 | 如果您的模型在匯入之後,動畫變得奇怪或不順暢,可點擊「高畫質」將效能調高,使模型正常運作。(高畫質模式需要更高的電腦效能) |
使用物件控制工具
使用物件控制工具
將不同物件拖曳至場景中時,可透過滑鼠左鍵點擊來「選取」物件,而當您點擊其中一個物件,即會出現物件控制的工具列,包含移動、旋轉、縮放三種功能,下列將說明物件控制工具的功能。
根據物件移動之需求,選擇對應的方向箭頭進行調整。 | |
根據物件旋轉之需求,選擇對應的顏色進行物件旋轉調整。 | |
|
根據物件縮放之需求,選擇對應的顏色進行物件旋轉調整, 在進行縮放功能時,建議選擇物件中央「白色方塊」進行等比例之縮放, 若以單軸顏色調整,物件將為成為非等比例之縮放方式。 |
使用 QWER 快捷鍵
由於物件控制工具使用頻率高,建議可以使用預設的快捷鍵,快速切換欲使用功能。 若您想要更改快捷鍵,請參考 更改快捷鍵設定 之教學 。
Q | 選取 |
W | 移動 |
E | 旋轉 |
R | 縮放 |
延伸閱讀:
使用滑鼠控制畫面
使用視角調整工具
文字工具
燈光工具
燈光工具
利用 MAKAR Editor 提供的預設功能,包含文字、燈光、路徑、形狀物件,能夠讓您的專案更加豐富,下列將說明文字工具的使用方式及功能。
預設物件工具列
新增燈光
1. 在左側素材庫上的工具列,拖曳「」至場景中。
2. 右側跑出燈光欄,您可以在此修改燈光模式、調整顏色等。
燈光模式說明
▲ 聚光燈 | ▲ 方向燈 | ▲ 點光源 |
聚光燈 | 具有明確的方向性,有色彩、位置及方向,屬於圓錐形照射範圍的燈光模式。 |
方向燈 | 由無限遠處照射的平行光線,只有色彩和方向,不含位置,屬於平行筆直的燈光模式。 |
點光源 | 有色彩和位置,但無單一方向,由中心球體向外擴散發光,屬於 360 度發射的燈光模式。 |
燈光功能說明
▲ 顏色 | ▲ 強度 | ▲ 範圍 |
▲ 角度 | ▲ 陰影及強度 |
顏色 | 可調整燈光顏色。 |
強度 | 可調整燈光強度。 |
範圍 | 可調整燈光由近至遠的照射。 |
角度 | 可調整燈光由小至大的角度。 |
陰影及強度 | 燈光照射物件後所產生的陰影。可選擇開啟或關閉,也可調整陰影強度。 |
延伸閱讀:
路徑工具
路徑工具
利用 MAKAR Editor 中的路徑工具,您可以創建物件的運動路徑並調整曲線,輕鬆控制物件在路徑上的移動,並可調整速度、啟動方式等,豐富動畫製作的可能性,下列將說明路徑工具的使用方式及功能。
預設物件工具列
新增路徑
1. 在左側素材庫上的工具列,拖曳「」至場景中。
2. 如果線段的間隔消失,可點選頭或尾的小方塊再次顯現。
新增 刪除 選取
在右側路徑工具中,有新增、刪除、選取三種切換功能。
新增線段的小方塊。 | |
刪除線段的小方塊。 | |
選取線段、小方塊。 |
移動 旋轉 縮放
可平移線段。
|
|
可旋轉線段並產生圓弧形的曲線。
|
|
可縮放間隔密度,越密集物件移動越慢。
|
物件跟隨
1. 點選「線段 → 選擇素材」,選擇場景物件或素材庫中的物件。
※ 在 VR 場景中可選取 camera 跟隨,VR 視角便會隨著線段移動。
2. 右側顯示動畫功能,點選播放查看物件移動路徑,也能讓物件回到原點。
3. 點選「…」,跳出詳細設定視窗。
-
物件位置:若物件已離開線段,可點選「回到起點」,讓物件移到線段原點。
-
移動速度:利用一秒鐘移動的距離,改變移動速度。
-
啟動方式設定:立即執行、延遲執行;單次、循環。
總控制點
在左右側點選「+」,頭尾會跟著增加一小方塊。
預設素材
預設素材
利用 MAKAR Editor 提供預設的 3D 與 2D 的素材,能夠讓您的專案更加豐富,打開編輯器後,您可以直接在素材庫看見「預設素材」的資料夾。
預設素材
▲ 2D 素材 | ▲ 3D 素材 |
新增預設素材
1. 在左側素材庫中拖曳形狀物件至場景中。(以 3D 物件為例)
2. 由於物件為 3D 物件,右側會顯示材質球欄,您可以在此調整物件的材質球屬性。
有關調整材質球的流程,請參考 調整與新增材質球 之教學。
延伸閱讀:
在 2D 模式下編輯
在 2D 模式下編輯
在 MAKAR Editor 中,除了編輯 3D 功能之外,也能夠在編輯器中處理 2D 的素材,並且一鍵就能將 3D 模式轉換為 2D 模式,讓您操作自如,下列將說明如何轉換 2D 模式及基本功能。
切換 2D 模式
點擊場景右上角「」,即可從 3D 模式切換成 2D 模式。
在 2D 模式下處理素材
在素材庫中拖曳 2D 素材至場景中擺放,可縮放素材尺寸、旋轉素材。
調整 2D 尺寸
我們提供具有調整 2D 尺寸的功能,這項功能的設計主要是為了因應不同使用者設備的尺寸需求,確保在各種設備上顯示的效果最佳化。
如果相片框的尺寸不符合設備的要求,可能會導致顯示異常或版面錯亂,因此,建議您在使用此功能時,根據您的設備來調整 2D 的尺寸。
1. 點擊右上角「」→「」,跳出版面尺寸,可調整 2D 介面尺寸。
2. 您可以在「PHONE」或「PAD」分類直接新增尺寸,或是在「名稱」內添加自訂義尺寸。
| |
▲ PHONE & PAD 尺寸 | ▲ 自訂尺寸 |
調整基本屬性
調整基本屬性
在 MAKAR Editor 編輯頁面的場景中,點擊物件後右側即跳出調整欄位,您可針對需求調整物件的基本屬性,而不同類型的物件能調整的基本屬性也有所不同,接下來將介紹物件調整的基本屬性及方法。
內容目錄
|
- 拖曳物件至場景後,右側顯示物件基本屬性欄。
-
屬性包含位置、旋轉、縮放,可依據您的需求直接輸入數值,或在xyz上按住左鍵拖曳來快速更改數值。
-
點選「」可快速讓物件的位置、旋轉、縮放皆重新回到預設。
-
點選「」可快速置換場上的物件。
-
拖曳音樂素材至場景後,右側顯示音樂欄。
-
可播放或暫停音樂、調整音量,及開啟循環播放。
調整 3D 素材動畫
-
拖曳夾帶動畫 3D 素材至場景後,右側顯示動畫欄。
-
根據模型自帶的動畫,點擊「名稱」可更換不同的動畫種類。
- 根據您的需求調整動畫「幀率」,並且觀看每個動畫的「時間軸」。
- 動畫切割:點擊「」跳出新增動畫視窗,利用拖曳時間軸,來擷取需要的動畫段落,並輸入名稱,最後點擊「」便能成功新增動畫。
- 拖曳 GIF 素材至場景後,右側顯示動畫欄。
- 動畫切割:點擊「」跳出新增動畫視窗,利用拖曳時間軸,來擷取需要的GIF 動畫段落,並輸入名稱,最後點擊「」即可成功新增 GIF 動畫。
調整材質球屬性
- 拖曳 3D 素材至場景後,右側顯示材質球屬性欄。
- 由於材質球的功能多樣,我們另外開設一系列材質球的教學文章,請至左側分類點選管理材質球庫的相關教學。
調整 2D 圖片
▲ 透明 | ▲ 不透明 |
- 拖曳 2D 圖片至場景後,右側顯示圖片設定欄。
- 透明代表圖片本身是透明的;不透明代表圖片本身是不透明的。
▲ 兩張皆為透明,相疊無法判斷前後落差。 | ▲ 按鈕圖調整為不透明,使圖在前。 |
-
以兩張 png 透明的圖片為例,當兩張帶有透明的圖片相疊時,由於皆為透明的情況下,系統無法判斷前後透明時產生交錯影響。因此,如果希望兩張帶有透明的圖片呈現明確的前後關係,可將後面的設置為「不透明」來解決前後交錯消失的問題。
邏輯
- 拖曳任何物件至場景後,右側顯示「邏輯」開關並點開,將物件設為邏輯物件。
- 在左上角點開「邏輯」,開始替物件排列欲觸發的編程;點擊「執行」可以預覽呈現。
- 由於邏輯使用方式複雜,我們有另外開設詳細的邏輯教學,請至左側分類點選邏輯積木的相關教學。
MAKAR快閃-新手如何快速復刻 Unity AR/VR 專案?
9 月份 MAKAR 快閃 XR 免費講座又來啦,要繼續帶給大家滿滿的元宇宙應用知識囉!
( 本課程已經結束,觀看完整課程錄影檔請點擊此處 )新手如何快速復刻 Unity AR/VR 專案?
一般來說,現在我們看到的 AR/VR 應用內容,都是透過 Unity 這個遊戲引擎工具製作出來的,但對於沒有 IT 開發背景的人來說,如果不會 C# 等等的程式語言,是很難使用 Unity 來創作自己想要的 AR/VR 應用的,會需要非常大量的學習成本,也讓很多對於 XR 應用有興趣的玩家們望之卻步。
但是,今天我們就要來拆解 Unity 的 XR 專案製作流程,並且在 MAKAR Editor 軟體中進行複刻!我們將會從AR/VR邏輯的認識、架構梳理開始,告訴你實戰 XR 創作流程,MAKAR 邏輯積木 (blockly) 設計的應用 ,並且帶你實際製作與輸出一個完成的專案!即使不會任何一行程式碼,也能打造出自己的 AR/VR 內容!
準備好了嗎!快來參加這場融合實務與創意的精采課程吧!
1. AR/VR 教材分享與推薦
2. AR/VR 教材拆解步驟
2-1. 認識 AR/VR 邏輯
2-2. 釐清教材架構
2-3. 規劃教材流程
2-4. 製作素材與輸出
3. 實作與創建 AR/VR 教材成果
4. Q&A 時間
112 年 09 月 28 日 (四)
● 課程時間:20:00 ~ 21:30 (1.5 小時)
● 課程講師:蔡雅雯 Lina 老師
iPhone/iPad 版 MAKAR 3D Scan 使用教學
MAKAR 推出 iPhone/iPad 版「MAKAR 3D Scan」APP,不須額外設備,掃描建立 3D 模型只需要一台 iPhone 或 iPad,就能夠將你喜愛的空間或物件快速建模,成為 XR 創作者最強大的助力。本次教學將詳細教你如何使用 iPhone/iPad 版 MAKAR 3D Scan APP。
內容目錄 |
---|
iPhone/iPad 版 MAKAR 3D Scan 功能介紹
不須額外設備,掃描建立 3D 模型就是這麼簡單!在元宇宙的未來中,所有人都應能夠快速進入 XR 世界,而 MAKAR 3D Scan 就是從現實走入虛擬的那扇任意門,更是每個 XR 創作者最強大的 3D 建模輔助工具。
以下是更詳細的 iPhone/iPad 版 MAKAR 3D Scan 功能說明:
1. 手機電腦即可掃描萬物:360 度繞著您想要製作成 3D 模型的物品拍下照片,將照片匯入 MAKAR 3D Scan,一台手機加上一台電腦的簡單流程,即可快速掃描產出 3D 模型。
2. 掃描精度自訂調整:擔心掃描出來的 3D 模型太大,又或者太小不夠精細?MAKAR 3D Scan 提供模型精度/模型去背等自訂選項,讓您依照自己的使用需求調整 3D 模型。
3. 支援豐富 3D 格式輸出:在 MAKAR 3D Scan 掃描製作的 3D 模型支援 USDZ / OBJ / GLB / STL 等 3D 格式輸出,讓您能無痛應用到各個平台之中。
4. 直接連動 MAKAR Editor 素材庫:登入您的 MAKAR 帳號,於 MAKAR 3D Scan 所掃描之 3D 模型將自動匯入至您的 MAKAR Editor 素材庫,無需其他步驟即可快速展開元宇宙 XR 編輯。
5. 解開 XR 元宇宙的枷鎖:輕鬆進入無限的 XR 世界。MAKAR 3D Scan 為您在現實和虛擬之間搭建橋樑!
iPhone/iPad 版 MAKAR 3D Scan 硬體最低需求與下載
【軟體名稱】:iPhone/iPad 版 MAKAR 3D Scan
【軟體語言】:繁體中文、英文
【最低需求】:空間掃描需具有 LiDAR 鏡頭;物件掃描(掃描精靈)需具有 LiDAR 功能和 A14 Bionic 晶片或更高版本,iOS 或 iPadOS17 或更高階設備。
iPhone/iPad 版 MAKAR 3D Scan 使用教學
【 基本功能介紹 】
➤ 掃描設定
1. 點擊左上角清單圖示,再點選「設定」。
2. 可設定空間掃描的範圍及網格簡化、物件掃描的輸出照片品質。
➤ 登入 MAKAR 帳號
1. 點選左上角清單圖示,再點選「個人資訊」。
2. 登入 MAKAR 帳號後,建立好的 3D 物件即可直接直接上傳至 MAKAR 編輯器。
➤ 專案重新命名
1. 在 3D 物件建立完成後,點擊三顆白點的圖示。
2. 點擊專案名稱,重新替專案命名。
【 空間掃描 】
1. 在 iPhone 或 iPad 打開手機版的 MAKAR 3D Scan,點選右上「+」。
2. 點選右側「空間掃描」。
3. 進入掃描空間,對準欲建立的場景,按下紅色按鈕開始讀取空間。一旦資料吸取成功,場景便逐步以網格建立,同時紅色區塊消逝,建議一邊移動一邊讓系統吸取空間,直到場景有被完全吸取後便可按下白色按鈕。
4. 接著進入「後製」步驟,畫面跳出解析度選項,可選擇低、中、高或是自訂來進行系統自動後製。
5. 接著點選「裁切」進入裁切步驟。
6. 依照指示修剪適當大小的場景,並按下「裁切」以利完成。若需要重新後製解析度或重新裁切場景,可再點選「後製」及「裁切」來回調整。
7. 場景建立完成,如需要重新後製、剪裁,可再次重新調整。
【 物件掃描 】
MAKAR 3D Scan 的物件掃描分為「掃描精靈」及「手動擷取」兩種功能,掃描精靈需要具有 LiDAR 功能和 A14 Bionic 晶片或更高版本,iOS 或 iPadOS17 或更高階設備;手動擷取只需要有照相功能即可建立模型,關於手動擷取的教學也曾於 MAC 版 MAKAR 3D Scan 使用教學 中介紹過。
使用掃描精靈,可以得到較多的深度資訊,建模會幾乎跟實品一樣;使用手動擷取,可以單純利用拍照掃描,較為方便。接下來將詳細說明「掃描精靈」及「手動擷取」兩種功能的使用方式。
➤ 掃描精靈
1. 在 iPhone 或 iPad 打開手機版的 MAKAR 3D Scan,點選右上「+」。
2. 點選左側「物件掃描」。
3. 點選左側「掃描精靈」。
4. 靠近目標並置中,點擊鎖定。
5. 物件周圍出現白色框框,可用手指調整鎖定大小,確認之後按下「開始掃描」。
6. 進入掃描頁面後,白點作為掃描中心,圍繞物件移動掃描並填滿軌道刻度。畫面底下同步呈現掃描現狀,白色代表刻度已填滿,填滿刻度便可進行下一步。
7. 以與物件保持距離、填滿刻度為目標掃描物件,至少需要掃描 20 張以上。當距離太遠、移動速度太等影響掃描狀況發生時,物件上方即跳出小提示來提醒使用者。
8. 當刻度填滿完成,畫面自動進入第二步掃描步驟,點選「繼續」,平行於物件再次掃描。
9. 當刻度填滿完成,畫面自動進入進入第三步掃描步驟,點選「繼續」,移至物件上方再次掃描。
10. 完成後跳出物件點雲的預覽,點擊「完成」。
11. 點擊「 iPhone 運算」建立模型。
12. 物件建立完成,點擊「 AR 預覽」以虛擬實境的方式在手機上查看物件。
➤ 手動擷取
1. 在 iPhone 或 iPad 打開 MAKAR 3D Scan,點選右上「+」。
2. 點選左側「物件掃描」。
3. 點選右側「手動擷取」。
4. 以拍攝清楚、填滿畫面、保持70%重疊率為目標,白色按鈕圍繞物件拍攝,建議正面、上面、下面至少各需要拍攝 20 張以上,便可進行下一步。
※ 拍攝越多張,建模細節越好,最多可拍攝 200 張。
5. 點擊「 iPhone 運算」建立模型。
6. 物件建立完成,點擊「 AR 預覽」以虛擬實境的方式在手機上查看物件。
【 3D 模型上傳至 MAKAR 編輯器 】
1.點擊紅框圖示,將掃描好的物件直接上傳至 MAKAR 編輯器。
※ 需要登入 MAKAR 帳號
2. 上傳至 MAKAR 軟體後,模型便會出現在素材庫。
【 輸出 3D 模型檔案 】
iPhone/iPad 版 MAKAR 3D Scan 支援輸出掃描完成的 3D 模型,有便於創作 XR 專案。想要更了解 3D 檔案格式的區別和轉檔方法,請參考 解析 GLB,OBJ,STL 等常見 3D 檔案格式,同篇加映 Blender 轉檔教學!
1. 點擊紅框圖示,可支援輸出 3D 格式:USDZ、OBJ、GLB、STL
※ 輸出模型專屬 MAKAR 專業版帳號功能
2. 未升級帳號但想要輸出 3D 模型,可將 3D 模型先上傳至 MAKAR 編輯器,並點擊「視窗」→「我的素材庫」,選擇建模好的 3D 模型,最後點擊紅色圖示即可下載至電腦。
※ 此功能僅支援下載 GLB 格式。
解析 GLB,OBJ,STL 等常見 3D 檔案格式,同篇加映 Blender 轉檔教學!
在處理 3D 模型時,你可能使用過 FBX、OBJ、GLB 等檔案格式,而不同的檔案格式,使用方式及適用情境也會有所不同,這次的教學將帶你解析常見的 3D 格式、 MAKAR 支援哪些格式、如何轉檔合適的格式,讓你在處理模型時能節省更多時間。
內容目錄 |
---|
各種 3D 檔案格式介紹
【 FBX、OBJ、STL、GLB、USDZ 】
FBX |由 AutoDesk 公開的 3D 檔案格式。
檔案支援 3D 面向、紋理、骨架等數據,也支援音樂、影片元素。
如果需要輸出動態 3D 模型,建議使用 FBX。
OBJ|由 Wavefront Technology 公開的 3D 檔案格式。
檔案支援 3D 面向、紋理數據,但不支援動畫、音樂及影片等媒體數據。
由於可以記錄的數據類型相對 FBX 少,因此數據量再輕一些。
如果需要輸出靜態 3D 模型,建議使用 OBJ。
STL|由 3D Systems 公開的 3D 檔案格式。
主要用於 3D 列印及電腦輔助設計(CAD),不支援 3D 紋理數據。
通常會將 STL 數據載入到 3D 印表機中進行列印,輔助設計師產出樣板零件。
GLB|由 Khronos Group 公開的 3D 檔案格式。
一種經過優化的模型格式,可將模型的材質、紋理和動畫等資訊合併到單一檔案中。
可輕鬆在網路上顯示 3D 內容,有時被稱為 3D 版本的 JPEG。
檔案支援簡單的動畫,檔案通常較小。
USDZ|由 Pixar Animation Studios 與 Apple 公開的 3D 檔案格式。
專門用來儲存 AR 圖像,包含播放音樂,iPhone 和 iPad 可使用 AR Quick Look 來瀏覽 USDZ,但僅限 iOS 產品使用。
【 3D 檔案格式比較表格 】
文件格式 |
目的 |
紋理 |
動畫 |
媒體 |
文件大小 |
---|---|---|---|---|---|
FBX |
3D 建模 |
外部紋理 |
支援動畫 |
支援音樂、影片 |
較大 |
OBJ |
3D 建模 |
外部紋理 |
靜態 |
不支援 |
適中 |
STL |
3D 列印 |
不支援 |
靜態 |
不支援 |
較小 |
GLB |
網頁上顯示 3D模型 |
紋理包含在一個檔案中 |
支援動畫 |
不支援 |
較小 |
USDZ |
Apple 設備上顯示 3D 模型 |
外部紋理 |
支援動畫 |
不支援 |
較小 |
MAKAR 支援的 3D 檔案格式
【 MAKAR 編輯器支援類型 】
MAKAR 編輯器支援上傳 FBX 及 GLB 兩種 3D 檔案格式,除了上傳自製的 3D 模型外,也能從 3D 素材網下載免費的物件,以 Sketchfab 為例,輸入欲找尋的物件並勾選可下載,接著找到喜歡的模型點選下載圖式,便可選擇下載 FBX 或 GLB 兩種格式。
※ 雖 MAKAR 編輯器中的線上素材庫,有直接提供 Sketchafab 的模型來源,可一鍵下載方便在編輯器操作,但往往從編輯器下載 Sketchafab 的模型,其預設檔案大小都是最大化,導致專案內容過大,如欲使檔案輕量化,建議從網站下載模型。
打開 MAKAR 編輯器,點選「新增素材」➔「3D 模型」並上傳 GLB 或 FBX 檔案,上傳完成模型即會出現在素材庫中,可拖曳至中央開始編輯創作。建議上傳 GLB 檔案,格式較小,速度較快。
凡於外部網站下載的免費模型,請於「專案設定」的描述欄附註作者來源。
【 MAKAR 3D Scan 輸出 3D 模型檔案 】
不管是 iPhone/iPad 版 MAKAR 3D Scan 或是 MAC 版 MAKAR 3D Scan,當掃描建模完成後,皆提供給 MAKAR 專業版帳號 3D 檔案匯出之功能,支援匯出 USDZ、OBJ、GLB、STL 四種 3D 檔案格式。
▼ iPhone/iPad 版 MAKAR 3D Scan 輸出位置
▼ MAC 版 MAKAR 3D Scan 輸出位置
使用 Blender 轉檔教學
現今雖有許多線上 3D 轉檔的網站,方便了 XR 創作者使用,但線上轉檔往往有很多不確定性,造成模型毀損、動態失效等狀況時有所聞,若是想要洽當處理 3D 模型,使用 3D 軟體是最佳的選擇,而 Blender 是一個強大且免費的 3D 軟體,任何你在網路上得到的 3D 模型都可以用 Blender 檢查並轉檔,下列將以 Sketchfab 的 恐龍模型(created by pikabobalex) 為範例,敘述如何使用 Blender 軟體轉檔,讓 XR 創作更加輕鬆上手。
【 將 GLB 轉檔至 FBX 】
▌ 檢查檔案
1. 開啟 Blender,選擇「General」。
2. 選擇方塊按下delete,刪除預設的方塊。
3. 選擇「檔案」 ➔ 「匯入」 ➔ 「glTF2.0」,匯入欲轉檔的 3D 模型。
※ 模型名稱必須以英文為名,中文檔名無法匯入。
4. 點擊上方「Viewport Shading/視接口著色」檢查貼圖是否正常,貼皮有顯示出來即正常;點擊底下播放鍵檢查動畫是否正常。
▌ 重新排序
由於 FBX 能吃的效果相較 GLB 較少,若是直接將它轉檔成 FBX,輸出後的物件貼皮就會跑掉。因此,如果 3D 物件如下圖掛著許多效果器,在轉檔前就必須縮減效果器,接下來將講解如何只留下貼皮效果器。
1. 將介面切換至「Shading」,點擊模型後跑出紅框中的序列,檢查底下的序列是否有相連好。
2. 留下深紅色「Material/材質輸出」及棕色「Image Textureg/影像紋理」,其他效果器直接刪除。如果出現兩個棕色以上的影像紋理(貼皮),留下一個主要的影像紋理,其餘刪除。
3. 對著黑色區域按右鍵,依序點選「Add/添加」 ➔ 「Shader/著色器」 ➔ 「Principled BSDF」,並將它擺放至正中間。
4. 將「Image Texture/影像紋理」連至「Base Color/基礎色彩」、「BSDF」連至「Material/材質輸出」的「Surface/表面」。
5. 紅框中的區塊是模型內的各種材質球,切換後會跑出不同的序列。將每個有效的材質球都執行上述重新排序的動作。
6. 若材質球顯現出來的貼圖沒必要留下,需要刪除做整理,點擊右上方紅框圖示,並點選「Blender File/Blender 檔案」 ➔ 「Materials/材質」,便可以找到模型裡所有的材質球,按右鍵刪除不需要的材質球。
7. 也可以在這裡重新命名材質球名稱,以便整理。
▌ 打包貼圖影像
從外部下載的 3D 模型,容易掉貼圖的可能性仍高,操作 3D 模型的時候建議先「打包貼圖影像」,讓模型吃得到正確的貼圖,現在將說明如何打包模型的貼圖影像。
1. 紅框中的區塊是貼圖影像,首先判斷影像是否適合打包,以這個模型為例,應儲存恐龍的皮及眼睛影像。
2. 點選紅框圖示,接著點選「Image/影像」 ➔ 「Save As/另存為」。
3. 選擇 JPEG 格式,重新命名適合的影像名稱,最後另存為影像。將每個合適的影像依上述說明儲存打包。
※ 命名請以英文檔名為主。
▌ 輸出 FBX 檔案
1. 上述步驟都完成後,即可輸出檔案,點擊「Filel/檔案」 ➔ 「Exportl/匯出」 ➔ 「FBX」。
2. 在路徑模式(Path Mode)選擇「Copy/複製」並打開旁邊的小盒子,確保資料完好打包。
3. 物件若本身有動畫,拉開下方「Bake Animation/烘焙動畫」,點掉「NLA Strips/NLA片段」及「All Actions/全部動作」。
4. 將檔案存放在主資料夾(內有打包的貼圖影像),最後點擊「Export FBX/匯出 FBX」。
5. 成功將 GLB 轉檔為 FBX!
【 將 FBX 轉檔至 GLB 】
1. 點擊上方「Viewport Shading/視接口著色」檢查貼圖是否正常,貼皮有顯示出來即正常;點擊底下播放鍵檢查動畫是否正常。
2. 點擊「Filel/檔案」→「Export/匯出」→「glTF2.0」。
3. 成功將 FBX 轉檔為 GLB!
MAC 版 MAKAR 3D Scan 使用教學
這回 MAKAR 推出電腦版的「MAKAR 3D Scan」軟體,只要利用 MAC 就可以簡單創建 3D 模型!僅需要透過拍攝物體,將照片匯入軟體即可快速產生 3D 模型。本次教學將詳細書寫如何使用 MAC 版 MAKAR 3D Scan 軟體。
內容目錄 |
---|
MAC 版 MAKAR 3D Scan 功能介紹
-
手機和電腦掃描一切:只需將要轉為 3D 模型的物體拍攝照片,將其旋轉 360 度,將照片匯入 MAKAR 3D Scan,透過手機和電腦的簡單過程,即可快速掃描並產生 3D 模型。
-
可自訂掃描精度:擔心您的 3D 模型太大或缺乏細節?MAKAR 3D Scan 提供模型精度和背景去除的可自訂選項,讓您可以根據您的特定需求掃描和建立 3D 模型。
-
支援多種3D格式輸出:使用 MAKAR 3D Scan 建立的 3D 模型可以以 USDZ、OBJ、GLB 和 STL 等格式匯出,從而實現各種平台的無縫整合。
-
與MAKAR編輯器資源庫直接整合:登入您的 MAKAR 帳戶,使用 MAKAR 3D Scan 掃描的 3D 模型將自動匯入到您的 MAKAR Editor 資產庫中,無需額外的步驟,並可在 Metaverse 中快速探索 XR 編輯。
-
解鎖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 拍照並匯入軟體 】
-
在 iPhone或iPad 打開手機版的 MAKAR 3D Scan,點選中間「新增專案」或右上「+」。
-
點選右側的「物件掃描」。
-
接著跳出掃描時的注意事項,以拍攝清楚、保持70%重疊率、填滿畫面為目標拍攝物件。
-
進入拍攝頁面後,即可對著物件拍攝。
點擊畫面上的目標對焦,點擊下方可放大倍率至3X,在不同的高度下,環繞物件360度拍攝,至少 40 張以上,滿足條件後進行下一步。
-
拍好之後點選右側的「下一步」。
-
接著於 MAC 打開 MAKAR 3D Scan,回到 iPhone/ iPad 點選「Wi-Fi傳輸」開始傳送檔案至 MAC 版 MAKAR 3D Scan。
【 使用軟體創建 3D 模型 】
- 以「Wi-Fi傳輸」的方式上傳,下方狀態列可以看見傳輸的進度。
- 上傳完成後開始自動建模,可從主畫面或 Dock 列中查看處理進度。
-
建模完成後如下圖,可自行修改預設名稱。
-
也可依據自己的需求,於右側選項調整細節、重新建模。
項目說明:
-
規模品質:由高到低共五種品質可選擇。品質越高建模花費時間越多,若想要快速瀏覽模型,建議點選「預覽」可最快瀏覽模型。
-
特徵點靈敏度:有「一般」與「高」的選項。如果目標物沒有太多細節,建議選擇「高」,為更細緻的處理過程,需花費更多時間。
-
照片排序:有「順序排列」與「無順序」的選項。圍繞著目標物拍照,建議選擇「順序排列」,可加快建模處理時間。
-
去除背景:點選「啟用」自動去除背景。
※ 點選紅框中的問號,瀏覽更詳細的說明。
-
請點選「開始」建模。
【 3D 模型上傳至 MAKAR 編輯器 】
-
建模完成後,點選右上「上傳至MAKAR」,登入並上傳至 MAKAR 編輯器。
-
上傳至 MAKAR 軟體後,模型便會出現在素材庫。
【 輸出 3D 模型檔案 】
-
點選右上「輸出」,可支援輸出 3D 格式:OBJ、GLB、STL、USDZ。
※ 輸出模型專屬 MAKAR 專業版帳號功能
-
輸出完成後的樣子。
MAKAR快閃-AR 作為遊戲化的融形式
Wang Ivy 設計的 AR遮罩
===============================
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
▌課程影片
MAKAR快閃-應用 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
▌課程影片
MAKAR快閃-AI機器人機協助融入宇宙多元應用
▲ 課程簡報
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
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
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.專案體驗與展示
研習附件:前往臺北市教師在職研習網,選擇發布單位搜尋:臺北市立南門國民中學
EPSON BT-300 & BT-350 安裝 MAKAR
▍第一步、下載 MAKAR 的 APK
- 首先,進入以下網址,依照您的裝備下載相對應的APK。
▍第二步、EPSON BT-300 & BT-350 安裝 MAKAR
- 將MAKAR檔案傳輸至裝置
- 在裝置中,打開 「MovFiler」
- 打開「 Download」
- 長按MAKAR 的APK並選擇Install
EPSON BT-40 安裝 MAKAR
▍第一步、下載 MAKAR 的 APK
- 首先,進入以下網址,依照您的裝備下載相對應的APK。
▍第二步、EPSON BT-40 安裝 MAKAR
- 將MAKAR檔案傳輸至裝置
- 在裝置中,打開「檔案」
- 點擊 MAKAR 的 APK 並安裝
VIVE Focus 安裝 MAKAR
▍第一步、下載 MAKAR 的 APK
- 首先,進入以下網址,依照您的裝備下載相對應的APK。
▍第二步、VIVE Focus 安裝 MAKAR
- 將MAKAR 檔案傳輸至頭戴式裝置
(5) 按一下內部共用儲存空間。
(6) 將 APK 檔案複製到 Download 資料夾。
- 在頭戴式裝置中,前往 設定 > 進階
- 開啟「安裝未知的應用程式」
- 選取 儲存空間 > 檔案瀏覽器
- 前往包含 APK 檔案的資料夾
- 選擇 APK 檔案加以安裝
XRSPACE 安裝 MAKAR
Oculus Quest 和 XRSPACE 無法像 Android 手機或平板電腦直接安裝 APK 檔。需要透過 SideQuest才能安裝應用程式。▍第一步、下載MAKAR 的 APK
- 首先,進入以下網址,依照您的裝備下載相對應的APK。
▍第二步、安裝 SideQuest 程式
- 前往 SideQuest 官網註冊使用者帳號,選擇下載 Windows / MacOS / Linux 系統的 SideQuest 安裝程式並安裝到您的電腦。
- 安裝後開啟 SideQuest ,左上方的燈號圖示代表連線狀態,尚未連線會呈現紅色 Not Detected 未偵測到。
- 使用頭戴式裝置左側的 USB Type-C 連接埠,將頭戴式裝置連接至電腦,若已連線成功,左上方的燈號則會變為綠色,並顯示連接到的裝置與其電量。
▍第三步、安裝 APK
- 將頭戴式裝置與 SideQuest 連接好後,點擊下圖紅框中的圖示,選擇電腦中 MAKAR的 APK 檔案。
- 選中 APK 文件後便會開始自動安裝,點擊下圖紅框中的圖示,即可看到安裝過程。
- 安裝狀態。
Oculus Quest 2/3/Pro安裝 MAKAR
Oculus Quest 和 XRSPACE 無法像 Android 手機或平板電腦直接安裝 APK 檔。需要透過 SideQuest 才能 安裝應用程式。此外,Oculus 需要另外透過網站及手機應用程式,來開 啟開發者模式,下述也會介紹相關開啟方法。Oculus Quest 2、Oculus Quest 3 及 Oculus Quest Pro 安裝第三方軟體的方式相同,本次教學以 Oculus Quest 2 作範例說明。
▍第一步、下載 MAKAR 的 APK
- 首先,進入以下網址,依照您的裝備下載相對應的APK
▍第二步、Oculus Quest 開啟開發者模式
-
在應用程式商店中搜尋 Oculus 並安裝
-
打開手機的 Oculus 應用程式並登入
-
將 Quest2 開機並在應用程中選擇 Quest2 做配對
-
依照指示進行配對
-
建立 Oculus 開發者組織
-
回到 Oculus,選擇已配對的裝置
-
選擇「頭戴式裝置設定」
-
點擊 「開發人員模式」 並開啟
▍第三步、Oculus Quest 開啟開發者模式
-
安裝 SideQuest 程式
-
安裝 APK
-
開啟 MAKAR(以下教學為 Oculus 專屬步驟)
▲ 頭盔中「不明來源」的路徑可能會隨著軟體更新改變。
ADB 安裝教學
ADB 全名是 Android Debug Bridge,是開發或使用 Android 時很常用到的工具。可以從電腦透過 USB 連線到 Android 裝置上,並利用指令列來控制裝置。
- ADB 安裝教學- Windows 7/8
- ADB 安裝教學- Windows 10
- ADB 安裝教學-MacOS
- 使用 ADB 安裝MAKAR
【ADB 安裝教學 - Windows 7/8】
1. 下載 ADB 檔案
➟ Windows 版本下載路徑:https://dl.google.com/android/repository/platformtools-latest-windows.zip
2. 放置 ADB 的路徑加到系統路徑內
(2) 選擇左邊的「進階系統設定」。
(3) 選擇「進階」標籤,然後按架「環境變數」。
(4) 在環境變數視窗內,先找到「系統變數」內的「Path」欄位,反白後按下下方的編輯。
(5) 在跳出的「編輯系統變數」的變數值欄位,將游標移到最後,並加上「;C:\platformtools」。注意有個分號 「 ; 」 在前面。
(6) 編輯完成後,按下下方的確定按鈕。
3. 打開「命令提示字元」
(1) 點選左下角的「開始」。
(2) 在下方的搜尋欄位輸入「CMD」。
(3) 點擊搜尋結果的 CMD 應用程式。
(1) 請對著左下角的「開始」點選滑鼠右鍵。
(2) 再點選「命令提示字元」。
4. 確認安裝正確
――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
【ADB 安裝教學 - Windows 10】
✶ 紅色文字為 Windows 10 作業系統專屬流程。1. 下載 ADB 檔案
➟ Windows 版本下載路徑:https://dl.google.com/android/repository/platform-toolslatest-windows.zip
2. 將放置 ADB 的路徑加到系統路徑內
(2) 選擇左邊的「進階系統設定」。
(3) 選擇「進階」標籤,然後按下「環境變數」。
(4) 在環境變數視窗內,先找到「系統變數」內的「Path」欄位,反白後按下下方的編輯。
(5) 按下「瀏覽」,在瀏覽資料夾中選擇剛剛解壓縮到C槽的 ADB 資料夾「platformtools」,按下確定。
(6) 最後確認列表裡面有「C:\platform-tools」代表有正確設定,按下「確定」後退出。
3. 打開「命令提示字元」
(2) 在下方的搜尋欄位輸入「CMD」。
(3) 點選搜尋結果的「命令提示字元」。
4. 確認安裝正確
【ADB 安裝教學 - MacOS】
1. 打開「終端機」
(2) 在上方的搜尋欄位輸入「終端機」。
(3) 點選搜尋結果的「終端機」。
2. 下載ADB檔案
3. 解壓縮下載的檔案並移動到正確的資料夾
(2) 搬移檔案的指令:mv platform-tools /etc
4. 編輯路徑檔案
(1) 編輯檔案的指令:sudo vim /etc/paths
(2) 在檔案最後加上 「/etc/platform-tools」然後結束編輯,並重開終端機。
5. 確認安裝正確
――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――