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

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

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

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

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