技術(shù)宅

現(xiàn)在AR技術(shù)已經(jīng)非?；馃?，不過大多數(shù)AR都是借助外接硬件實(shí)現(xiàn)的虛擬真實(shí)效果。谷歌近日推出的Article技術(shù)，則將AR技術(shù)應(yīng)用到網(wǎng)頁(yè)上運(yùn)行。普通用戶在手機(jī)瀏覽器上加載Article后會(huì)出現(xiàn)一個(gè)AR按鈕，點(diǎn)擊這個(gè)按鈕可激活攝像頭在手機(jī)網(wǎng)頁(yè)上出現(xiàn)AR效果（圖1）。下面就讓我們一起來看看Article技術(shù)為何能這么神奇。

什么是Article技術(shù) 認(rèn)識(shí)谷歌的黑科技

大家知道AR技術(shù)的核心是可以將虛擬的物體無縫和當(dāng)前物理環(huán)境結(jié)合在一起，主要包括3D渲染和空間定位。手機(jī)上常規(guī)的網(wǎng)頁(yè)默認(rèn)是平面顯示的，我們只能對(duì)網(wǎng)頁(yè)進(jìn)行上下滑動(dòng)。如果要在網(wǎng)頁(yè)實(shí)現(xiàn)AR效果，我們就需要對(duì)網(wǎng)頁(yè)的元素進(jìn)行3D渲染和空間定位。這次谷歌推出的Article，則是一個(gè)3D模型查看器原型，它以插件的形式運(yùn)行在瀏覽器上，實(shí)現(xiàn)上述3D渲染和空間定位效果，從而讓網(wǎng)頁(yè)也可以實(shí)現(xiàn)AR效果（圖2）。

網(wǎng)頁(yè)變3D 探究Article背后的秘密

如上所述，Article的主要作用是可以對(duì)網(wǎng)頁(yè)進(jìn)行3D渲染和空間定位實(shí)現(xiàn)AR效果，那么Article是怎么實(shí)現(xiàn)這種效果的呢？

首先是3D渲染，在支持Article的瀏覽器上瀏覽頁(yè)面時(shí)，在網(wǎng)頁(yè)右下方將出現(xiàn)一個(gè)AR按鈕。點(diǎn)擊該按鈕將激活設(shè)備攝像頭，此時(shí)Article就會(huì)利用攝像頭對(duì)網(wǎng)頁(yè)上的元素進(jìn)行渲染。比如在谷歌的演示實(shí)例中，當(dāng)我們對(duì)網(wǎng)頁(yè)中的宇航員進(jìn)行瀏覽時(shí)，此時(shí)在用戶面前會(huì)出現(xiàn)一條標(biāo)線，用戶使用手指點(diǎn)擊手機(jī)屏幕，網(wǎng)頁(yè)中的宇航員模型就會(huì)從標(biāo)線中“走出來”固定到地面上。同時(shí)Article會(huì)以實(shí)際尺寸對(duì)宇航員模型進(jìn)行渲染，效果就像將一個(gè)真的宇航員模型放在你的面前（圖3）。

除了對(duì)模型進(jìn)行渲染外，要實(shí)現(xiàn)AR常見的互動(dòng)效果，Article還會(huì)對(duì)其進(jìn)行空間定位。在Article激活手機(jī)攝像頭后，通過攝像頭捕捉房間物理環(huán)境，接著它會(huì)將上述已經(jīng)渲染的宇航員模型融入真實(shí)的物理環(huán)境中（比如你的房間或者辦公室里的環(huán)境）。同時(shí)借助Article內(nèi)置的空間定位技術(shù)，這樣用戶可以從不同的角度觀看真實(shí)大小的模型。用戶可以使用屏幕上的觸摸手勢(shì)來移動(dòng)觸摸對(duì)象的位置，或者移動(dòng)攝像頭，宇航員模型則可以隨著空間的變化實(shí)現(xiàn)無縫移動(dòng)（圖4）。

除此之外，Article還具有AR工具包的環(huán)境照明功能，能夠渲染陰影并將模型與其環(huán)境融合，從而讓手機(jī)用戶（包括Android和iPhone）僅僅借助攝像頭就可以感受非常真實(shí)的AR效果。

當(dāng)然，因?yàn)樾枰獙?duì)網(wǎng)頁(yè)上的模型進(jìn)行3D渲染，Article并不能讓網(wǎng)頁(yè)上的所有元素都可以走出屏幕“出現(xiàn)”在用戶當(dāng)前物理環(huán)境中。比如上例中的宇航員模型，實(shí)際上這個(gè)模型是來自Poly（谷歌的3D模型庫(kù)）。這些模型只要通過Creative Commons Attribution Generic（CC-BY）授權(quán)，那么開發(fā)者在獲得授權(quán)后就可以復(fù)制或者混合他們，然后應(yīng)用到自己的網(wǎng)頁(yè)上。這樣開發(fā)者就可以利用授權(quán)開發(fā)出各種各樣的實(shí)體模型來進(jìn)行更多的應(yīng)用，從而讓Article渲染的AR效果應(yīng)用在我們生活里的各個(gè)方面。

Article帶給我們的更多用處

如上所述，只要開發(fā)者獲得授權(quán)就可以根據(jù)自己的實(shí)際需要開發(fā)出各種應(yīng)用。AR的3D渲染和空間定位技術(shù)可以讓原本在網(wǎng)頁(yè)2D顯示的模型走入我們的實(shí)際環(huán)境中，這在實(shí)際生活中可以給我們帶來很多的便利。

以網(wǎng)購(gòu)為例，我們經(jīng)常遇到購(gòu)買的東西跟實(shí)際想要的效果不一致的事情，通過Article的協(xié)助就可以盡可能地避免。假設(shè)我們想在網(wǎng)上購(gòu)買一套沙發(fā)，如果這個(gè)網(wǎng)購(gòu)頁(yè)面使用Article技術(shù)，那么在使用手機(jī)瀏覽器購(gòu)買沙發(fā)時(shí)，就可以將網(wǎng)頁(yè)上的沙發(fā)模型“請(qǐng)到”我們家里的客廳位置，然后對(duì)模型進(jìn)行任意擺放，同時(shí)對(duì)其進(jìn)行360度觀看，確定沙發(fā)適合擺放在我們的客廳后再下單購(gòu)買（圖5）。

Article還可以應(yīng)用在生活中的很多方面，在線教育市場(chǎng)就是一個(gè)很好的應(yīng)用領(lǐng)域。傳統(tǒng)的在線教育學(xué)生們只是遠(yuǎn)程觀看老師講解，如果老師模型使用Article技術(shù)，那么借助手機(jī)我們就可以隨時(shí)將網(wǎng)頁(yè)上的老師請(qǐng)到家中，實(shí)現(xiàn)面對(duì)面的遠(yuǎn)程教育。這種教學(xué)效果是不是更好？

當(dāng)然試圖僅僅使用手機(jī)標(biāo)配的攝像頭就可以實(shí)現(xiàn)AR效果，除了谷歌之外，很多IT巨頭也早就在進(jìn)行類似的嘗試。比如蘋果早就推出ARKit，該技術(shù)同樣不需要專門的外部設(shè)備，現(xiàn)役的許多iOS設(shè)備（如iPhone 6s）就足夠展現(xiàn)出比過去更好的AR效果（圖6）。我們期待在手機(jī)上有更多AR應(yīng)用出現(xiàn)。