- 相關(guān)推薦
基于全景攝影的網(wǎng)頁(yè)設計研究論文
摘 要:本文設計了一個(gè)酒店內部外部環(huán)境的全景網(wǎng)頁(yè),首先用單反相機開(kāi)始全景拍攝,然后對圖像用photoshop,photomatix pro和PtGui等軟件,將照片進(jìn)行處理和拼接,最后用Pano2VR軟件制作網(wǎng)頁(yè),整個(gè)網(wǎng)頁(yè)真實(shí)立體,沒(méi)有拼接瑕疵。用戶(hù)可以真正體驗到信息時(shí)代在足不出戶(hù)的情況下給我們帶來(lái)的非凡的樂(lè )趣與享受。
【關(guān)鍵詞】全景影像系統論文
隨著(zhù)互聯(lián)網(wǎng)技術(shù)的進(jìn)步發(fā)展,我國的網(wǎng)絡(luò )營(yíng)銷(xiāo)也越來(lái)越普及,企業(yè)的競爭與生存空間正逐步從傳統市場(chǎng)轉向網(wǎng)絡(luò )市場(chǎng),營(yíng)銷(xiāo)方式也從傳統的市場(chǎng)營(yíng)銷(xiāo)轉向網(wǎng)絡(luò )營(yíng)銷(xiāo)。虛擬現實(shí)技術(shù)從興起至今已經(jīng)有二十多年了,發(fā)展迅速,已經(jīng)滲透到了各個(gè)產(chǎn)業(yè)和領(lǐng)域。旅游信息互聯(lián)網(wǎng)化漸漸成為了一種趨勢,目前虛擬旅游僅處于起步階段,但其發(fā)展潛力卻極其巨大。本設計研究的是一個(gè)基于靜態(tài)圖像的虛擬現實(shí)技術(shù),它可以簡(jiǎn)單地在電腦網(wǎng)絡(luò )上實(shí)現,主要通過(guò)視覺(jué)接口使人沉浸在虛擬情境中。
1 設計理念
為了體現出全景網(wǎng)站的核心功能,讓用戶(hù)身臨其境的觀(guān)看酒店的環(huán)境,我們的做法是直接把全景展示放大到全屏,讓客戶(hù)一經(jīng)登陸就可以直接直觀(guān)的看到全景展示。所有操作按鈕采用居中布局,并且在不需要的時(shí)候自動(dòng)縮小并半透明化。在功能按鈕的選擇上,只保留了最基礎的功能,比如上下左右鍵以及放大縮小鍵還有全屏鍵,目的就是在保證使用性的前提下,秉持著(zhù)簡(jiǎn)既是繁的原則,讓用戶(hù)在瀏覽時(shí)可以完全沉浸在全景的虛擬現實(shí)效果中不受干擾。整個(gè)網(wǎng)頁(yè)的設計理念就是讓用戶(hù)擁有沉浸式的瀏覽體驗,順暢的瀏覽效果是網(wǎng)站的前提,所以我們選擇了比較新穎的html5技術(shù)來(lái)對全景圖片進(jìn)行球形模擬,html5技術(shù)對移動(dòng)端的支持也更好,用戶(hù)用手機瀏覽時(shí)也可以流暢體驗。
2 全景拍攝工藝
對于全景拍攝的工具考慮到成本、效率等多方面的因素,我們主要采用的是單反相機、魚(yú)眼鏡頭、云臺設施和三角支架,雖然說(shuō)普通的傻瓜相機也可以進(jìn)行全景圖的拍攝,但是因為圖片的實(shí)際拍攝效果如清晰度等相對來(lái)說(shuō)無(wú)法滿(mǎn)足質(zhì)量上的要求,魚(yú)眼鏡頭是廣角鏡頭,焦距短,能觀(guān)察得畫(huà)面相對較大,三角架主要是用來(lái)固定支撐鏡頭的位置,保證拍攝時(shí)所有設備的牢固,為了防止出現較大的視差,要確保相片的曝光率和焦距參數的一致等,因為無(wú)法在單層圖片上同時(shí)表現全景圖的亮部及暗部細節,所以在拍攝時(shí)應該對同一方向進(jìn)行多個(gè)曝光度的拍攝,后期需要用到photomatix pro等軟件對圖像進(jìn)行高動(dòng)態(tài)處理(HDR)。
另外,在斜拍補地工藝上進(jìn)行了創(chuàng )新,加大了斜拍補地的角度,將原有的45度斜拍增加到60度,因為在實(shí)踐中發(fā)現,雖然45度斜拍時(shí)可以包括進(jìn)更多的補地內容,但是在最后ptgui優(yōu)化器的視點(diǎn)校正中,通過(guò)算法還原原有的視點(diǎn)位置難度更大,也就更容易出現拼接接縫。然而用60度的角度補地這個(gè)問(wèn)題就可以很好的解決。利用創(chuàng )新的60度斜拍補地法,可以很好的將三腳架以及倒影等不應該出現在畫(huà)面中的信息去除,以達到完全純粹的還原拍攝地的真實(shí)場(chǎng)景的目的。
3 全景圖片的網(wǎng)頁(yè)設計轉化
通過(guò)裝有15mm魚(yú)眼鏡頭的全畫(huà)幅相機使用十張工藝拍攝60張一組的平面圖片 其中包含jpg格式以及nef格式。jpg格式用于預覽,nef格式用于實(shí)際拼接。采集樣品圖如圖1所示。然后,使用capture nx2對60張每組的圖片中的nef格式進(jìn)行初步微調以及轉化成jpg格式,首先使用高光以及陰影選項進(jìn)行高光及陰影部分的細節還原,接著(zhù)使用色溫以及色調選項使場(chǎng)景色溫還原真實(shí)色溫,最后輸出jpg格式保存,并且使用批處理器將設置套用到其他圖片上最后得到30張通過(guò)初步調試的緊迫感、格式圖片。將這30張圖片呢導入到ptgui軟件中首先使用自動(dòng)拼接功能得到一張初步拼接的全景圖,然后通過(guò)水平校準器校準圖像的水平和校準控制點(diǎn),加入斜拍補地的照片,同樣通過(guò)尋找控制點(diǎn)的方法與另外兩張垂直補地的照片進(jìn)行匹配后,通過(guò)視點(diǎn)校正功能還原斜拍補地照片原來(lái)的三維位置,最后用蒙版功能將多余的部分擦去,最后輸出圖片得到一張準確曝光的全景圖。接著(zhù)用相同的方法再得到一張欠曝圖像以及過(guò)曝圖像。將3張不同曝光度的全景圖導入photomatix pro軟件中進(jìn)行高動(dòng)態(tài)處理,使用色調映射選項先將三張圖像進(jìn)行初步合并,調節對比度,顏色飽和度以及白點(diǎn)黑點(diǎn)等得到一張同時(shí)擁有高光細節以及陰影細節的高動(dòng)態(tài)全景圖,重復以上的方法制作多張不同場(chǎng)景的全景圖,并導入pano2vr中,修改顯示參數,初始顯示角度和縮放角度等,最后將獲得的虛擬文件放到網(wǎng)絡(luò )服務(wù)器的網(wǎng)頁(yè)頁(yè)面中,得到的網(wǎng)頁(yè)效果如圖2所示。
4 結束語(yǔ)
全景真正要達到專(zhuān)業(yè)標準的水平要下很多的功夫,會(huì )因為天氣、儀器設備、拍攝技巧、軟件的處理能力種種因素導致全景網(wǎng)站的設計美中不足。本設計以極簡(jiǎn)風(fēng)格為主導,設計了一個(gè)讓用戶(hù)身臨其境的觀(guān)看酒店的環(huán)境,給用戶(hù)提供了一種新的場(chǎng)景展示形式。
參考文獻
[1]劉海娜.基于HTML5的全景漫游技術(shù)研究[D].鄭州:鄭州大學(xué),2013.
[2]朱學(xué)芳,蘇勇,史學(xué)海,汪民林.基于Internet的3D虛擬場(chǎng)景制作及在DL中的應用[J].現代圖書(shū)情報技術(shù),2006,1(4): 77-80.
【基于全景攝影的網(wǎng)頁(yè)設計研究論文】相關(guān)文章:
基于職業(yè)崗位需求的英語(yǔ)教學(xué)設計研究論文06-23
基于多媒體的《網(wǎng)頁(yè)設計》模塊化教學(xué)改革論文06-23
基于學(xué)生立場(chǎng)的設計教學(xué)的論文07-05
基于解構主義的服裝設計應用研究的論文06-21
淺析基于P2P的多媒體教學(xué)平臺的研究與設計論文06-25
新聞攝影的形象性研究論文06-22
紀實(shí)攝影的本質(zhì)與特征的研究論文07-04
基于DSP整流器設計論文07-03