双色球基本走势图打印|双色球和值走势图新浪

這里有最全的開發和UX/UI資源,WebXR應用開發指北

青亭網( ID:qingtinwang )--鏈接科技前沿,服務商業創新

前不久,英國AR獨角獸公司Blippar在經歷破產風波后再次“營業”,這回他們帶來的新產品不是基于計算機視覺的AR定位應用,不是AR購物應用,更不是Windows手機、或Google Glass應用,而是支持WebAR的AR開發平臺Blippbuilder。為什么這一次Blippar選擇了WebAR呢?

1_VNZLQTe3kRXit4g7p_XxQA

其創始人Ambarish Mitra表示:網頁目前依然是一個主流平臺,我們看好網頁端AR打開市場的能力,同時,發展WebAR也有望推動未來AR技術的發展。

blippar-bounces-back-with-web-based-ar-platform.1280x600

Blippbuilder

不管是WebAR、WebXR還是WebVR,顧名思義,指的是基于Web互聯網用于VR和AR體驗的方案,其包括VR頭顯,移動AR等,不受設備限制,通用性更強。據悉WebXR的API和WebGL可匹配,可將一個URL鏈接作為VR/AR體驗的入口,就像現在瀏覽網頁那般簡單。

WebAR雖然在行業內略顯低調,而且它的API仍然不穩定,但在進一步優化改進后,很有可能成為新時代W3C標準。不可否認的是,網頁端AR/VR/XR的應用開始越來越多,市面上也出現了越來越多的相關開發平臺。

之所以WebXR(包含WebAR和WebVR)的人氣逐漸攀升,是因為對于剛入門XR的開發者來講,選擇WebXR是一個比較保靠的決定,因為它成本低、開發相對簡單,而且網頁/瀏覽器擁有大量用戶,使得WebXR非常適合用作一款營銷工具。

8th-wall-spins-up-new-spider-man-into-spider-verse-augmented-reality-experience-for-blu-ray-dvd-release.1280x600

《蜘蛛俠:平行宇宙》AR

比如,為了宣傳電影《蜘蛛俠:平行宇宙》,索尼影業就曾推出用8th Wall AR開發平臺制作的兩款Web AR體驗,通過掃描二維碼,粉絲們便可在網頁中激活動態的蜘蛛俠AR濾鏡,無需下載應用就能與心愛的超級英雄合影。

toyota-rolls-out-web-based-ar-advertising-campaign-via-8th-wall.1280x600

豐田AR廣告

前不久,豐田汽車與廣告公司Conill合作,也用8th Wall的開發平臺制作了一款安卓瀏覽器橫幅廣告,在手機中點開廣告后,屏幕中就會彈出2020年卡羅拉的AR模型,消費者可通過手機攝像頭將AR疊加在周圍環境中,除了動態查看汽車的動力天窗、LED前燈、合金輪轂外,還能以360°的方式查看汽車內部。

此外,通過WebXR接口,開發者還可以在瀏覽器分發游戲、影片等XR內容。這些內容不僅可以在PC端查看,也可以在Google Daydream、Oculus Rift/Quest、三星Gear VR、HTC Vive、WMR等VR設備的瀏覽器中運行。

1_wJs1jxIu0QfpqwlIPBf8og

Firefox Reality

目前,VR/AR頭顯端有多個瀏覽器支持WebXR,比如Oculus瀏覽器、Firefox Reality、Samsung Internet、Supermedium、Chrome等。

Magic Leap One微信截圖_20180808203741

Magic Leap Helio

此外,本月初Magic Leap也宣布其瀏覽器Helio將支持WebXR,并與3D模型平臺Sketchfab合作,今后開發者只需將3D作品上傳到Sketchfab平臺,即可通過Magic Leap進行體驗。

1_RCFsUD_AMh1fwdzQUmMhXg

Supermedium

在移動端,也有專門支持WebXR的瀏覽器應用,比如iOS WebXR Viewer、WebARonARKit(iOS)、WebARonARCore(安卓)。

