2D AR拍照框

本次教學MAKAR AR拍照框進行規劃,AR拍照框分別為圖像辨識及陀螺儀兩種製作教學說明。

方案一:圖像辨識 

建立新專案


命名專案,並設定專案封面及上傳辨識圖


選擇切換至2D模式


新增拍照框素材 > 圖片


選擇上傳圖片素材


上傳完成後 > 選擇病拖拉至畫面中 , 按住右上角變形方塊拖拉縮小


縮小後,按住左鍵擺放位置


完成位置擺放後,按下右上角「發布專案」,並按下確認。


即可開啟APP並掃描辨識圖進行體驗 
開啟APP體驗連結 (需下載MAKAR APP)
AR辨識圖

 

方案二:陀螺儀AR拍照框
註:不需使用辨識圖,可使用APP或WebAR直接啟動

建立新專案,切換至「空間辨識」,並關閉AR Kit/Core


切換至2D模式


將素材拖拉至介面,縮小與擺放適合的位置


選擇右上角「發布專案」並按下確認



選擇專案 > 設定更多

開啟網頁展示功能選項
註1:建立新專案時,可同步啟動。
註2:WebAR啟動需為正式專案版A,B,C方案
註3:亦可使用手機APP體驗方案


選擇專案 > 設定更多 > 點擊網頁連結 


完成複製連結


體驗WebAR拍照框 啟動連結
體驗MAKAR APP AR拍照框 啟動連結
本篇教學素材下載傳送門

MR空間專案建立概念


MR空間辨識建立說明
1.建立MR專案
2.下載線上素材
3.基本操作說明
4.專案發布
5.體驗MR

手機支援說明
AR KIT (iOS)
AR CORE (Android)

AR影片專案



建立AR影片專案
1.AR專案
2.新增辨識圖
3.專案命名
4.建立專案封面
5.建立專案描述
6.新增Youtube影片
7.製作AR影片
8.設定AR影片數值
9.完成設定
​10.體驗AR影片
 

(影片)視窗功能說明


 

說明關於視窗功能的使用方法
1.我的素材庫
2.線上素材庫

(影片)選項功能說明


​MAKAR選項說明
講解關於MAKAR左上角系統選單項目
1.MAKAR
-關於
-偏好設定
-結束MAKAR
 

問答模組教學

建立新專案,切換空間辨識(ArR Kit/Core可根據需求啟動)

切換功能模組 > 單擊問答 > 建立問答模組 

 

切換回素材庫 > 新增資料夾 > 上傳素材

 

連點兩下資料夾文字即可重新命名

雙擊資料擊縮圖 > 開啟資料夾

 

新增 > 圖片 > 選擇素材 > 按下開啟 

 

選擇問答模組 > 編輯內容

進入問答模組編輯畫面

 

左側為題庫,選擇新增題庫

說明:

  1. 題庫:可設定多組題庫,例如考古題100題。

  2. 排序方式:可設定考卷排序,例如從題庫100題放入20題成為考卷。

選擇+新增一個題庫後,開始編輯題庫內容

 

題目類型分別為:無、單選題及多選題

其中答案類型可設定為:文字選項或圖片選項

題目物件可分為:圖片、文字、影片、3D模型及音樂

 

 

選擇問答題資料夾

 

選擇要成為題目的圖片素材

 

顯示題目素材

 

空間辨識或陀螺儀之物件擺放說明:每一小網格為10cm、每一大網格為100cm

可根據需求去調整素材尺寸大小之比例,讓體驗更完成

 

調整圖片大小或位置(根據當前需求調整)

選項物件:因為前面選擇單選題時,已經設定為文字選項,因此僅能是文字選項。

預設為「Option」文字內容,可於內文處輸入文字進行修改

如圖所示:原為「Option」的文字編輯後為「我是答案4」

 

藍色填滿處為當題目的答案,請根據需求更換

選擇提示圖片,因未上傳素材,按下取消返回編輯頁上傳

 

新增 > 圖片




選擇問答模組 > 編輯內容

 

選擇題庫1(根據當前預設題庫需求)

選擇圖片提示縮圖 > 選擇所需圖片> 完成題庫建置

 

建置第二個題庫

 

使用多選題方式,並切換圖片選項為例

OK按鈕說明:因為為「多選題」使用者於創建時,可以設定多個答案,使用者於APP進行問答題時,選擇OK完成答題。

題目設定方法與前面所述相同,本案例新增圖片及文字為題目

題目物件可分為:圖片、文字、影片、3D模型及音樂

圖片答案選項分別為:LIINE,FB的icon

 

新增後可針對素材大小進行排放

物件選取說明:

  1. 淺色系底色物件為物件未選取狀態

  2. 深色系底色物件為物件選取狀態

 

因為多選題,可設定多個答案,使用者須全數選擇正確方可獲得答案。

完成題庫設定後,則需要建立「考卷」,切換至「排序方式」

選擇+建立考卷題庫,並可從右側欄位選擇置入的題庫編號

 

完成置入後,可將滑鼠移動至該題庫上方,顯示「眼睛」點擊後可觀看

 

若需重新編輯該題庫,請切換為「題庫」並選擇需編輯之題庫編號,點擊眼睛即可重新進入編輯畫面

 

