AR立體恐龍餅乾教學
你相信嗎?原來AR可以吃!
用糯米紙印刷出來的貼紙,黏在好吃的餅乾上面,再添加AR的功能,把恐龍給呼叫出來!點了恐龍還會有叫聲!
哇~這麼有趣的課程怎麼可以錯過?
課程大綱
課程時間:建議2節課的時間,可安排在電腦教室
準備物品:剪刀、平板電腦、餅乾
課程素材下載
-
安裝MAKAR (下載連結 )
- 登入GOOGLE帳號
- 上傳糯米紙辨識圖
-
下載恐龍3D模型及配音
-
剪裁糯米紙並黏貼至餅乾
-
體驗、把餅乾吃掉
MAKAR 操作步驟
- 建立新專案
- 設定「專案名稱」並上傳「辨識圖」,按下「確認」
- 新增線上素材
- 搜尋「劍龍」,選擇下載。左側素材庫可以看到劍龍模型的縮圖
- 按住縮圖,將劍龍模型拖拉至畫面正中間,放開即可
設定材質屬性為「無光-標準」 - 新增素材「音樂」,放入DinosaurMusic.mp3
- 選擇劍龍模型,新增功能 > 播放音樂
- 選擇剛剛上傳的DinosaurMusic .mp3檔案,按下確認
- 可以在場景物件看到已經有音樂就代表設定成功,按一下右上角,發布專案
如何體驗?
拿起手機,輸入ID就並掃描辨識圖進行體驗囉!
- 安裝MAKAR APP
- 點擊連結啟動 / 或是掃描QRcode進入專案
-
掃描辨識圖
- 一起體驗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.專案體驗與展示
選擇發布單位搜尋:臺北市立南門國民中學
Web AR 刮刮卡教學
想知道數位刮刮卡怎麼製作嗎?厲害教學看這裡!
步驟指示:
1. 選擇左上角 > 建立新專案

2. 命名專案名稱;上傳辨識圖、封面圖,可根據專案需求啟動WebAR方案。

3. 選擇左上角,切換至「2D編輯畫面」

4. 選擇左側,新增素材 > 圖片

5. 選擇希望上傳的圖片素材,按下開啟。

6. 完成上傳

7. 切換模組功能

8. 選擇刮刮卡模組,按住拖拉至畫面中

9. 選擇刮刮卡模組

10. 選擇刮除素材:Scratch card-1.png

11. 設置素材尺寸,設置素材。
位置設置:X:0 Y:0,說明:由於XY都為0,物件將在中間。
尺寸設置:X:720 Y:1080,說明:根據尺寸本身大小進行設置。

12. 選擇獎品圖像Scratch card-2.png

13. 刪除預設刮刮卡背景

14. 選擇素材,置入Scratch card-4 .png素材背景圖

15. 可根據需求設置得獎機率,
說明1:本專案只有一張圖片,因此機率等於100。
說明2:若有多個獎項,則可針對單一獎項設置獲獎機率。
說明3:下方可設定兌換密碼。

16. 按下右上角 > 發布專案

點擊下方連結進行體驗
免費素材點我
Web AR 拍照框教學
快樂的新年來囉,MAKAR報報帶你創作並體驗WebAR拍照框~
這裡看步驟:
1. 選擇左上角 > 建立新專案
2. 切換為空間辨識,命名專案名稱;上傳封面圖,可根據專案需求啟動WebAR方案。
3. 選擇左上角,切換至「2D編輯畫面」
4. 選擇左側,新增素材 > 圖片。
5. 選擇希望上傳的圖片素材,按下開啟。
6. 將拍照框按住,拖拉至畫面中。
7. 按下右上角 > 發布專案
點擊下方連結進行體驗
2D AR拍照框
本次教學MAKAR AR拍照框進行規劃,AR拍照框分別為圖像辨識及陀螺儀兩種製作教學說明。方案一:圖像辨識
建立新專案%20(1).jpg)
命名專案,並設定專案封面及上傳辨識圖
%20(2).jpg)
選擇切換至2D模式
%20(3).jpg)
新增拍照框素材 > 圖片
%20(4).jpg)
選擇上傳圖片素材
%20(5).jpg)
上傳完成後 > 選擇病拖拉至畫面中 , 按住右上角變形方塊拖拉縮小
%20(6).jpg)
縮小後,按住左鍵擺放位置
%20(7).jpg)
完成位置擺放後,按下右上角「發布專案」,並按下確認。
%20(8).jpg)
即可開啟APP並掃描辨識圖進行體驗
開啟APP體驗連結 (需下載MAKAR APP)
AR辨識圖

