樓曉燕 謝文駿 謝志遠(yuǎn)

摘 要：本文設(shè)計(jì)了一個(gè)酒店內(nèi)部外部環(huán)境的全景網(wǎng)頁(yè)，首先用單反相機(jī)開始全景拍攝，然后對(duì)圖像用photoshop，photomatix pro和PtGui等軟件，將照片進(jìn)行處理和拼接，最后用Pano2VR軟件制作網(wǎng)頁(yè)，整個(gè)網(wǎng)頁(yè)真實(shí)立體，沒有拼接瑕疵。用戶可以真正體驗(yàn)到信息時(shí)代在足不出戶的情況下給我們帶來(lái)的非凡的樂趣與享受。

【關(guān)鍵詞】全景網(wǎng)頁(yè) 虛擬現(xiàn)實(shí)技術(shù) 互聯(lián)網(wǎng)

隨著互聯(lián)網(wǎng)技術(shù)的進(jìn)步發(fā)展，我國(guó)的網(wǎng)絡(luò)營(yíng)銷也越來(lái)越普及，企業(yè)的競(jìng)爭(zhēng)與生存空間正逐步從傳統(tǒng)市場(chǎng)轉(zhuǎn)向網(wǎng)絡(luò)市場(chǎng)，營(yíng)銷方式也從傳統(tǒng)的市場(chǎng)營(yíng)銷轉(zhuǎn)向網(wǎng)絡(luò)營(yíng)銷。虛擬現(xiàn)實(shí)技術(shù)從興起至今已經(jīng)有二十多年了，發(fā)展迅速，已經(jīng)滲透到了各個(gè)產(chǎn)業(yè)和領(lǐng)域。旅游信息互聯(lián)網(wǎng)化漸漸成為了一種趨勢(shì)，目前虛擬旅游僅處于起步階段，但其發(fā)展?jié)摿s極其巨大。本設(shè)計(jì)研究的是一個(gè)基于靜態(tài)圖像的虛擬現(xiàn)實(shí)技術(shù)，它可以簡(jiǎn)單地在電腦網(wǎng)絡(luò)上實(shí)現(xiàn)，主要通過視覺接口使人沉浸在虛擬情境中。

1 設(shè)計(jì)理念

為了體現(xiàn)出全景網(wǎng)站的核心功能，讓用戶身臨其境的觀看酒店的環(huán)境，我們的做法是直接把全景展示放大到全屏，讓客戶一經(jīng)登陸就可以直接直觀的看到全景展示。所有操作按鈕采用居中布局，并且在不需要的時(shí)候自動(dòng)縮小并半透明化。在功能按鈕的選擇上，只保留了最基礎(chǔ)的功能，比如上下左右鍵以及放大縮小鍵還有全屏鍵，目的就是在保證使用性的前提下，秉持著簡(jiǎn)既是繁的原則，讓用戶在瀏覽時(shí)可以完全沉浸在全景的虛擬現(xiàn)實(shí)效果中不受干擾。整個(gè)網(wǎng)頁(yè)的設(shè)計(jì)理念就是讓用戶擁有沉浸式的瀏覽體驗(yàn)，順暢的瀏覽效果是網(wǎng)站的前提，所以我們選擇了比較新穎的html5技術(shù)來(lái)對(duì)全景圖片進(jìn)行球形模擬，html5技術(shù)對(duì)移動(dòng)端的支持也更好，用戶用手機(jī)瀏覽時(shí)也可以流暢體驗(yàn)。

2 全景拍攝工藝

對(duì)于全景拍攝的工具考慮到成本、效率等多方面的因素，我們主要采用的是單反相機(jī)、魚眼鏡頭、云臺(tái)設(shè)施和三角支架，雖然說(shuō)普通的傻瓜相機(jī)也可以進(jìn)行全景圖的拍攝，但是因?yàn)閳D片的實(shí)際拍攝效果如清晰度等相對(duì)來(lái)說(shuō)無(wú)法滿足質(zhì)量上的要求，魚眼鏡頭是廣角鏡頭，焦距短，能觀察得畫面相對(duì)較大，三角架主要是用來(lái)固定支撐鏡頭的位置，保證拍攝時(shí)所有設(shè)備的牢固，為了防止出現(xiàn)較大的視差，要確保相片的曝光率和焦距參數(shù)的一致等，因?yàn)闊o(wú)法在單層圖片上同時(shí)表現(xiàn)全景圖的亮部及暗部細(xì)節(jié)，所以在拍攝時(shí)應(yīng)該對(duì)同一方向進(jìn)行多個(gè)曝光度的拍攝，后期需要用到photomatix pro等軟件對(duì)圖像進(jìn)行高動(dòng)態(tài)處理（HDR）。

