谷歌為Chrome增加AR特性測(cè)試API

　　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è)長(zhǎng)測(cè)試期，因?yàn)檫@是一個(gè)非常新穎的AIP提案，而且他們希望確�？梢詾殚_(kāi)發(fā)者帶來(lái)穩(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)有演示作品，特別是采用魔法窗口的演示作品，在打開(kāi)WebXR Hit Test時(shí)將不起作用。

　　2. 僅限Web

　　在今年的I/O大會(huì)上，谷歌通過(guò)早期版本的Chrome演示了增強(qiáng)現(xiàn)實(shí)功能。谷歌在三天的大會(huì)中多次強(qiáng)調(diào)：“這只是針對(duì)網(wǎng)頁(yè)。”

　　“我需要安裝什么Chrome擴(kuò)展呢?”“沒(méi)有擴(kuò)展。這只是針對(duì)網(wǎng)頁(yè)。”

　　“我需要一個(gè)專門(mén)的瀏覽器嗎?”“這只是針對(duì)網(wǎng)頁(yè)。”

　　“我需要安裝什么應(yīng)用程序。”“沒(méi)有專門(mén)的應(yīng)用程序，只是針對(duì)網(wǎng)頁(yè)。”

　　如果你要通過(guò)這個(gè)新API來(lái)構(gòu)建演示作品，請(qǐng)為類似于上面的問(wèn)題做好準(zhǔn)備。

　　談到I/O大會(huì)，如果你希望回顧更多關(guān)于沉浸式網(wǎng)頁(yè)方面的信息，請(qǐng)瀏覽以下視頻。

　　3. 用來(lái)干嘛

　　增強(qiáng)現(xiàn)實(shí)將成為一系列現(xiàn)有網(wǎng)頁(yè)的重要補(bǔ)充。例如，它可以為在線學(xué)習(xí)網(wǎng)站用戶提供幫助，以及支持用戶網(wǎng)購(gòu)時(shí)在家中可視化商品。

　　谷歌的演示作品說(shuō)明了這一點(diǎn)。它們?cè)试S用戶就像現(xiàn)實(shí)世界那樣放置真實(shí)大小的對(duì)象。在放置完成后，影像將停留在選定的表面上，并且以相應(yīng)大小呈現(xiàn)。與此同時(shí)，用戶可以圍繞其走動(dòng)，靠近或遠(yuǎn)離它。與2D對(duì)象相比，用戶將能更深入地了解這個(gè)對(duì)象。

　　如果你不明白我的解釋，相信演示作品將能清晰地幫助說(shuō)明這一切。如果你沒(méi)有可運(yùn)行演示作品的設(shè)備，請(qǐng)瀏覽本文下面的視頻。

　　演示作品和視頻沒(méi)有說(shuō)明的一件事情是，AR是如何表達(dá)真實(shí)對(duì)象的大小。這里的視頻展示了一個(gè)名為Chacmool的教育性演示作品。當(dāng)你將Chacmool雕像放置在增強(qiáng)現(xiàn)實(shí)中時(shí)，你所看到的大小就如同它真正出現(xiàn)在你的房間中一樣。

　　Chacmool的例子非常具有教育意義，但它同時(shí)可以輕松用于商業(yè)。設(shè)想一個(gè)家具購(gòu)物網(wǎng)站，而你可以輕松在客廳放置一張沙發(fā)。相應(yīng)的AR應(yīng)用程序可以告訴你這張沙發(fā)是否適合這個(gè)空間，以及它與其他家具是否搭配。

　　4. 光線投射

　　在實(shí)現(xiàn)增強(qiáng)現(xiàn)實(shí)時(shí)，一個(gè)需要解決的關(guān)鍵問(wèn)題是如何將對(duì)象放置在真實(shí)世界視圖中。這樣做的方法名為光線投射。光線投射意味著計(jì)算指針射線與現(xiàn)實(shí)世界表面之間的交點(diǎn)。這個(gè)交點(diǎn)名為Hit，而確定是否出現(xiàn)hit的過(guò)程則叫做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)頁(yè)從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

　　谷歌表示，他們還沒(méi)有完成沉浸式Web API的開(kāi)發(fā)，這是一個(gè)漫長(zhǎng)的過(guò)程。隨著項(xiàng)目的進(jìn)行，谷歌將繼續(xù)公布最新的進(jìn)展，而映維網(wǎng)同樣會(huì)為大家送上最新的報(bào)道。