首頁 部落格 網頁設計導入VR導覽技術,比你想像的還簡單
Ryan
Sep 24, 2021
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

網頁設計導入VR導覽技術,比你想像的還簡單


Facebook Workroom以VR為基礎,提供虛擬辦公空間 (來源Facebook)

虛擬實境(VR)應用近年快速增溫,不論是硬體設備成熟度,或是軟體應用上數量上進步飛快,這股趨勢連Facebook也不落人後,已經將VR納入Facebook的生態並且積極佈局企業VR與會議VR的相關應用服務。

那麼對於一般的網站經營者,VR相關的服務有什麼影響呢?iWare好幾年前開始關注VR與網頁設計的應用,對於一般人來說,或許VR虛擬實境網頁是一個遙不可及的服務,所以關注度不高,但事實上VR服務離我們不僅很近,而且在網站上的呈現也非常的簡單。

 

VR虛擬實境-提供立體視覺效果


OCULUS的VR設備不僅越來越純熟價格也很平民化 (來源OCULUS)

在學術上VR的定義很廣,主要是提供人們接近實感的感受,包括視覺、聽覺、觸覺嗅覺等都屬於VR的範疇。聽覺方面基本上來說發展已經成熟,像是多聲道系統的應用,早已經在家庭劇院與電影院使用,也足以滿足目前產業的需求,因此目前VR產業的主要焦點仍在視覺的部分。

VR體驗在視覺上,有很大的限制在顯示器與電腦運算能力的部分,如今顯示器的技術已經能夠將各種顯示裝置微型化,而處理器的圖形運算能力也已經滿足了VR的基本需求,所以相關的服務都已經準備就緒。

就以消費性的VR產品來說,知名度最高的應該是OCULUS公司所推出的VR系統了,以目前最新版本的 OCULUS QUEST 2 來說,不僅重量比起早期的設備更輕更易穿戴,價格大約是一萬元台幣左右,是個人人都能入手的價格。

 

低價也能呈現VR實境-Google紙板眼鏡

以往VR進入家庭與企業最大的障礙,就是高不可攀的硬體設備,以往的VR設備不僅笨重,設置起來也非常的麻煩,大多是熱衷於尖端技術的玩家與產業相關人員才會接觸到VR設備。

針對這個問題,Google找出了一個完美的解決方案:用人手一台的手機,以及簡易的厚紙板,就能製作出一台簡易的VR設備(Google Cardboard)。不僅價格親民,設備使用簡單,而且效果不會輸給專業的設備,許多廠商也看到了這個商機,紛紛以Google紙板VR設備為範本,製作出適合手機的簡易VR裝置,價格不貴大約數百元左右。

 

達成VR網頁的快速捷徑-360環景導覽網頁設計

不論是預算充裕的專業人士,或是想要一睹VR神秘面紗的初學者,都有不同的入門方式,硬體與設備基本上已經不是太大的問題,接下來的問題就是內容的呈現上。其實VR的專屬內容與應用很多,但大多聚焦在電玩娛樂上,關於網站的VR應用就很稀少。

如今360度3D環景技術、網頁設計與VR技術已經整合,這對網頁設計產業來說是一項里程碑,因為過往VR與3D內容的網站呈現都有一些缺點,例如電腦運算處理過慢,檔案過大讀取過久,或是瀏覽器相容性的問題等等,都是導致VR環景應用遲遲無法大量推廣的原因。

 

360環景技術-Matterport優點


Matterport支援Google Cardboard (來源Matterport)

iWare所使用的新一代的環景網頁設計技術,採用美國Matterport技術,利用3D環景相機拍攝景物後加以運算並建立3D環景的全新技術。由於3D掃描拍攝的過程簡單且迅速,一個籃球場大小的空間大約只要一、兩個小時就能掃描完畢,經過後處理之後,只需數個工作天就能夠取得成品。跟過去使用3D建模製作VR環景的技術相較,至少節省了80%以上的時間。

以往使用360度VR環景技術絕對是大型專案,以知名的博物館、景點、建築或是百大企業才有足夠的預算製作。如今iWare所使用的Matterport技術,使360環景製作時間的縮短,加上製作方式也更為簡化,使這一項技術能夠運用的領域更廣,例如:學術機構、補教單位、中小企業、辦公廠區、百貨公司,遊樂場所、商家店舖、零售超市、觀光景點...等。

更棒的是這一項技術可以與網站緊密結合,不論是正在製作的網站,可以讓環景技術與你的網站完美融合,並且順暢的在手機、平板上觀看;現有的網站也可以受惠於此一科技,只要透過簡易的語法,就能讓360環景崁入你的網站中。

手機端網頁設計與PC電腦端的差別與設計要點
手機端網頁設計與PC電腦端的差別與設計要點
Jericho
Jericho
Mar 23, 2021
手機網站設計應該注意什麽問題
手機網站設計應該注意什麽問題
Jericho
Jericho
Mar 15, 2021
【街頭攝影】如何拍出有故事性的「劇照」?
【街頭攝影】如何拍出有故事性的「劇照」?
Ringo
Ringo
Nov 02, 2017