你可曾設(shè)想過虛擬現(xiàn)實(shí)(VR)中的網(wǎng)頁的模樣?
VR網(wǎng)頁
2D平面網(wǎng)頁也可以擁有沉浸感與交互性。試想如果*變?yōu)橐蛔嗝襟w圖書館,當(dāng)你查閱埃及金字塔時,你就可以直接造訪這座奇觀,探索它的內(nèi)部、研究它的紋理構(gòu)造、甚至通過解謎來打開法老的墓室。在被環(huán)境音效包裹的同時,你甚至還能得到一位虛擬向?qū)喟樽笥?,聽它為你口述歷史、答疑解惑。
聽起來一般般?
那我們把*換成亞馬遜,讓VR帶你海淘無窮無盡的婚紗——你不但能夠試穿,還能通過3D視角查看自己的扮相;甚至還能創(chuàng)造不同角色來做你的“試衣官”,從中篩選出自己心儀的衣物。買車也可以——看車、試車、選車、調(diào)節(jié)座椅……啟動(你好特斯拉!)。感覺像科幻故事?別忘記在二十年前網(wǎng)購就是科幻故事,而在當(dāng)時在VR頭顯上觀看奧運(yùn)會就如同《Star Trek》《星際迷航》的全息甲板一般。
能夠?qū)崿F(xiàn)上述一切的硬件——盡管還在襁褓期——已經(jīng)問世。高清攝像頭、全景攝像頭、高速圖形處理器和VR頭顯就是通往未來之路的開路兵。盡管它昂貴、龐大、遲鈍,但我們有理由相信,隨著VR普及,配套硬件設(shè)備將變得更便宜、更小、更快。
微軟的HoloLens全息眼鏡已開始向開發(fā)者發(fā)貨。不是開發(fā)者用戶?索尼的PlayStation VR已支持預(yù)售。著急想體驗(yàn)一把?Oculus Rift現(xiàn)貨599美元。太貴了?三星Gear VR僅售99美元。如果你有一臺Galaxy手機(jī),你甚至還能免費(fèi)獲贈一臺Gear頭顯。當(dāng)然,如果你屬于極度價格敏感人群,15美元的Google Cardboard頭顯興許是你的選擇——你甚至還能自己造一臺。
實(shí)際上,此時此刻閱讀本文的你已經(jīng)可以直接體驗(yàn)一把虛擬網(wǎng)頁了。打開Janus瀏覽器——那有非VR用戶能直接感受到的未來網(wǎng)頁。對了,Janus Reddit板塊里也是樂趣多多。
VR技術(shù)發(fā)展神速。為Oculus Rift與Google Cardboard頭顯提供服務(wù)的實(shí)驗(yàn)性Javascript API WebVR目前已在火狐瀏覽器開發(fā)版Nightly、Chrome瀏覽器開發(fā)版Chromium、三星GearVR瀏覽器上啟用。你甚至還能通過Jaume Sánchez Elias(豪梅·桑切斯·埃利亞斯)提供的Chrome插件來在自家機(jī)子上感受一把。不通過VR頭顯確實(shí)也能夠體驗(yàn)VR,但真正的VR目前僅存在于VR頭顯里面——有興趣的看官還是抓緊入手一臺為好。
準(zhǔn)備好飛了么?打開MozVr網(wǎng)——整整11款VR網(wǎng)頁體驗(yàn)任你挑選(Inspirit是我的個人最愛)。不感興趣?試試Vizor.io——那里的VR體驗(yàn)更多樣。如果你恰好手頭有臺HTC Vive,那么恭喜你,通過火狐的A-Painter網(wǎng),你已經(jīng)邁上了成為VR中的畢加索的第一步。
上述網(wǎng)站多數(shù)基于A框架搭建,開源WebVR為HTML框架。A框架即通過three.js庫來實(shí)現(xiàn)VR網(wǎng)頁開發(fā)功能、建立WebVR內(nèi)容生態(tài)圈的全新網(wǎng)頁構(gòu)架。A框架在實(shí)體組件系統(tǒng)的基礎(chǔ)上整合了大量現(xiàn)有的網(wǎng)站開發(fā)框架與工具。開發(fā)者可以為缺失的功能自己編寫一個組件,或是為功能不全的現(xiàn)有組件進(jìn)行改造。
這項(xiàng)新技術(shù)聽起來酷,然而目前的VR模擬器離我們所說的虛擬亞馬遜還有很遠(yuǎn)很遠(yuǎn)。
實(shí)際上,我們甚至可能等不到真正的虛擬網(wǎng)頁。不像游戲和娛樂內(nèi)容這種VR行業(yè)早已鎖定的領(lǐng)域,一個功能齊全的VR網(wǎng)頁意味著完全不同的復(fù)雜生態(tài)環(huán)境。興許少許網(wǎng)站能夠通過提供交互VR體驗(yàn)來在眾多網(wǎng)站中鶴立雞群,但是大多數(shù)網(wǎng)站仍停留在單薄的2D顯示上。
就連上面所說的構(gòu)想也不現(xiàn)實(shí)。要知道,正常的電腦顯示屏離用戶大概有30到40厘米,輕微的一個眼球移動就能夠鎖定網(wǎng)頁上的UI了;然而在VR中,環(huán)境就相當(dāng)于顯示器——這塊VR屏幕理論上沒有邊界,往左看是一塊新屏幕,往下看又是塊新屏幕。你當(dāng)然可以人工搭建一塊虛擬桌面屏幕,但是這和VR就沒什么關(guān)系了。這叫做增強(qiáng)現(xiàn)實(shí)(AR)。VR講究的畢竟是一種沉浸式的體驗(yàn)。
所以,拋開“屏幕”這一固有成見,讓所有應(yīng)用、瀏覽器或窗口直接漂浮在我們面前吧——這才是基于深度與廣度的真正VR體驗(yàn)。
Mike Alger(麥克·阿爾格)的一項(xiàng)研究顯示,VR中的背屏相當(dāng)于用戶直視前方時的視場角。拿Oculus Rift舉例,它的實(shí)際視場角是94.2度(設(shè)備規(guī)格110度),近于雙筒望遠(yuǎn)鏡的120度;同時Oculus還為入門用戶推薦了0.75米遠(yuǎn)的舒適體驗(yàn)。通過頭部運(yùn)動,Rift的視場角最多能從中間擴(kuò)張30度、從兩側(cè)擴(kuò)張55度、上側(cè)60度、下側(cè)40度。
當(dāng)代的2D屏幕交互界面設(shè)計(jì)在VR中統(tǒng)統(tǒng)不適用。
為在VR中避免陳舊的窗口觀念,新型UI/UX設(shè)計(jì)必不可少。目前開發(fā)者仍然被傳統(tǒng)窗口設(shè)計(jì)鉗制著:Gear VR提供的就是通過頭部運(yùn)動、點(diǎn)擊和語音控制來操作的網(wǎng)頁,其運(yùn)行模式與傳統(tǒng)鍵鼠操作別無二致。這樣做是VR,但還不夠VR。這項(xiàng)新技術(shù)的革命性還需同樣革命的交互設(shè)計(jì)來體現(xiàn)。
作為開發(fā)者的你需要花時間研究WebVR嗎?答案是個大大的肯定。在不久的將來,開發(fā)者與設(shè)計(jì)師們都會加入到網(wǎng)頁VR化的大軍中。交互地圖、教學(xué)工具與視覺工具這些都是能夠讓你的VR網(wǎng)站脫穎而出的元素。
當(dāng)然,傳統(tǒng)網(wǎng)頁仍然會與VR并存,畢竟文本閱讀這種傳統(tǒng)活動最好還是通過傳統(tǒng)方法來實(shí)現(xiàn)。
申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!