方案二:陀螺儀AR拍照框
註:不需使用辨識圖,可使用APP或WebAR直接啟動
建立新專案,切換至「空間辨識」,並關閉AR Kit/Core%20(1).jpg)
切換至2D模式
%20(2).jpg)
將素材拖拉至介面,縮小與擺放適合的位置
%20(3).jpg)
選擇右上角「發布專案」並按下確認
%20(4).jpg)
%20(5).jpg)
選擇專案 > 設定更多
%20(6).jpg)
開啟網頁展示功能選項
註1:建立新專案時,可同步啟動。
註2:WebAR啟動需為正式專案版A,B,C方案
註3:亦可使用手機APP體驗方案
%20(7).jpg)
選擇專案 > 設定更多 > 點擊網頁連結
%20(8).jpg)
完成複製連結
%20(9).jpg)
體驗WebAR拍照框 啟動連結
體驗MAKAR APP AR拍照框 啟動連結
本篇教學素材下載傳送門
MR空間專案建立概念
MR空間辨識建立說明
1.建立MR專案
2.下載線上素材
3.基本操作說明
4.專案發布
5.體驗MR
手機支援說明
AR KIT (iOS)
AR CORE (Android)
AR辨識圖說明
講解MAKAR AR辨識圖的使用
1.新增辨識圖
2.刪除辨識圖
-------------------
有許多人常常會提出一個疑問,為什麼AR不用使用QR CODE?跟QR CODE的差別在哪裡?
這個我們就要從QR CODE的故事開始說起了,QR 碼全稱為「快速響應矩陣圖碼」,是二維條碼的一種,
於1994年由日本DENSO WAVE公司發明。(如果想了解更多可參考維基百科)
QR碼的演變也是近年來逐漸融入生活化的一個重大改變,現在大部分的使用者只要看到QR碼都會知道我需要「打開QR掃描器」掃描後就會獲得相關訊息。
而在這幾年,各大手機品牌,包含APPLE、GOOGLE都開始將內建的攝影機增加了可以掃描QR碼的功能,這也提升了使用者在認識新科技的方便度。
關於圖像辨識的簡單概念如下,通常我們上傳辨識圖至AR辨識系統中,系統會自動判斷該圖像的辨識度是否可達成辨識功能。
若該圖像如左圖,沒有太多的複雜元素,僅有簡單的圓形與方形,那麼辨識度將可能為「無法辨識」;
若該圖像為右圖,有較複雜的設計元素與內容,那麼該辨識圖經過圖像辨識系統運算過後將會提供辨識度1-5顆星的結果。
而辨識圖的星星多寡,影響的是辨識速度與圖像追蹤率的穩定度。
當辨識圖成功完成後,下圖即可看到該辨識圖的特徵點。相較於左圖,右圖的辨識度點與辨識度是相對來得較高的。
對於AR辨識圖的基礎說明觀念,你可以從圖像色階概念著手,若顏色偏淡(彩度明度較低),亦會影響辨識率。
當然,在設計辨識圖上可以有幾個小技巧:
1.較為複雜化的圖形
2.顏色對比較高
3.圖像解析度建議為500px-1000px
4.圖像格式為RGB 72dpi
5.檔案格式為.JPEG
6.若沒有電子原始檔案,亦可使用掃描檔或手機翻拍使用。
7.辨識圖不局限於印刷品、電腦螢幕及手機螢幕顯示才可進行AR掃描。
延伸教學:AR辨識圖上傳失敗原因
問答模組教學
建立新專案,切換空間辨識(ArR Kit/Core可根據需求啟動)
切換功能模組 > 單擊問答 > 建立問答模組
切換回素材庫 > 新增資料夾 > 上傳素材
連點兩下資料夾文字即可重新命名
雙擊資料擊縮圖 > 開啟資料夾
新增 > 圖片 > 選擇素材 > 按下開啟
選擇問答模組 > 編輯內容
進入問答模組編輯畫面
左側為題庫,選擇新增題庫
說明:
-
題庫:可設定多組題庫,例如考古題100題。
-
排序方式:可設定考卷排序,例如從題庫100題放入20題成為考卷。
選擇+新增一個題庫後,開始編輯題庫內容
題目類型分別為:無、單選題及多選題
其中答案類型可設定為:文字選項或圖片選項
題目物件可分為:圖片、文字、影片、3D模型及音樂
選擇問答題資料夾
選擇要成為題目的圖片素材
顯示題目素材
空間辨識或陀螺儀之物件擺放說明:每一小網格為10cm、每一大網格為100cm
可根據需求去調整素材尺寸大小之比例,讓體驗更完成
調整圖片大小或位置(根據當前需求調整)
選項物件:因為前面選擇單選題時,已經設定為文字選項,因此僅能是文字選項。
預設為「Option」文字內容,可於內文處輸入文字進行修改
如圖所示:原為「Option」的文字編輯後為「我是答案4」
藍色填滿處為當題目的答案,請根據需求更換
選擇提示圖片,因未上傳素材,按下取消返回編輯頁上傳
新增 > 圖片
選擇問答模組 > 編輯內容
選擇題庫1(根據當前預設題庫需求)
選擇圖片提示縮圖 > 選擇所需圖片> 完成題庫建置
建置第二個題庫
使用多選題方式,並切換圖片選項為例
OK按鈕說明:因為為「多選題」使用者於創建時,可以設定多個答案,使用者於APP進行問答題時,選擇OK完成答題。
題目設定方法與前面所述相同,本案例新增圖片及文字為題目
題目物件可分為:圖片、文字、影片、3D模型及音樂
圖片答案選項分別為:LIINE,FB的icon
新增後可針對素材大小進行排放
物件選取說明:
-
淺色系底色物件為物件未選取狀態
-
深色系底色物件為物件選取狀態
因為多選題,可設定多個答案,使用者須全數選擇正確方可獲得答案。
完成題庫設定後,則需要建立「考卷」,切換至「排序方式」
選擇+建立考卷題庫,並可從右側欄位選擇置入的題庫編號
完成置入後,可將滑鼠移動至該題庫上方,顯示「眼睛」點擊後可觀看
若需重新編輯該題庫,請切換為「題庫」並選擇需編輯之題庫編號,點擊眼睛即可重新進入編輯畫面
完成編輯後,選擇左上返回編輯頁>按下右上角發布專案即可
五股創客ARVR親子課程