另外，在斜拍補(bǔ)地工藝上進(jìn)行了創(chuàng)新，加大了斜拍補(bǔ)地的角度，將原有的45度斜拍增加到60度，因?yàn)樵趯?shí)踐中發(fā)現(xiàn)，雖然45度斜拍時(shí)可以包括進(jìn)更多的補(bǔ)地內(nèi)容，但是在最后ptgui優(yōu)化器的視點(diǎn)校正中，通過算法還原原有的視點(diǎn)位置難度更大，也就更容易出現(xiàn)拼接接縫。然而用60度的角度補(bǔ)地這個(gè)問題就可以很好的解決。利用創(chuàng)新的60度斜拍補(bǔ)地法，可以很好的將三腳架以及倒影等不應(yīng)該出現(xiàn)在畫面中的信息去除，以達(dá)到完全純粹的還原拍攝地的真實(shí)場(chǎng)景的目的。

3 全景圖片的網(wǎng)頁(yè)設(shè)計(jì)轉(zhuǎn)化

通過裝有15mm魚眼鏡頭的全畫幅相機(jī)使用十張工藝拍攝60張一組的平面圖片 其中包含jpg格式以及nef格式。jpg格式用于預(yù)覽，nef格式用于實(shí)際拼接。采集樣品圖如圖1所示。然后，使用capture nx2對(duì)60張每組的圖片中的nef格式進(jìn)行初步微調(diào)以及轉(zhuǎn)化成jpg格式，首先使用高光以及陰影選項(xiàng)進(jìn)行高光及陰影部分的細(xì)節(jié)還原，接著使用色溫以及色調(diào)選項(xiàng)使場(chǎng)景色溫還原真實(shí)色溫，最后輸出jpg格式保存，并且使用批處理器將設(shè)置套用到其他圖片上最后得到30張通過初步調(diào)試的緊迫感、格式圖片。將這30張圖片呢導(dǎo)入到ptgui軟件中首先使用自動(dòng)拼接功能得到一張初步拼接的全景圖，然后通過水平校準(zhǔn)器校準(zhǔn)圖像的水平和校準(zhǔn)控制點(diǎn)，加入斜拍補(bǔ)地的照片，同樣通過尋找控制點(diǎn)的方法與另外兩張垂直補(bǔ)地的照片進(jìn)行匹配后，通過視點(diǎn)校正功能還原斜拍補(bǔ)地照片原來(lái)的三維位置，最后用蒙版功能將多余的部分擦去，最后輸出圖片得到一張準(zhǔn)確曝光的全景圖。接著用相同的方法再得到一張欠曝圖像以及過曝圖像。將3張不同曝光度的全景圖導(dǎo)入photomatix pro軟件中進(jìn)行高動(dòng)態(tài)處理，使用色調(diào)映射選項(xiàng)先將三張圖像進(jìn)行初步合并，調(diào)節(jié)對(duì)比度，顏色飽和度以及白點(diǎn)黑點(diǎn)等得到一張同時(shí)擁有高光細(xì)節(jié)以及陰影細(xì)節(jié)的高動(dòng)態(tài)全景圖，重復(fù)以上的方法制作多張不同場(chǎng)景的全景圖，并導(dǎo)入pano2vr中，修改顯示參數(shù)，初始顯示角度和縮放角度等，最后將獲得的虛擬文件放到網(wǎng)絡(luò)服務(wù)器的網(wǎng)頁(yè)頁(yè)面中，得到的網(wǎng)頁(yè)效果如圖2所示。

4 結(jié)束語(yǔ)

全景真正要達(dá)到專業(yè)標(biāo)準(zhǔn)的水平要下很多的功夫，會(huì)因?yàn)樘鞖?、儀器設(shè)備、拍攝技巧、軟件的處理能力種種因素導(dǎo)致全景網(wǎng)站的設(shè)計(jì)美中不足。本設(shè)計(jì)以極簡(jiǎn)風(fēng)格為主導(dǎo)，設(shè)計(jì)了一個(gè)讓用戶身臨其境的觀看酒店的環(huán)境，給用戶提供了一種新的場(chǎng)景展示形式。

參考文獻(xiàn)

[1]劉海娜.基于HTML5的全景漫游技術(shù)研究[D].鄭州：鄭州大學(xué)，2013.

[2]朱學(xué)芳，蘇勇，史學(xué)海，汪民林.基于Internet的3D虛擬場(chǎng)景制作及在DL中的應(yīng)用[J].現(xiàn)代圖書情報(bào)技術(shù)，2006，1（4）： 77-80.

作者簡(jiǎn)介

樓曉燕（1989-），女，浙江省杭州市人?，F(xiàn)為浙江大學(xué)城市學(xué)院實(shí)驗(yàn)中心教師，從事計(jì)算機(jī)技術(shù)的教學(xué)和研究。

作者單位

浙江大學(xué)城市學(xué)院信電分院實(shí)驗(yàn)中心 浙江省杭州市 310015