網頁設計導入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環景崁入你的網站中。