米菲多媒體又開課啦! 這次的課程為五股創客ARVR親子課程,才開放報名後五分鐘就爆滿了,創客精神是以培養創新精神和動手能力為重點,把學生從被動接受教育的身分化為創造者,為其提供自由發揮想像力的空間,處於虛擬但又真實的場景動手完成他們感興趣的生活議題。是不是很好奇在這熱門課程中大家都做了什麼? 跟著MAKAR 一起來看看吧!

再這次活動過程中,小朋友與父母一起體驗AR VR 科技的沉浸式及仿真感,從小小的將插畫變成3D體驗到去外太空看九大行星,激發小朋友探索知識的慾望,透過MAKAR APP 簡單的操作,讓本來可能枯燥乏味的課程變得栩栩如生!更提升了教育無限的可能性,智能化及場景化的互動式教學,讓使用者快速地達到學習目標。若有興趣的你們,快來以下連結報名!

新北市立圖書館場次: https://www.library.ntpc.gov.tw/htmlcnt/88313fa6cbca4d4c85ff1821b5a8ada5
109年AR/VR一日營暨黑客松競賽說明會

活動說明:
高中多元課程鏈結大學18學群多元入學方案已經實施,為了鼓勵學生於暑期期間探索自己的性向及興趣,了解自身現況能力與未來選擇適合科系進路就讀,讓學生能夠更了解運算思維及虛擬/擴增實境科技之關聯,以及資訊科學相關應用及生涯規劃,期盼透過辦理AR/VR一日營學習課程及黑客松競賽活動,促進學生認識資訊科學與AR/VR運算思維,進而協助學生為將來科系選擇做好準備。
活動日期:2020-08-01(六) 09:00 ~ 16:00 (GMT+8)
活動地點:臺北市信義區忠孝東路4段560號8樓, Taipei City, Taiwan 大瀚環球國際會議中心
活動介紹:
時間 |
項目 |
活動 |
09:00~09:30 |
報到 |
一日營報到與領取文件 |
09:30~10:00 |
開幕式 |
|
10:00~11:00 |
進擊XR黑客松 |
|
11:00~12:00 |
規劃腳本與設計方法 |
|
12:00~13:20 |
午餐時間 |
|
13:20~14:30 |
AR/VR實作技巧 |
|
14:30~16:30 |
AR實作與輸出 |
|
109年XR黑客松-一日體驗營:植物履歷課程影片
https://www.makerar.com/tutorial_01.php?id=133
WebAR編輯器啟動方法
MAKAR專案編輯完成後,若需要啟動WebAR功能之方法如下:1.將滑鼠移至專案處,出現圓圈三個點的按鈕,點即出現選單>設定專案

