龍心數位科技|網站設計|行銷設計|網頁設計|台中網頁設計|RWD|網路行銷|SEO|關鍵字|資訊整合
提到WebAR,你第一個反應會想到什麼?
Web上也能實現AR效果嗎? AR就是Pokemon Go的那個嗎?那個可以在網路呈現喔?

其實近年AR、VR這個名詞一直不時的出現在大家眼前,但在台灣卻很少見,除了前幾年紅極一時的Ikea AR型錄還有前陣子的Pokemon Go外,好像就沒有什麼能讓大家常看得到的案例?

隨著 a-frame 的框架出現後,WebVR 很容易開發,WebAR的部份雖然相對於慢了一些但在國外目前技術應用算常見,像是知名的 BMW 公司有廣泛應用到AR的技術

什麼是WebAR?

是WebAR使用WebRTC,WebGL和現代傳感器API的組合技術,通過Web瀏覽器提供對基於Web的增強現實的訪問與實現。其實也可以簡單地說WebAR就是在Web上加入AR的功能。

怎麼看解釋很簡單卻也很難?還是不知道到底WebAR是什麼?

其實WebAR出現的時間是在行動裝置的出現,很多電腦Flash小遊戲或動畫都不能再行動裝置上瀏覽及使用後,工程師們開始思考是否能用AR呈現?但因為當時HTML5還未現身,所以有許多WebAR的發想因此被無限期冷藏。直到2012年HTML5正是出現,加入了Canvas標籤,可方便使用圖形渲染的功能,讓WebGL技術允許網頁在渲染圖形時可以使用硬體加速來提高渲染效率及WebRTC的出現讓網頁可以即時控制行動裝置的攝影機的數據,實現即時視訊的功能。這才讓工程師重新發想可否讓WebAR及WebVR也成功的應用在網站中。

WebAR、WebVR、Web360應用-龍心數位科技

WebAR有什麼優缺點?

WebAR 優點

1. 輕鬆實現跨平台:WebAR 可以在很多行動裝置上瀏覽,像試Android、iOS、Windows、Mac系統的Web瀏覽器上都可以使用,無需另外安裝APP,輕鬆實現跨平台。只是電腦版的部分會自動轉為WEB360度的瀏覽方式。

2. 操作方便:新版的Web AR可直接將3D模型放在真實環境中展示,傳統的WebAR可以實現掃描識別圖呈現3D動畫模型、視頻、圖片、文字、UI按鈕等效果,並且支持3D模型互動。

3. 推廣快速:WebAR 主要以網站方式呈現,所以可以配合行銷方式,到處推廣網站連結即可讓客人享受到不同的服務。

WebAR 缺點

1. 瀏覽功能不統一:目前各瀏覽器的標準還沒統一,像是iOS上瀏覽時可使用到的功能比Android的功能多,網頁版看到的功能又跟手機版不同。

2. 3D檔大載入慢:因為AR需使用到3D模型檔,大多3D模型檔都很大,在部分網速慢的地區可能會無法顯示,所以不建議放很多複雜的內容。

3. 渲染效果低:因為仍須遷就HTML5的需求,所以只可以使用基本的渲染方式,沒辦法看到很美的渲染效果,如果要到很精美的渲染效果也是建議使用APP方式執行。

4. 無法使用到太複雜的互動功能,如果要的話還是建議用APP方式製作。

5. 隱私問題:傳統的WebAR可能會存在的隱私問題。

那WebAR對於企業或商家有什麼幫助呢?

WebAR可以應用層面很多,像是家具業、零售業、機械業、車業、時尚業、廣告業、電商業、美妝美髮行業等多種行業都可以發想如何應用。像是傢俱部分,像Ikea在幾年前推出了AR型錄,讓你可以直接在家裡的空間試著放放看傢俱後的感覺及尺寸是否可用? 車業的部份,BMW在國外也有推出WebAR、WebVR進行車體、輪鼓等零件更換即時瀏覽等,美妝美髮業的部份,像大陸官方ARMANI BEAUTY也有推出試妝小程序,所以其實WebAR在各行各業都可以應用。


圖片來源:Ikea介紹影片(類似新式WebAR)

影片來源:BMW AR、VR技術影片(類似傳統WebAR)

 

WEB AR還有很多驚奇等你來發現,只要你將3D模型給我們龍心數位科技,就有機會可以將它應用在網站中喔!!