基于HTML5的全景漫游系統(tǒng)制作平臺的設(shè)計與研究.pdf

1、與基于三維建模的漫游系統(tǒng)相比，基于真實圖像的全景漫游系統(tǒng)由于采用真實的場景圖片，具有數(shù)據(jù)量小、開發(fā)周期短、場景逼真等優(yōu)點而在旅游、醫(yī)療、軍事訓(xùn)練等領(lǐng)域得到越來越廣泛的應(yīng)用。全景漫游系統(tǒng)制作平臺能夠?qū)⑴臄z的全景圖像經(jīng)過一系列的數(shù)學(xué)計算進(jìn)行投影顯示，控制實現(xiàn)不同場景間的自主漫游，結(jié)合計算機(jī)多媒體元素和GIS進(jìn)行展示，真實地還原、定位場景，增強(qiáng)用戶的交互性及身臨其境的體驗感。借助于全景漫游系統(tǒng)制作平臺，普通用戶可根據(jù)自身行業(yè)需求，利用普通照片

2、或全景照片快速地自主制作其虛擬漫游系統(tǒng)，對全景漫游技術(shù)在各行業(yè)的推廣具有重要的意義。
　　傳統(tǒng)的基于真實場景的三維全景漫游制作平臺大都基于插件播放器，如Flash、QuickTime等，存在跨平臺能力差、插件依賴性強(qiáng)等問題。HTML5是瀏覽器技術(shù)發(fā)展的趨勢，它使網(wǎng)頁設(shè)計變得更加集成化，尤其是多媒體元素的展示不再過度依賴于Flash和Silverlight插件，這樣不僅給開發(fā)人員帶來了極大的便利，而且用戶在使用中也不必下載相關(guān)的插件

3、，加載速度得到了改進(jìn)，同時它可以跨平臺跨瀏覽器使用。
　　本文通過借鑒相關(guān)的開源HTML5解決方案，在傳統(tǒng)的全景漫游制作平臺基礎(chǔ)上設(shè)計研發(fā)出一套能快速制作全景漫游系統(tǒng)的平臺。本文根據(jù)全景漫游的需求對系統(tǒng)進(jìn)行了設(shè)計，主要包括以下四大模塊：全景場景模塊、地圖導(dǎo)航模塊、菜單導(dǎo)航模塊、終端全景推送模塊。全景場景模塊利用開源的Three.js庫結(jié)合HTML5的Canvas標(biāo)簽實現(xiàn)全景漫游場景的展示，同時通過JavaScript語言對鼠標(biāo)動作

4、響應(yīng)實現(xiàn)對場景的角度旋轉(zhuǎn)，視野放大、縮放等控制；地圖導(dǎo)航通過HTML5的