2.勾選「開啟網頁展示」選項

3.將滑鼠移至專案處,出現圓圈三個點的按鈕,點即出現選單>選擇「網頁連結」即可獲得WebAR體驗網址

4.獲得網址後,將跳出提示視窗,可於任一地區貼上(Ctrl+V或右鍵貼上)即可獲得網址

5.亦可將網址貼網QR CODE產生器即可產生體驗QR
http://qr.calm9.com/tw/
6.目前WebAR/VR僅支援Chrome及Safari瀏覽器(有部分進階功能未支援,如:刮刮卡、集點活動、多層級互動、youtube影片..等)
說明:WebAR目前僅支援付費版本,如專業版A、專業版B、專業版C等方案
109年彰化平和AR畢業典禮

[✨] 畢業典禮 夢想起飛
彰化平和國小畢業典禮,期許大破大立夢想啟程,學校特別希望孩子能已最新科技AR來展現自己的畢業作品,學生們使用MAKAR編輯器做好的數位作品,可以使用MAKAR APP 掃QR CODE來觀看,將所有畢業生的數位作品展現在布告欄上



彰化國小的畢業生不只自己製作,甚至擔任起講解人員,不慌不忙的講解,將如何使用MAKAR來觀看AR清清楚楚的講解以及拍成影片展現! 自發性及創意的表現給台灣教育帶來更多希望!


精選AR圖像辨識
將開發者所製作的AR內容疊加於現實空間中,為這個世界添加更多有趣的訊息。
隨掃隨看
探索來自全球的AR/VR作品,體驗全球各地頂尖創作者的創意。
2.切換精選頁面

3.本次體驗以AR體驗為主,可滑動頁面觀看或選擇專案
5.進入AR攝影機並掃瞄辨識圖啟動AR
小知識:圖像辨識為啟動AR之功能,啟動後AR元素將會追蹤辨識圖,稱為圖像追蹤技術。

一起來體驗吧!

AR英語圖卡

AR刮刮卡

AR北門小知識學習

AR梵谷畫展影片

AR辨識圖與特徵點基礎概念
講解MAKAR AR辨識圖的使用
1.新增辨識圖
2.刪除辨識圖
-------------------
有許多人常常會提出一個疑問,為什麼AR不用使用QR CODE?跟QR CODE的差別在哪裡?
這個我們就要從QR CODE的故事開始說起了,QR 碼全稱為「快速響應矩陣圖碼」,是二維條碼的一種,
於1994年由日本DENSO WAVE公司發明。(如果想了解更多可參考維基百科)
QR碼的演變也是近年來逐漸融入生活化的一個重大改變,現在大部分的使用者只要看到QR碼都會知道我需要「打開QR掃描器」掃描後就會獲得相關訊息。
而在這幾年,各大手機品牌,包含APPLE、GOOGLE都開始將內建的攝影機增加了可以掃描QR碼的功能,這也提升了使用者在認識新科技的方便度。
關於圖像辨識的簡單概念如下,通常我們上傳辨識圖至AR辨識系統中,系統會自動判斷該圖像的辨識度是否可達成辨識功能。
若該圖像如左圖,沒有太多的複雜元素,僅有簡單的圓形與方形,那麼辨識度將可能為「無法辨識」;
若該圖像為右圖,有較複雜的設計元素與內容,那麼該辨識圖經過圖像辨識系統運算過後將會提供辨識度1-5顆星的結果。
而辨識圖的星星多寡,影響的是辨識速度與圖像追蹤率的穩定度。
當辨識圖成功完成後,下圖即可看到該辨識圖的特徵點。相較於左圖,右圖的辨識度點與辨識度是相對來得較高的。
對於AR辨識圖的基礎說明觀念,你可以從圖像色階概念著手,若顏色偏淡(彩度明度較低),亦會影響辨識率。
當然,在設計辨識圖上可以有幾個小技巧:
1.較為複雜化的圖形
2.顏色對比較高
3.圖像解析度建議為500px-1000px
4.圖像格式為RGB 72dpi
5.檔案格式為.JPEG
6.若沒有電子原始檔案,亦可使用掃描檔或手機翻拍使用。
7.辨識圖不局限於印刷品、電腦螢幕及手機螢幕顯示才可進行AR掃描。
延伸教學:AR辨識圖上傳失敗原因
AR刮刮卡模組

