一種幫助沉浸式Web代碼將對象置于現(xiàn)實世界中的新方法。
?。ㄓ尘S網(wǎng)2018年06月21日)Augmented reality for the web對于Chrome67,谷歌推出了用于增強現(xiàn)實和虛擬現(xiàn)實的WebXR DeviceAPI,但只啟用了VR功能。VR是純粹基于計算設(shè)備的內(nèi)容體驗,AR則允許你在現(xiàn)實世界中渲染虛擬對象。為了支持對虛擬對象進行放置和追蹤,谷歌剛剛為Chrome Canary添加了WebXR Hit Test API,一種幫助沉浸式Web代碼將對象置于現(xiàn)實世界中的新方法。
1. 如何參與測試
谷歌表示,他們想要一個長測試期,因為這是一個非常新穎的AIP提案,而且他們希望確保可以為開發(fā)者帶來穩(wěn)定且合適的解決方案。
除了了Chrome Canary之外,你同時需要:
運行AndroidO或更高版本的兼容智能手機。
安裝ARCore。
兩個Chromeflags(chrome://flags):WebXRDevice API(#webxr)和WebXR Hit Test(#webxr-hit-test) .
準備妥當后,你就能探索各個演示作品或codelab。
注意:Immersive Web Community Group的一些現(xiàn)有演示作品,特別是采用魔法窗口的演示作品,在打開WebXR Hit Test時將不起作用。
2. 僅限Web
在今年的I/O大會上,谷歌通過早期版本的Chrome演示了增強現(xiàn)實功能。谷歌在三天的大會中多次強調(diào):“這只是針對網(wǎng)頁?!?/p>
“我需要安裝什么Chrome擴展呢?”“沒有擴展。這只是針對網(wǎng)頁?!?/p>
“我需要一個專門的瀏覽器嗎?”“這只是針對網(wǎng)頁。”
“我需要安裝什么應(yīng)用程序?!薄皼]有專門的應(yīng)用程序,只是針對網(wǎng)頁?!?/p>
如果你要通過這個新API來構(gòu)建演示作品,請為類似于上面的問題做好準備。
談到I/O大會,如果你希望回顧更多關(guān)于沉浸式網(wǎng)頁方面的信息,請瀏覽以下視頻。
3. 用來干嘛
增強現(xiàn)實將成為一系列現(xiàn)有網(wǎng)頁的重要補充。例如,它可以為在線學(xué)習網(wǎng)站用戶提供幫助,以及支持用戶網(wǎng)購時在家中可視化商品。
谷歌的演示作品說明了這一點。它們允許用戶就像現(xiàn)實世界那樣放置真實大小的對象。在放置完成后,影像將停留在選定的表面上,并且以相應(yīng)大小呈現(xiàn)。與此同時,用戶可以圍繞其走動,靠近或遠離它。與2D對象相比,用戶將能更深入地了解這個對象。
如果你不明白我的解釋,相信演示作品將能清晰地幫助說明這一切。如果你沒有可運行演示作品的設(shè)備,請瀏覽本文下面的視頻。
演示作品和視頻沒有說明的一件事情是,AR是如何表達真實對象的大小。這里的視頻展示了一個名為Chacmool的教育性演示作品。當你將Chacmool雕像放置在增強現(xiàn)實中時,你所看到的大小就如同它真正出現(xiàn)在你的房間中一樣。
Chacmool的例子非常具有教育意義,但它同時可以輕松用于商業(yè)。設(shè)想一個家具購物網(wǎng)站,而你可以輕松在客廳放置一張沙發(fā)。相應(yīng)的AR應(yīng)用程序可以告訴你這張沙發(fā)是否適合這個空間,以及它與其他家具是否搭配。
4. 光線投射
在實現(xiàn)增強現(xiàn)實時,一個需要解決的關(guān)鍵問題是如何將對象放置在真實世界視圖中。這樣做的方法名為光線投射。光線投射意味著計算指針射線與現(xiàn)實世界表面之間的交點。這個交點名為Hit,而確定是否出現(xiàn)hit的過程則叫做Hit Test。
現(xiàn)在是在ChromeCanary測試新代碼樣本的好時機。在你做任何事情之前,請仔細檢查你是否啟用了正確的flags。現(xiàn)在,請加載樣本并點擊“Start AR”。
請留意一些事項。首先,你可以從其他沉浸式樣本中識別出的速度表將顯示每秒30幀而非每秒60幀。這是網(wǎng)頁從camera接收影像的速率。
你應(yīng)該注意到的另一個事項是向日葵影像。它將隨著你移動而移動,并且鎖定至地板和桌面等表面。如果點擊屏幕,你將會把一朵向日葵放置在一個表面上,而新的向日葵將隨著你的設(shè)備移動。
隨設(shè)備移動,并且嘗試鎖定至表面的圖像稱為標線。標線是一種臨時圖像,有助于將對象放置在增強現(xiàn)實中。在這個演示中,標線是要放置圖像的副本。但它并不需要這樣。例如在Chacmool演示中,它是一個矩形框,與放置對象的基部形狀大致相同。
5. 新API
谷歌表示,他們還沒有完成沉浸式WebAPI的開發(fā),這是一個漫長的過程。隨著項目的進行,谷歌將繼續(xù)公布最新的進展,而映維網(wǎng)同樣會為大家送上最新的報道。太原東方男健醫(yī)院