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