本篇教學主要說明MAKAR Editor內建的AR模組「刮刮卡」製作方式,其中包含素材準備與素材輸出方法,透過簡單的PPT工具,讓您輕鬆好上手!
您可在這邊下載本篇教學素材
其中包含已輸出之AR刮刮卡素材(.png)及辨識圖素材(.jpg)
並提供素材製作之PPT,方便老師們後續編輯修改使用。

課程內容將以PPT素材製做方法說明(小版為例)
1.開啟PPT進行素材編輯,可根據需求擺設相對的物件。
AR刮刮卡素材共分為背景圖、刮除圖、結果圖。

2.選擇結果圖素材分頁,可針對需求更換文字與圖片。

3.編輯完成後,請全選所有的素材元件。

4.選擇右鍵 > 群組

5.選擇png格式(可攜帶式網路圖形)

6.完成素材輸出


TIPS:製做之素材可為jpg或png,辨識圖須統一為jpg格式。

2.上傳與選擇辨識圖

3.命名專案並確認

4.進入編輯畫面(預設為3D),選擇左上角切換2D模式

5.選擇左邊欄位「功能模組」並將刮刮卡按住拖拉至右側編輯畫面

6.完成建立刮刮卡模組

7.選擇左側「場景物件」中的「Scratch card」,右側出現場景物件設定。

8.新增素材 > 圖片 > 上傳刮刮卡素材

9.上傳完成後,選擇右側場景物件設定:刮刮卡圖片>選擇圖片

10.選擇相對的素材進入

11.選擇獎項旁的+可新增獎項,並選擇獎項圖進行更新。
可針對每個獎項輸入獲得機率(共100%)

12.選擇右上角 > 發佈專案

完成囉
關於刮刮卡兌獎常見Q&A
Q1:是否可以重複兌換?
A1:刮刮卡目前可記錄手機載具、登陸後帳號,使用者僅可兌換乙次。
Q2:使用者若將APP刪掉重新安裝後,還可以重複遊玩及兌換嗎?
A2:是的,當使用者刪除APP後代表資料應用程式所記錄的資料一併刪除,因此將可重新遊玩乙次。
Q3:若使用者登陸APP帳號,又刪除APP,還可以重複遊玩嗎?
A3:不行,因為已經紀錄了該使用者登錄帳號資訊,因此就算刪除APP資料也無法重複遊玩。
Q4:兌換時為什麼要輸入密碼?
A4:避免使用者誤觸,導致已完成兌換狀況。
Q5:一定要設定兌換密碼嗎?
A5:您可選擇不設定,但有可能發生Q4的問題。
Q6:我可以看到使用者遊玩的次數嗎?
A6:可以,專業版A以上方案都可以在數據資料庫查看遊玩數據。
Q7:我可以限制使用者遊玩次數嗎?
A7:參考Q1,Q2,Q3等。
Q8:我可以限制使用者獎品兌換次數嗎?
A8:由於系統未設定獎池功能,建議開發者自行掌控獎品數量,若已達兌換次數,則將該獲獎圖片進行刪除下架。
Q9如果商品兌換完畢怎麼辦?
A9:若已達兌換次數,則將該獲獎圖片進行刪除下架。
若以上方案無法解決您的需求,那麼您所需要的將是客製化服務,可與我們專人聯繫。
02-2568-2098
infomakar@miflydesign.com