{{ 'fb_in_app_browser_popup.desc' | translate }} {{ 'fb_in_app_browser_popup.copy_link' | translate }}

{{ 'in_app_browser_popup.desc' | translate }}

目錄 購物車 {{currentCart.getItemCount()}}
商品總數的上限為 100 件,請調整數量再點擊購買

AR使用指南

 

提供兩個物件即可!

 

剩下就是交給我們做連結設定,
連結完畢後會通知您,
給予24小時的測試時段。
確定沒有問題,將會收到估價信即可匯款,
AR的使用會在指定的時間內開啟。

+掃描物件​
(想掃描範圍的物件)

只需提供要作為顯示範圍的識別圖像,
色彩模式必須設定為RGB模式,
也可提供黑白圖稿。

+連結物件​
(掃描後顯示的狀態)

可選擇要使用哪一種類型
圖片(jpg/png)、影片(mp4)、
動圖(gif)、音樂(mp3)
等擇一使用。

AR的呈現範圍

※須注意掃描物件及連結物件的長寬比例是否相同,否則系統將會強制連結物件的比例壓縮。

可連結物件種類/可用格式介紹

※檔名格式有限制英文數字。檔名請填寫英文或數字,例如掃描物件為 pic.jpg、連結物件為 ar.mp4,依此類推。

 

 

圖片/動圖

掃描後會出現設定好的圖片/動圖。

  • 圖片
    最多一次可放10張圖。
    可作為紙娃娃換衣服、相框等表現。
  • 動圖
    限制連結一張。
  • 做去背
    可直接與掃描物件(印刷品)作互動,
    也可以直接與現實人像合照互動。

一次可登記最多十張圖片左右滑動變換​

可以用成小漫畫的故事跑馬燈,也可以運用在類似紙娃娃的玩法換衣服或帽子,或設計不同的相框。

搭配圖片連結

-檔案格式 jpeg / png
-最佳尺寸 最小480 x 480 (px)
      最大1920 x 1920(px)
-其他建議

  • 去背圖案請提供png格式
  • 最多可一次提供 10張 圖片
  • 所有圖片比例請設定相同
    ※比例不同的話可能會造成顯示異常

使用圖片型態的話,最多一次可登記十張圖片,
介面上會顯示左右滑動的提示。
※有做去背的話,還可以​轉換鏡頭跟現實的人合照哦!

在印刷品中藏訊息?!​

可以在印刷品中設定一個圖案為識別物件,掃描後會顯示一些驚喜小祕密。

搭配動圖連結

-檔案格式 gif
-最佳尺寸 最小200 x 200 (px)
      最大1024 x 1024(px)
-其他建議

  • 可提供去背gif使用
  • 最多可一次提供 1張 動圖

 

 

影片/音樂

掃描後會自動撥放影片/音樂。

  • 音樂部分
    會顯示sound only的畫面並自動撥放音樂。
    建議設定為撥放一首歌的長度。
  • 影片部分
    可使用去背影片,讓影片內容直接與背景互動。

平面的雞叫起來了?!

掃描後顯示連結的影片,跟明信片上一樣圖案的公雞,就開始搖晃著咕咕叫!

搭配音樂連結

-檔案格式 mp3

-最佳尺寸 約一首歌的長度即可
      三~四分鐘左右

-其他建議

  • 最多可一次提供 1首 音樂

 

溫馨提醒:左側範例為「影片連結」

如需圖片+音樂的話,可使用影片連結

※音樂連結僅會出現「sound only」與播放器畫面

並不會有任何影像出現,是純音樂的服務唷!

報紙的照片動起來了!是哈○波△嗎?

可以設定一部分的圖案為識別物件,掃描後只有識別物件的部分會有影片顯示,如果想放音樂的話,可以自由編輯進去,這部分就交由各位構想設計囉!

搭配影片連結

-檔案格式 mp4

-最佳尺寸 最大可受理容量15MB
      長度建議壓縮至60秒內
      畫質建議 480P
      畫質太好的話
      會造成使用者下載時間過長、效率不佳。

-其他建議

  • 可製作去背(綠幕)影片
    將想去背的部分色彩
    設定為 R:0 G:225 B:0
    並告知「要使用去背」使用AR時將顯示透明狀態。
  • 最多可一次提供 1件 影片
  • 可自行編輯配樂
  • 製作掃描物件的部分
    印刷品或其中一部分的設計
    長寬比例與影片比例相同,才可讓影片與其服貼。
  • 建議比例為 16:9

 

去背動畫也可以使用

做影片的高手們:
可使用去背影片與印刷品互動哦!
只需要將想去背的部分,
設定為綠幕狀態
※色彩設定 R:0 / G:225 / B:0
記得告訴我們需要去背,
就會幫您在連結的時候設定,
綠幕部分就會透明化顯示!

<用來當識別的掃描物件>
影片與圖片的比例設定相同
顯示的影片位置才不會異常

<影片去背的原檔>
會顯示為綠油油的畫面 ​ ​
實際顯示時會如影片般透明化

網站連結追加

上述提到的各種連結種類,
全都免費提供額外的網站外連服務。

連結icon將會顯示於畫面中的左上角,
點擊後將會轉移至該連結網站。 ​ ​

若有網路商店、個人網站想要宣傳的你,
這麼好康的項目可別忘了追加上來哦! ​
免費提供,不加價!

注意事項

製作AR用的印刷品原稿時,
關係到是否可以讓AR APP「COCOAR2」來成功辨識該圖,
在設計時需要注意以下事項,讓稿子可以更順利過關哦!

形狀

若全部都是文字的設計,
可能會因為形狀單一而難以辨識。
建議可以加上一個LOGO或小插圖,
讓畫面更豐富。
花紋狀等重複性的設計
也可能會有相同的問題。

對比度

色彩的搭配上,若整張設計中背景色的線條或色塊,沒有明顯的界線、選色過亮或過淡,會出現APP無法掃描感應的可能。

錯誤示範例如:
黑色的紙張上印刷深色的圖案
淺色的紙張上印上淡色的圖案等。

若搭配本店的 RISOGRAPH 孔版印刷或絹印,建議選擇使用深色油墨增加對比度★




易失敗之不推薦單一使用墨色:




薄荷綠
珊瑚粉
螢光色系

希望選用以上色系時,請務必主軸的辨識設計搭配深色墨色,將可提高辨識成功率。

AR辨識方式

COCOAR2 在辨識掃描物件時,
會轉換為灰階模式(黑白狀態)來做識別反應,
只要線條清楚、色彩對比分明,
皆可順利作為掃描物件之圖檔使用。

檔案格式

  • 掃描物件(印刷品)
    檔案格式 jpeg / png
    色彩模式 RGB / 灰階
    ★CMYK模式AR系統無法受理
  • 連結物件(AR顯示)
    請參照頁面上面說明。
  • 檔名命名格式
    限制使用英文或數字,不可中文。
    例: pic.jpg 、ar.mp4