BlockStudio

Blog部落格

網站上的 VR 趨勢介紹與精選作品

VR(virtual reality),又稱虛擬實境,主要講求三個「I」,分別是:immersion-interaction-imagination(沉浸—互動—構想),以虛擬取代現實,利用電腦創造一個三維空間的虛擬世界。
就像電影《一級玩家》中的虛擬遊戲「綠洲」,使用者透過VR穿戴裝置進行移動、觸摸、感應等,電腦可以即時將運算並回傳畫面產生臨場感,以視覺、聽覺等感官將使用者帶入虛擬空間彷彿身歷其境。

 

VR網頁技術(WebVR vs. WebXR)

∎ WebVR

在VR技術發展下,Web開發人員一直嘗試將VR技術應用到網站中。直到2016年,推出第一個可利用網頁瀏覽器支援VR裝置的實驗性JavaScript API — 「WebVR」,利用WebVR API結合WebGL創造網頁中的VR世界。

WebVR官網:https://webvr.info/

 

但在運用 WebVR 的同時也必須考慮設備上的限制,就目前來說 VR 設備還遠遠不到普及的層面,因此在使用者上就已經限制了部分族群的體驗。
在網頁上建置 VR 環境上, VR 對性能的需求更高,瀏覽器内基於JS的應用效率肯定比遊戲引擎上的體驗要差一些,一些功能也會被瀏覽器給限制住。
因此雖 WebVR 仍處於發展狀態,但 WebVR 要透過 VR 裝置才能獲得完整的 VR 體驗,現今趨勢將VR與AR(Augmented Reality)擴增實境拋在腦後,在科技進步下,這項技術漸漸被新的「 WebXR 」取代,甚至 WebVR 的官網也寫上「 WebVR 已被棄用!」顯示 WebVR 已步入歷史。

 

∎ WebXR

XR(Extended reality),又稱延展實境,旨在融合 VR、AR 和所有的沈浸式技術。「WebXR」則是一種新的 API ,支援渲染 WebGL 建構的 3D 場景,在網頁上呈現 VR 或 AR 內容,在設備的相容性也更廣。


網站實際應用

❶ 娛樂產業

 

  • Dance Tonite

Dance Tonite 是美國樂團 LCD Soundsystem 的音樂網站,網站會播放一首歌曲,隨著黃色球球,鏡頭通過一間間的房間,而除了第三視角,也可以點擊房間的舞動方塊們切換成第一人稱視角,此外,房間之中的舞動方塊是使用者可以透過 VR 錄製舞蹈組成的,並增加房間,用簡單的幾何形狀模擬舞動與切換視角彷彿自己正在跳舞的體驗,是不是很酷呀!趕快試試看!

Dance Tonite:https://tonite.dance/

 

  • 50 Years of Charts

50 Years of Charts 建立 50 年來 4192 首流行歌曲的資料庫,轉化為星空中的時間軸,並且能在 3D 世界中進行探索重溫。網頁版的話利用滾動一樣可以在星空中一一探索,試著尋找自己最喜歡的那首歌吧~

50 Years of Charts:https://50-jahre-hitparade.ch/

 

❷ 藝文產業

  • Zoo

Zoo 是一個創意機構,這個網站是 Zoo 的作品集網站。網站內容為各種作品的藝術裝置,透過模擬實際現場觀看時,眼球隨意的轉動瀏覽來進行探索作品 —— 或是他們剩下的泡麵。風格很特別之外,除了觀看網站本身預錄好的鏡頭視角,也可以切換成自由探索,以 VR 網站來說是個蠻貼心的觀看方式~

Zoo:https://zooaszoo.com/

 

  • Digital Marketing Conference

Digital Marketing Conference 是來自俄羅斯的教育機構, Digital Marketing School 2019 年度會議的官方網站,內容包括活動內容、講者、購票等資訊,並以 3D 圓柱空間做呈現。

 

  • KIA-VR Showroom

KIA-VR Showroom 是 KIA 的線上展售中心,透過網站你可以選擇觀看車子的內外部,更換車款顏色,或是放大了解更多細節,最後也可以直接在網路上下訂。

KIA-VR Showroom:https://www.kia.com/in/vr/showroom/index.html#showroom

 

  • NFB

由 NFB (加拿大國家電影委員會) 於 2012 年發布,在 VR 中重新構想,講述了一隻被野生動物保護辦公室監控了十多年的灰熊的真實故事。我們被邀請參與 Bear71 的旅程,從她被標記的那一刻到她英年早逝的那一刻。

Bear 71:https://bear71vr.nfb.ca/


總結

根據上述網站實例,可以發現到 VR 在網站的應用越來越廣泛,過去 VR 技術時常應用在遊戲娛樂產業,隨著技術的成熟,除了上面提及的產業現在配合網站設計擴展應用可以產生更多可能性,例如:在零售業能讓客戶能在家中「進入商店」選購、醫學方面提供學生模擬醫療手術訓練等等相關研究。

而裝置的部分,VR 網站除了使用 VR 頭盔的觀看方式之外,電腦螢幕跟手機也都能夠流暢的進行體驗,相對來說平台更多元,另外 VR 設備的市場也逐漸擴展到普通民眾,取得門檻也相較以前來得低,若是加上網站方便、連上網路即可開始 ,省去下載應用程式的時間,隨著WebVR的淡出,結合 AR 的 WebXR ,想必未來會有更多這類型的作品可以看見!

 

共同編輯:Roizi Lu、Kate Hsu (版塊實習生)
編輯核稿:Lee Ming

post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