完成編輯後,選擇左上返回編輯頁>按下右上角發布專案即可


 

 

五股創客ARVR親子課程




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

 

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

​​新北市立圖書館場次: 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

開幕式

  1. 長官開幕式

  2. AR/VR一日營與黑客松活動介紹

10:00~11:00

進擊XR黑客松
與MAKAR相見歡

  1. XR未來趨勢研討

  2. XR實境體驗

  3. MAKAR XR平台註冊與資源探索

11:00~12:00

規劃腳本與設計方法

  1. AR/VR腳本認識

  2. AR/VR腳本撰寫與流程編制

12:00~13:20

午餐時間

  1. 午餐時間

  2. 「AR/VR玩轉虛實黑客松」競賽分組報名

13:20~14:30

AR/VR實作技巧

  1. 互動腳本設計技巧操作

  2. 素材製作與輸出方法

14:30~16:30

AR實作與輸出

  1. AR辨識圖之技術(圖像追蹤技術與圖像辨識技術)

  2. 實作AR專案-主題:AR教學互動卡片設計(互動按鈕、聲音、2D與3D之編輯…等)

  3. 輸出與體驗AR專案



heart109年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來觀看,將所有畢業生的數位作品展現在布告欄上mail,讓參加孩子畢業典禮的父母們也能體驗到科技AR,並且為孩子的科技學習感到欣慰,父母紛紛表示,很開心能與孩子一起體驗MAKAR編輯器製作AR所帶來的成就感及親子互動變得更加緊密。angel






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


yesAR影展教學影片

 

AR圖像辨識-英文字卡

1.開啟APP並允許取用您的攝影機
2.點選搜尋,輸入MAKAR ID:animalabc
3.點選欲體驗其專案的作者


4.進入頁面後,點選欲體驗專案,本次以Giraffe為示範
5.點選開啟體驗
 
 
 
6.進入AR相機
7.待出現畫面後,掃描辨識圖啟動AR體驗
 
  
 


一起來體驗可愛的英文字卡吧!
 
 
 
 
 
Alpaca
 Alpaca


Cat
Cat

Dog
Dog

Giraffe
Giraffe

Whale

Whale


yes更多辨識圖可以在【此處】下載喔~

精選AR圖像辨識

《MAKAR》是一個跨平台的AR瀏覽器
將開發者所製作的AR內容疊加於現實空間中,為這個世界添加更多有趣的訊息。

隨掃隨看
探索來自全球的AR/VR作品,體驗全球各地頂尖創作者的創意。

 
立即下載MAKAR 瀏覽器
立即開始使用,體驗全球創作
 

 
 
1.開啟APP並允許啟動攝影機
2.切換精選頁面

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

 


一起來體驗吧!

 
AR日本文物



AR英語圖卡


AR刮刮卡


AR北門小知識學習


AR梵谷畫展影片 

 





 



 

MAKAR APP AR專案體驗方法

MAKAR製作AR語言學習卡片



快來看看如何以簡單的方式創建有趣的AR語言學習卡吧!MAKAR提供非常簡易的工具讓您做出自己專屬的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辨識圖上傳失敗原因

大部分的平面DM通常都是以CMYK進行色彩設定,DPI150-300左右,請參考下圖。
若要成為MAKAR辨識圖,需修正為RBG並儲存為JPG格式,亦可參考辨識圖概念文章


若發現格式不是所需要規格,可使用小畫家進行編輯
1.可開啟小畫家,選擇調整大小。


2.亦可選擇內容,觀看格式是否正確


3.檢查或上傳到MAKAR
(1)CMYK則未畫面中的?號圖示,需根據上述1.2進行修正並轉存為JPG,上傳即可解決。
(2)若為RGB則為正確。

AR刮刮卡模組


本篇教學主要說明MAKAR Editor內建的AR模組「刮刮卡」製作方式,其中包含素材準備與素材輸出方法,透過簡單的PPT工具,讓您輕鬆好上手!


您可在這邊下載本篇
教學素材
其中包含已輸出之AR刮刮卡素材(.png)及辨識圖素材(.jpg)
並提供素材製作之PPT,方便老師們後續編輯修改使用。


課程內容將以PPT素材製做方法說明(小版為例)

1.開啟PPT進行素材編輯,可根據需求擺設相對的物件。
AR刮刮卡素材共分為背景圖、刮除圖、結果圖。

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


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


4.選擇右鍵 > 群組

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

6.完成素材輸出


TIPS:製做之素材可為jpg或png,辨識圖須統一為jpg格式。
匯入MAKAR與製作刮刮卡
1.建立新專案

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

MAKAR AR空間辨識專案創建方法

MAKAR AR圖像辨識專案創建方法

MAKAR介紹影片

MAKAR 編輯器
MAKAR是一個開放式的AR/VR編輯平台,任何人與企業都可以使用
不需要程式編譯,開發者可以自由創建圖像,添加需要的元素。


多元AR功能模組

內建多種AR情境模組,如刮刮樂、集點卡..等等,任何產業都能輕鬆應用。

免費線上素材庫

免費提供超過600個3D模型素材,協助用戶快速完成創意,縮短開發時間。


即時預覽視窗

可透過即時預覽視窗功能,快速了解目前的製成品在裝置上呈現的效果。