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

淺談網頁360虛擬環景技術

從遊戲到網路-虛擬實境不斷進步

過去人們透過想像力,想像遠在千里的國度的景色,或是高聳的大樓的壯闊氣勢,但是憑空想像就是一種個人體驗,只能透過不精準的文字口耳相傳,難以還原真正的樣貌。隨著科技的進步,從相片、影片到如今數位科技,越來越多技術能夠幫我們將真實世界的景色,傳遞給更多人欣賞。

在網路還不普及的年代,電腦遊戲算是虛擬實境的先驅,從簡單的幾何圖形、點陣圖形,到最先進的3D繪圖技術,讓人能夠進入到一個虛擬卻如真實的世界中。而網路的普及,讓人們能夠使用網頁,就能盡情在世界各地「衝浪」,拜訪各個國家知名景點或是建築物都不成問題。

如今虛擬實境、360度環景攝影技術已經成熟許多,Google街景就是360度環景攝影應用最佳例子,透過了環景畫面,人們可以進一步了解地圖上的地標是什麼樣貌,在錯綜複雜的車站找到正確的出口,甚至可以回顧不同時期的街道景色。而虛擬實境的技術也是一日千里,透過VR眼鏡與頭盔,不論是電玩、娛樂、教育學習、或是疫情期間的遠距觀光,人們可以做出不出家門,就能親眼看見許多過去不可能達成的視覺體驗。

網頁虛擬實境主流技術簡介
360度環景攝影式:實地進行攝影,真實視覺感受
三維數位式:從無到有,以數位繪圖技術建立景象
全景照片式:使用特效模組將全景照片立體實境化

 

網頁虛擬實境主流技術簡介

網路是個傳遞內容的管道與平台,透過網路,任何人都能夠執行網頁內容,而網頁的虛擬內容製作上,其實有兩種主流不同的技術,一種是透過360度環景攝影技術,所製作而成的虛擬實境;另一種則是使用3D電腦繪圖軟體,所打造而成的三維數位式虛擬場景,兩者各有其不同的優勢,彼此也有不同的缺點。

 

360度環景攝影式:實地進行攝影,真實視覺感受
優點:製作成本低,製作時間快
缺點:拍攝以實景為主,無法後處理

基於360度環景拍攝技術而成的虛擬實境技術,已經非常的成熟,不論是透過手機、相機、或是專業的環景攝影機,都能製作出一個出色的環景內容。以iWare所使用的Matterport技術來說,不但能夠迅速捕捉到真實世界的景色,更能取得物件的尺寸與輪廓,進一步的建立起一個虛擬世界。

然而環景技術的限制就是拍攝的內容,是無法加以大幅修改的,例如色調、對比、亮度、或是想要新添增一些訊息在牆上等,以目前技術是做不到的,因此最好的方式是拍攝之前,將環境加以整理布置,以取得最好的結果。

 

三維數位式:從無到有,以數位繪圖技術建立景象
優點:無須實地拍攝,場景建立自由度高
缺點:3D場景建立成本高,與真實情境場景有所落差

相信大家都玩過電腦遊戲,也被遊戲中精美的3D電腦繪圖創造的世界驚嘆不已,而這樣的技術也有人用於網路虛擬環景上,打造出一個虛擬的辦公室、國際型展場、商務交誼廳、虛擬教室、甚至是一整個博物館。使用3D繪圖可以達到許多現實做不出來的效果,例如懸空的看板、室內煙火秀、總是能夠帶給用戶許多驚喜。

可惜的是讚嘆精美的3D電腦繪圖的背後,成本可能是一個很重要的考量,大部分的3D電腦繪圖需要經過3D繪圖專家,長時間開發而成,時間成本相當的驚人,若是以較低階的3D電腦繪圖技術開發,看起來可能會很「假」,不易與真實世界產生共鳴,如何以3D電腦動畫營造真實視覺體驗,是個重大考量點。

 

全景照片式:使用特效模組將全景照片立體實境化
優點:成本低廉,製作簡易
缺點:本質上仍是照片,沒有真實三維視覺感受

許多網頁特效中,將滑鼠游標變成你的目光聚焦點,只要你移動滑鼠,就能看到照片的不同角度,這樣的技術也能應用在虛擬環景的網站製作上。優點是製作起來相較其他技術來說更為簡單,只要事先準備好拍攝的照片檔案即可,但缺點也很明顯:本質上還是照片的型態,只是看起來比較立體的視覺效果而已。

Gemini會不會取代Google搜尋?
Gemini會不會取代Google搜尋?
Jericho
Jericho
Aug 23, 2024
HTML5帶來的巨大顛覆
HTML5帶來的巨大顛覆
Jericho
Jericho
May 08, 2024
網站真的需要SSL憑證加密嗎?
網站真的需要SSL憑證加密嗎?
Jericho
Jericho
Jan 31, 2024