基於全景攝影的網頁設計研究論文
摘 要：本文設計了一個酒店內部外部環境的全景網頁，首先用單反相機開始全景拍攝，然後對影象用photoshop，photomatix pro和PtGui等軟體，將照片進行處理和拼接，最後用Pano2VR軟體製作網頁，整個網頁真實立體，沒有拼接瑕疵。使用者可以真正體驗到資訊時代在足不出戶的情況下給我們帶來的非凡的樂趣與享受。
【關鍵詞】全景影像系統論文
隨著網際網路技術的進步發展，我國的網路營銷也越來越普及，企業的競爭與生存空間正逐步從傳統市場轉向網路市場，營銷方式也從傳統的市場營銷轉向網路營銷。虛擬現實技術從興起至今已經有二十多年了，發展迅速，已經滲透到了各個產業和領域。旅遊資訊網際網路化漸漸成為了一種趨勢，目前虛擬旅遊僅處於起步階段，但其發展潛力卻極其巨大。本設計研究的是一個基於靜態影象的虛擬現實技術，它可以簡單地在電腦網路上實現，主要透過視覺介面使人沉浸在虛擬情境中。
1 設計理念
為了體現出全景網站的核心功能，讓使用者身臨其境的觀看酒店的環境，我們的做法是直接把全景展示放大到全屏，讓客戶一經登陸就可以直接直觀的看到全景展示。所有操作按鈕採用居中佈局，並且在不需要的時候自動縮小並半透明化。在功能按鈕的選擇上，只保留了最基礎的功能，比如上下左右鍵以及放大縮小鍵還有全屏鍵，目的就是在保證使用性的前提下，秉持著簡既是繁的原則，讓使用者在瀏覽時可以完全沉浸在全景的虛擬現實效果中不受干擾。整個網頁的設計理念就是讓使用者擁有沉浸式的瀏覽體驗，順暢的瀏覽效果是網站的前提，所以我們選擇了比較新穎的html5技術來對全景圖片進行球形模擬，html5技術對移動端的支援也更好，使用者用手機瀏覽時也可以流暢體驗。
2 全景拍攝工藝
對於全景拍攝的工具考慮到成本、效率等多方面的因素，我們主要採用的是單反相機、魚眼鏡頭、雲臺設施和三角支架，雖然說普通的傻瓜相機也可以進行全景圖的拍攝，但是因為圖片的實際拍攝效果如清晰度等相對來說無法滿足質量上的要求，魚眼鏡頭是廣角鏡頭，焦距短，能觀察得畫面相對較大，三角架主要是用來固定支撐鏡頭的位置，保證拍攝時所有裝置的牢固，為了防止出現較大的視差，要確保相片的曝光率和焦距引數的一致等，因為無法在單層圖片上同時表現全景圖的亮部及暗部細節，所以在拍攝時應該對同一方向進行多個曝光度的拍攝，後期需要用到photomatix pro等軟體對影象進行高動態處理（HDR）。
另外，在斜拍補地工藝上進行了創新，加大了斜拍補地的角度，將原有的45度斜拍增加到60度，因為在實踐中發現，雖然45度斜拍時可以包括進更多的補地內容，但是在最後ptgui最佳化器的視點校正中，透過演算法還原原有的視點位置難度更大，也就更容易出現拼接接縫。然而用60度的角度補地這個問題就可以很好的解決。利用創新的60度斜拍補地法，可以很好的將三腳架以及倒影等不應該出現在畫面中的資訊去除，以達到完全純粹的還原拍攝地的真實場景的目的。
3 全景圖片的網頁設計轉化
透過裝有15mm魚眼鏡頭的全畫幅相機使用十張工藝拍攝60張一組的平面圖片 其中包含jpg格式以及nef格式。jpg格式用於預覽，nef格式用於實際拼接。採集樣品圖如圖1所示。然後，使用capture nx2對60張每組的圖片中的nef格式進行初步微調以及轉化成jpg格式，首先使用高光以及陰影選項進行高光及陰影部分的細節還原，接著使用色溫以及色調選項使場景色溫還原真實色溫，最後輸出jpg格式儲存，並且使用批處理器將設定套用到其他圖片上最後得到30張透過初步除錯的緊迫感、格式圖片。將這30張圖片呢匯入到ptgui軟體中首先使用自動拼接功能得到一張初步拼接的全景圖，然後透過水平校準器校準影象的水平和校準控制點，加入斜拍補地的照片，同樣透過尋找控制點的.方法與另外兩張垂直補地的照片進行匹配後，透過視點校正功能還原斜拍補地照片原來的三維位置，最後用蒙版功能將多餘的部分擦去，最後輸出圖片得到一張準確曝光的全景圖。接著用相同的方法再得到一張欠曝影象以及過曝影象。將3張不同曝光度的全景圖匯入photomatix pro軟體中進行高動態處理，使用色調對映選項先將三張影象進行初步合併，調節對比度，顏色飽和度以及白點黑點等得到一張同時擁有高光細節以及陰影細節的高動態全景圖，重複以上的方法制作多張不同場景的全景圖，並匯入pano2vr中，修改顯示引數，初始顯示角度和縮放角度等，最後將獲得的虛擬檔案放到網路伺服器的網頁頁面中，得到的網頁效果如圖2所示。
4 結束語
全景真正要達到專業標準的水平要下很多的功夫，會因為天氣、儀器裝置、拍攝技巧、軟體的處理能力種種因素導致全景網站的設計美中不足。本設計以極簡風格為主導，設計了一個讓使用者身臨其境的觀看酒店的環境，給使用者提供了一種新的場景展示形式。
參考文獻
[1]劉海娜.基於HTML5的全景漫遊技術研究[D].鄭州：鄭州大學，2013.
[2]朱學芳，蘇勇，史學海，汪民林.基於Internet的3D虛擬場景製作及在DL中的應用[J].現代圖書情報技術，2006，1（4）： 77-80.
【基於全景攝影的網頁設計研究論文】相關文章：