【正文】 Paradigm Inc ． Creating models for simulations， Ver sion 2． 4，F(xiàn)or Windows and IRJX[Z]． 2020． (利用谷歌翻譯 ) 。 最后，誠摯的感謝四年來為我傳授知識的老師們，以及所有關(guān)心和幫助我的同學(xué)們！ 武漢科技大學(xué)中南分校 2020 屆畢業(yè)設(shè)計(jì) (論文 ) 第 31 頁 共 31 頁 參考文獻(xiàn) [1] 周春艷，鄒崢嶸 . 基于全景圖像的虛擬校園 [M] . 湖南 ： 電腦與信息技術(shù) ， 2020 . [2] 張德義 . 基于 Web 的三維虛擬校園系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) [M] . 北京：清華大學(xué)出版社， 2020 . [3] 胡小強(qiáng) . 虛擬現(xiàn)實(shí)技術(shù) [M] 北京 郵電大學(xué)出版社 2020 . [4] 付新濤 ， 劉羽 . 基于 ISB 和 ISA 的三維數(shù)字校園導(dǎo)航系統(tǒng)設(shè)計(jì) [M] . 桂林工學(xué)院電子與計(jì)算機(jī)系 ， 2020 . [5] 黃文麗． VRML語言入門與應(yīng)用 [M] 中國鐵道出版社． 2020． 9 [6] 賽博科技工作室編著． VRML與 Java編程技術(shù) [M] 人民郵電出版社． 2020 [7] 汪成為，高文，王行仁．靈境 (虛擬現(xiàn)實(shí) )技術(shù)的理論、實(shí)現(xiàn)及應(yīng)用 [M]．北京：清華大學(xué)出版社， 2020． [8] 馬向英，杜威登．基于圖像的室內(nèi)虛擬漫游系統(tǒng) [J]中國 圖象圖形學(xué)報(bào)， 2020，6(A)： 87— 90． [9] 陳勇，馬純永，陳戈．基于 VC／ OpenGL 的虛擬海大校園導(dǎo)航系統(tǒng) [J]計(jì)算 機(jī)輔助設(shè)計(jì)與圖形學(xué)學(xué)報(bào)， 2020， 19： 263— 266． [10]Daniel Cohenr ． A survey ofvisibility for walkthrough applica tions[J]． IEEE Transactions on Visualization and ComputerGraphics， 2020， 9(3)：412— 431． (利用谷歌翻譯 ) [11]Peter Wonka． visibility Preprocessing with Occluder Fusion forUrban Walkthroughs[R]． Vienna University ofTechnology,TechRep： TR一 186— 2 一 O0 感謝我身邊的同學(xué)繆偉濤和趙子金，他們耐心的幫助使我解決了很多實(shí)際問題，使得系統(tǒng)能及時(shí)開發(fā)完成。在本次畢業(yè)設(shè)計(jì)中我從 她 身上學(xué)到了很多東西， 她 認(rèn)真負(fù)責(zé)的工作態(tài)度、嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神和深厚的理論水平使我受益匪淺，獲益良多。他們 在我的成長道路上都給予了我莫大的幫助 ，我們互相學(xué)習(xí)，在成長的路上互相幫助。武漢科技大學(xué)中南分校是一個(gè)具有其自己辦學(xué)特色的學(xué)校。 陳誠：三維校園的開發(fā)與設(shè)計(jì) 第 30 頁 共 31 頁 致謝 在論文完成之際，感慨萬千，四年走過的大學(xué)生活是我人生中一次重要的歷程，也是我生命中最寶貴的階段。還有就是需要重新定位 flash 運(yùn)行時(shí)后所需要引入的類包的絕對 路徑，否則編譯的時(shí)候會(huì)出現(xiàn)錯(cuò)誤，缺少相應(yīng)的 XX 類。 這 個(gè)課題對于我來說，任何東西都是全新的，為了能夠完成這次畢業(yè)設(shè)計(jì)，我在網(wǎng)上搜索了很多東西，和網(wǎng)友交流，互相學(xué)習(xí)，關(guān)于 FLASH3D 的東西，任何對于我來說都是陌生的。 然后就是從拍攝回來的幾百張圖片中選擇需要的進(jìn)行拼接，盡量做到拼接后不留下一點(diǎn)痕跡，這是一個(gè)很細(xì)心很機(jī)械化的工作。 在整個(gè) 功能 系統(tǒng)的設(shè)計(jì)和開發(fā)中，我碰到許多問題。比如缺少 第一視角前進(jìn)后退漫游 功能 、指定區(qū)域搜索 功能，操作界面不夠美觀，有些 圖片或者動(dòng)畫數(shù)據(jù)量過大 沒有考慮周全。其功能符合用戶需求，能夠 完成基本的瀏覽和觀看 ，還提供了 多處景點(diǎn)的瀏覽 ，增加了操作的 簡易型 和 實(shí)景展現(xiàn)真實(shí)性 ，提高了系統(tǒng)的 全面性 ，并具備 多用戶同時(shí)瀏覽，并發(fā)處理請求 的需求。這些也是我畢業(yè)設(shè)計(jì)中不足的地方，期望以后能夠繼續(xù)研究下去。 說明 這些接口有的并不是一個(gè)人能夠開發(fā)完成的項(xiàng)目，而其中涉及到的知識體系會(huì) 很寬泛的。 地圖導(dǎo)航中加入游戲的元素 就是模擬人生的精簡版，可以控制自己的角色進(jìn)行一系列的生活活動(dòng)，在虛擬校園內(nèi)開店，擺攤，送外賣等等，這一切我們生活中的事情都可以搬到虛擬社區(qū)這個(gè)平臺上，游戲與地圖結(jié)合，在游戲的過程中，對校園有一個(gè)更加深入的了解。 將地圖和社區(qū)結(jié)合，更加深層次的吸引用戶的停留，為網(wǎng)站實(shí)現(xiàn)商業(yè)利益做更大的幫助。 地圖導(dǎo)航中加入社區(qū)的元素 這個(gè)模式是目前非?；馃岬纳鐓^(qū)模式，也就是 SNS 網(wǎng) 站類型的。 這種模式比較單一，只能提供簡單的文字介紹，不過如果時(shí)間充足的情況下，加上標(biāo)注式的隱藏層，可以實(shí)現(xiàn)全副的圖片文字介紹，甚至是商家的宣傳動(dòng)畫。 地圖導(dǎo)航中加入商家的展示 如果說為了商業(yè)化，實(shí)現(xiàn)利益，那么校園商鋪導(dǎo)航絕對是一個(gè)不錯(cuò)的嵌入點(diǎn)。所以我在開發(fā)程序上預(yù)留了許多應(yīng)用和接口，方便以后加入更多的元素進(jìn)來。比如說，起點(diǎn)和終點(diǎn)，然后標(biāo)注出各種路線，以及對最優(yōu)路線作出特別標(biāo)注。比如 PS、 Anmation 等，我是直接利用美圖秀秀的閃圖功能做的，沒有對圖片進(jìn)行優(yōu)化，所以感覺體積有點(diǎn)大。圖 46 就是制作過程中用到的圖片。具體制作方法見下： 第一步：選取背景地圖，并進(jìn)行標(biāo)注； 圖 45 這里用一個(gè)音樂符號代表，新同學(xué)在大門口的位置，并進(jìn)行說明。 陳誠：三維校園的開發(fā)與設(shè)計(jì) 第 26 頁 共 31 頁 167。 圖 43 圖 43 是我們學(xué)校的風(fēng)景展示頁面，列表形式的，相當(dāng)?shù)牟恢庇^，瀏覽圖片要進(jìn)行很多次點(diǎn)擊，用戶體驗(yàn)不好。 校園風(fēng)景的展示與地圖的結(jié)合 僅僅有了地圖，還是只能從印象上給人一個(gè)大概的方位感，真實(shí)的在某點(diǎn)觀察到的景象，還是不能呈現(xiàn)出來，這里就需要一種所見即所得的技術(shù)，也就是虛擬漫游技術(shù)，不過很可惜，這項(xiàng)技術(shù)掌握起來難度有點(diǎn)大，我決定換一種方式來代替，實(shí)現(xiàn)某種意 義上的偽 3D 漫游技術(shù)，其實(shí)是點(diǎn)擊所見即所得。這張地圖明顯的給人一種更加直觀的感覺，這就是高校對外展示的一個(gè)絕佳的窗口，一張擦得很亮的名片。那種以前單純的平面示意圖已經(jīng)近乎被淘汰了，人們希望看到更加真實(shí) 的場景，也就是前面講到的虛擬現(xiàn)實(shí)。 校園地圖的升級 校園地圖的升級不是指地圖內(nèi)容的變化，升級是指技術(shù)上的升級，不能說幾年前你在看平面圖，現(xiàn)在還看吧，從 2D 到 3D 的一個(gè)升級改進(jìn)，就是校園地圖升級的過程。 武漢科技大學(xué)中南分校 2020 屆畢業(yè)設(shè)計(jì) (論文 ) 第 23 頁 共 31 頁 圖 41 從該圖我們 可以大概了解到學(xué)校的一些基本建筑以及各自的方位，是一個(gè)比較簡單的平面圖，至少可以不讓人迷路，這就是一個(gè)校園地圖的基本功能。 當(dāng)然校園地圖首要的責(zé)任是進(jìn)行地理位置的標(biāo)注以及路線的指明，校園平面圖是必不可少的。 167。 但是，大肆的彩頁廣告，甚至不惜 血本的平面宣傳充斥著我們的周圍，真正的效果又怎么樣呢？許多高校都忽略了自己家窗戶的宣傳，就是自己的網(wǎng)站，高校對外宣傳的一個(gè)窗口，其實(shí)做好自己家的裝修就是最好的廣告。 校園地圖立體化導(dǎo)航的意義 現(xiàn)如今高校生源逐年減少的環(huán)境下，招生數(shù)量成了一個(gè)高校能否生存下來的重要指標(biāo)。所以我們接下來要做的就是將三維全景地圖展示和校園地圖結(jié)合起來，起到真正的一個(gè)導(dǎo)航的作用。 在 FLASH 的選項(xiàng)里面，我們可以簡單的設(shè)置圖像是否自動(dòng)旋轉(zhuǎn)，以及是否加上控制按鈕。 下面是軟件新建工程后的截圖： 圖 311 武漢科技大學(xué)中南分校 2020 屆畢業(yè)設(shè)計(jì) (論文 ) 第 21 頁 共 31 頁 該軟件提供了矩形球面投影、立方體型、圓柱形三個(gè)建模實(shí)體對象，也就是實(shí)現(xiàn)集成了 FLASH 里面 AS 語言中的 camera3D 類，在這里可以直接選擇即可。 現(xiàn)在市面上有很多類似的制作 360 全景圖的軟件，我拿 Pano2QTVR 舉例，Pano2QTVR 是一個(gè)基于蘋果的 QuickTime 核心的虛擬現(xiàn)實(shí)軟件，可以制作。由于 Flash 動(dòng)畫可以在很多軟件調(diào)用，并且目前幾乎所有的電腦上都安裝了 Flash播放器，所以 Flash 制作的全景圖全景圖具有更加廣泛的應(yīng)用空間。選中 “ 響應(yīng) ” 按鈕，加上語句（具體內(nèi)容參閱源程序），這段腳本的作用是當(dāng)光標(biāo)在響應(yīng)按鈕上，執(zhí)行第 10 幀腳本，當(dāng)光標(biāo)離開響應(yīng)按鈕時(shí)停止執(zhí)行腳本。 第八步： 單擊層 “ 顯示區(qū) ” ，然后右擊選擇 “ 遮罩層 ” （如圖 39），這樣全景圖就只能出現(xiàn)在顯示區(qū)；選中 “ 放大 ” 按鈕，打開 “ 動(dòng)作 ” 面板輸入腳本（具體內(nèi)容參閱源程序），這段腳本是當(dāng)按下鼠標(biāo)左鍵時(shí)，執(zhí)行第 15 幀代碼，即放大全景圖，松開左鍵時(shí)執(zhí)行第 5 幀代碼，停止執(zhí)行代碼。最后在第 21幀按 F6鍵，加上腳本： “gotoAndPlay(20)。” ，作用是重復(fù)執(zhí)行第 15 幀腳本。 第六步： 在 “ 控制腳本 ” 層的第 15 幀按 F6 鍵，然后打開 “ 動(dòng)作 ” 面板輸入腳本（具體內(nèi)容參閱源程序），這段腳本主要是按比例改變?nèi)皥D的高度和寬度，從而實(shí)現(xiàn)放大效果。在第 11幀按 F6 鍵，打開 “ 動(dòng)作 ” 面板，輸入： “gotoAndPlay(10)。 圖 38 腳本輸入面板 陳誠：三維校園的開發(fā)與設(shè)計(jì) 第 18 頁 共 31 頁 第五步： 在 “ 控制腳本 ” 層的第 5幀按 F6 鍵，然后打開 “ 動(dòng)作面板 ” ，輸入：“stop()。//m 是顯示區(qū)域的中心坐標(biāo) si = 100*(bt)/()。//b 是顯示區(qū)域 底部坐標(biāo) v = //h 是場景高度 t = 50。 圖 37 舞臺上各個(gè)原件的位置 第四步： 選中 “ 拼接全景圖 ” 影片，然后單擊下方的 “ 屬性 ” 按鈕，將其實(shí)例名設(shè)置為 “tupian” ；在 “ 控制腳本 ” 層的第 1 幀按 F6鍵插入關(guān)鍵幀，單擊舞臺下方的 “ 動(dòng)武漢科技大學(xué)中南分校 2020 屆畢業(yè)設(shè)計(jì) (論文 ) 第 17 頁 共 31 頁 作 ” 面板，然后加上如下腳本： l = 459。 第二步： 選擇菜單 “ 插入 → 新建元件 ?” 出現(xiàn)對話框，選擇類型為 “ 按鈕 ” ，名稱為 “ 放大 ” ，這樣創(chuàng)建一個(gè)放大按鈕，然后使用這種方法再制作一個(gè) “ 縮小 ” 按鈕；創(chuàng)建一個(gè)名為 “ 響應(yīng) ” 的按鈕，該按鈕是一個(gè)矩形，尺寸大約是 360200 ；選擇菜單 “ 插入 → 新建元件 ?” 出現(xiàn)對話框，選擇類型為 “ 影片剪輯 ” ，名稱為 “ 拼接全景圖 ” ；選擇菜單 “ 窗口 → 庫 ” 打開 “ 庫 ” ，將其中的圖片（全景圖 .jpg）拖放到舞臺上，并且復(fù)制一份，將他們拼接起來（如圖 36）。 (camera)。 addEventListener(,handler)。 (camera)。 (p)。 var plane = new Plane(btm,234,236,2,2)。 =true。 var btm:BitmapAssetMaterial = new BitmapAssetMaterial(cover)。 =5。 然后我們新建一個(gè) scene和 camera； var scene:MovieScene3D = new MovieScene3D(container)。 =。 先新建一個(gè) container； var container:Sprite = new Sprite( )。 import .*。 import .*。 武漢科技大學(xué)中南分校 2020 屆畢業(yè)設(shè)計(jì) (論文 ) 第 13 頁 共 31 頁 圖 34 到這里，我們就可以用自己的 pv3d 做東西了。 首先去網(wǎng)上下載這個(gè)類包 ， 然后是這個(gè)類包的安裝 ， 按下 CTRL+U， 出現(xiàn)下面的對話框 ， 選擇 actionScript 欄 ， 然后選擇 設(shè)置 。 陳誠：三維校