null-3

Moon Rider

而一些公司也證明了在WebXR上也能開發有趣的游戲,比如Supermedium就推出了一款網頁版VR節奏打擊游戲:《Moon Rider》,與《Beat Saber》玩法相似,游戲支持四種模式,除了“光劍”玩法,還有用拳頭擊打音符模塊的玩法。不過效果方面,偶爾會出現延遲、音頻不同步等問題。

總之,WebXR的應用場景不少,客戶端足夠多,不管用戶有沒有XR硬件,都能觀看AR/VR內容,也不需要下載,在未來這種形式的XR真的有望成為打開市場的利器。

WebXR開發的參考建議

那么要開發優質的WebXR內容,應該有哪幾點考量呢?

首先,考慮到WebXR不需要用戶下載應用,那么開發者就應該注意XR內容的大小,如果太大,可能就會需要很久時間緩沖,影響體驗感。

其次,有些360°交互式VR視頻需要安裝Google Spotlight Stories應用能運行,安裝額外的應用也會增加WebXR內容的復雜性。

另外,應該針對不同硬件平臺進行內容的優化,比如,可在高端VR頭顯中運行的內容有時候并不適用于其他平臺。而且,不同的VR設備分辨率、FOV、DoF、傳感器和手柄都會有不同,而同意的API則可被用作通用的開發工具,開發針對全部平臺的內容。

針對網頁端、頭顯端也可以對WebXR內容進行優化,比如:為360°交互式網頁內容加入對鼠標、觸屏輸入方式的支持;優化VR頭顯用戶的體驗,并加入對VR手柄的支持。

關于WebXR未來

就目前來講,開發者只需要關心如何開發優質的WebXR內容,不過在未來,相信網頁端XR內容與正式的XR應用之間的差距將縮小,這是因為:

  • 越來越多VR/AR設備的瀏覽器提供對WebXR的原生支持;
  • 移動端硬件對3D圖像的渲染能力越來越強;
  • WebXR應用增多;
  • AR濾鏡/攝像頭也對WebXR提供支持,比如Facebook Save to WebVR、Facebook 3D posts、Mozilla Hubs和Spoke、Adobe沉浸式平臺、亞馬遜Sumerian、Unity Mobile AR廣告、谷歌AR搜索、Adobe Project Aero、Google和Mapbox的AR地圖等;
  • USDZ、glTF等新3D格式逐漸普及后,3D控件的開發流程也更加成熟;
  • 5G網絡和云計算對于VR/AR的提升。

關于WebXR開發框架與平臺

1_8NSNjuNwt9hx4fhQeJAFpA

那么開發者們,如果想開發WebXR內容,該從何開始呢?目前,兩個最受歡迎的VR開發框架分別為A-Frame和React 360,二者均使用three.js 3D資源庫,開發者還可以使用babylon.js資源庫。此外,開發者們還可使用Sumerian、Vizor、Hologram或PlayCanvas工具,可用于編輯視覺內容。

更方便點的,開發者可以在8th Wall、awe、NextTech AR等AR平臺上直接開發AR內容,或者也可以利用JS 3D資源庫來編寫代碼。

方便使用的資源

UX/UI資源

社區

更多精彩內容,關注青亭網微信號(ID:qingtinwang),或者來微博@青亭網與我們互動!轉載請注明版權和原文鏈接!
青亭網

微信掃碼關注青亭網

青亭網

青亭 | 前沿科技交流群01

責任編輯:小新
分享到QQ 分享到微信
切換注冊

登錄

忘記密碼 ?

您也可以使用第三方帳號快捷登錄

Q Q 登 錄
微 博 登 錄
切換登錄

注冊

双色球基本走势图打印 时时彩计划 时时彩龙虎合是骗局么 三公网站 四肖四码免费期期准一 官方pk10最快开奖网 瑞彩祥云幸运快3规律 马德里竞技 世界杯线上娱乐 北京pk拾赛车全天计划 足球看盘技巧