【正文】 06，2022． (利用谷歌翻譯)[12] 劉明昆．三維游戲設(shè)計(jì)師寶典[M]．成都：四川 電子音像出版中心．2022． [13]MultiGen感謝我的父母幾年來對我無微不至的關(guān)懷和堅(jiān)強(qiáng)的支持，正因?yàn)橛辛怂麄儗ξ覠o私的愛才讓我能夠全心的投入到學(xué)習(xí)中去中。無論在理論上還是在實(shí)踐中，都給予我很大的幫助和支持，使我的代碼編寫能力得到了很大的提高，也學(xué)到了很多新的知識。首先感謝指導(dǎo)老師龔鳴敏耐心的輔導(dǎo)和細(xì)心幫助，以及校宣傳處高龍老師提供的許多圖片資料。在學(xué)校的日子我幸運(yùn)的認(rèn)識到了許多優(yōu)秀的老師和同學(xué)。感謝母校對我的悉心培養(yǎng)和教育，它除了豐富了我的專業(yè)知識外，還讓我擁用了很強(qiáng)的實(shí)踐操作能力，但更多的是我們看到成功素質(zhì)教育在我們身上結(jié)下的碩果。通過這次畢業(yè)設(shè)計(jì)，我體會(huì)到，任何一件事情都是沒有好壞之分的，只是看你盡力沒有，盡力了，你的作品就是完美的。還有就是 FLASH3D 組件的安裝，需要先從 google 開源項(xiàng)目里面下載對應(yīng)的 mxp文件包，利用 Adobe Extention Manager 安裝擴(kuò)展，這里要注意的就是版本的問題，flash CS3 對應(yīng)的是 版本，flash cs4 對應(yīng)的是 版本，我就犯了這一個(gè)錯(cuò)，版本沒有搞清楚。處理好圖片、制作生成全景圖后，接下來的就是如何利用 FLASH 腳本實(shí)現(xiàn) 360 度的全景展示。從最開始，照片的拍攝來說，需要考慮很多方面，取景點(diǎn)的選擇以及面的范圍，以及取景中的人、物、景是否需要加入，還有就是涉及到公共隱私問題的處理等一系列問題的處理。這些都有待進(jìn)一步修改。但是由于設(shè)計(jì)時(shí)間較短、經(jīng)驗(yàn)不足以及對 3D 建模沒有進(jìn)行深一步的學(xué)習(xí)與了解，該系統(tǒng)還有許多不盡如人意的地方和功能上的缺陷。結(jié)論經(jīng)過兩個(gè)多月的設(shè)計(jì)和開發(fā)，校園三維漫游地圖基本開發(fā)完畢。但是一個(gè)設(shè)計(jì)就要考慮到各方各面，因?yàn)橹挥心阆氲搅?，才可能做到?67。167。我們每一個(gè)用戶都擁有一個(gè)自己的賬號，擁有自己的角色，可以進(jìn)行聊天以及微博模式的文字交流。167。這里我們可以提供比較好吃的餐館，比較有創(chuàng)意的 DIY 店鋪等等，既可以為商家服務(wù)，也可以為同學(xué)提供便利。167。這些都是一個(gè)成熟的商業(yè)化地圖所必須具備的，我們的校園地圖有其自己的特點(diǎn)：一是面積不是很大，二是路線不是特別復(fù)雜，三是導(dǎo)航意義在于學(xué)生，屬于公益性質(zhì)的?？聪滦Ч麍D，圖 47圖 47第 5 章 導(dǎo)航地圖上的應(yīng)用接口當(dāng)然一個(gè)地圖的好壞，主要標(biāo)準(zhǔn)是看能不能快速方便的找到用戶要去的地方，也就是 2 點(diǎn)搜索的功能。圖 46第三部：利用軟件將這許多圖片制作成順序播放的動(dòng)畫。第二步：背景圖不變，只是標(biāo)注的位置發(fā)生變化，一副畫面一副畫面的移動(dòng)，最后，制作成動(dòng)畫，就看起來像一個(gè)動(dòng)態(tài)的導(dǎo)航圖了。 校園導(dǎo)航地圖的制作校園導(dǎo)航地圖要實(shí)現(xiàn)完全的 3D 模式，就像前面提到的一樣，需要大量的建模工作，所以我還是采取動(dòng)畫導(dǎo)航的模式來制作，用逐幀動(dòng)畫的模式，把一個(gè)路線描述出來。圖 44圖 44 是用 flash 自作的一組相冊展示，比較動(dòng)感，而且每張都以圖片形式展現(xiàn)出來，更加直觀。傳統(tǒng)意義上的校園風(fēng)景展示無外乎列表式、縮略圖式等，他們的共同點(diǎn)就是把風(fēng)景展示作為一個(gè)單獨(dú)的項(xiàng)目來呈現(xiàn)，沒有把他同別的東西聯(lián)系起來，其實(shí)風(fēng)景和地圖結(jié)合起來，能夠更加的吸引人，而且讓人了解的更多，獲得的信息更加真實(shí)，一方面可以為企業(yè)或者學(xué)校提升對外形象，另外可以引入商業(yè)機(jī)制盈利。167。圖 42 里面可以我們可以基本看到，地圖里面不僅標(biāo)明了建筑物的名稱，還按照相應(yīng)的比例進(jìn)行了模型構(gòu)造，綠地、草坪也都有顯示。這里升級的過程還是以中南分校校園地圖為例，如圖 42圖 42這是 09 年由藝術(shù)學(xué)院制作的，且不說藝術(shù)學(xué)院其本身的藝術(shù)設(shè)計(jì)能力，但是它至少表明了。167。 （可以參照武漢大學(xué)校園地圖）這里就以我們中南分校為例，以下圖 41 是 2022 年的由大學(xué)生記者團(tuán)制作的校園平面圖。 校園地圖的實(shí)用性研究校園地圖不同于中國地圖，更不同于世界地圖，他不用包含大范圍的面積，校園地圖專注的只是校園內(nèi)的一塊，更具有針對性，所以在導(dǎo)航和展示方面要綜合考慮。一個(gè)學(xué)生對一個(gè)新學(xué)校的了解，也只能通過學(xué)校的官方網(wǎng)站來了解，但是眾多高校網(wǎng)站上除了官話套話，取得的成就，希拉拉幾張學(xué)校的風(fēng)景照，以為這樣就建立了根據(jù)地，其實(shí)我們最希望看到的是一個(gè)對學(xué)校整體、宏觀上的把握，當(dāng)然地圖是最方便快捷的，但是我經(jīng)過調(diào)查，湖北省高校除了幾所部屬的高校，其他幾百所高校竟然基本上都沒有。排除百年老校那些名聲，高校建立自己的形象在這其中起到了至關(guān)重要的作用。167。如圖 312 所示圖 312選擇了輸出位置和輸出格式后，創(chuàng)建就 OK 了，下面是效果圖：圖 313第 4 章 校園地圖與風(fēng)景展示前面將所有的技術(shù)介紹完后，不知道大家發(fā)現(xiàn)沒有，感覺還是很散，一個(gè)是一個(gè)，整個(gè)系統(tǒng)就是一個(gè) swf 動(dòng)畫，完全稱不上一個(gè)系統(tǒng)。但是沒有那么靈活，范圍、幀頻、以及觀察視角的選擇都固定了。 Mov 格式的影片剪輯還有很多的照片拼接處理。圖 310 播放 利用軟件直接制作全景圖我們利用 flash 來實(shí)現(xiàn)全景圖的效果，實(shí)際上也是借助了某些別人開發(fā)好的類，來實(shí)現(xiàn)利用 AS 腳本來控制照片的呈現(xiàn)效果。圖 39 圖層示意圖第九步：按 Ctrl+Enter鍵觀看動(dòng)態(tài)全景圖效果（如圖 310），當(dāng)光標(biāo)向左移動(dòng)時(shí)圖片就會(huì)向左播放，光標(biāo)向右移動(dòng)時(shí)圖片向右播放，單擊“放大”按鈕可以放到全景圖，此時(shí)圖片可以上下移動(dòng)；最后選擇菜單“文件→發(fā)布設(shè)置”命令彈出對話框，勾選“格式”選項(xiàng)下的“Flash（.swf）”選項(xiàng)，然后單擊“發(fā)布”按鈕將全景圖輸出成Flash動(dòng)畫。選中“縮小”按鈕，加上語句（具體內(nèi)容參閱源程序），這段腳本也是按下鼠標(biāo)執(zhí)行第 20幀代碼，松開后執(zhí)行第 5幀代碼?！?，作用是重復(fù)執(zhí)行第20幀腳本。第七步：在“控制腳本”層的第 20幀按 F6鍵，然后加上腳本（具體內(nèi)容參閱源程序），這段腳本作用是讓圖片在放大后可縮小，并且設(shè)定縮小后不能小于原圖的尺寸。在第 16幀按 F6鍵，打開“動(dòng)作面板”，輸入：“gotoAndPlay(15)?！?，它主要是實(shí)現(xiàn)重復(fù)執(zhí)行兩幀代碼，從而保證在移動(dòng)鼠標(biāo)后，全景圖一直保持運(yùn)動(dòng)。”腳本（注：引號不要輸入）；再在第 10幀按 F6鍵，然后打開“動(dòng)作”面板輸入腳本（具體內(nèi)容參閱源程序），這段腳本主要是獲取光標(biāo)的位置，根據(jù)光標(biāo)的移動(dòng)方向和速度，控制全景圖的移動(dòng)方向和速度。//si是最小縮放倍數(shù)注意：“//”后面的是語句說明，這里的部分?jǐn)?shù)據(jù)要根據(jù)制作時(shí)的實(shí)際大小來設(shè)置（如圖 38）。//v是水平線坐標(biāo)m = (t+b)/2。//t是顯示區(qū)域頂部坐標(biāo)b = // l是場景寬度h = 圖 36 動(dòng)態(tài)全景圖中所用元件第三步：打開“庫”，將三個(gè)按鈕拖放到“控制按鈕”層第 1幀的舞臺(tái)上，其中“響應(yīng)”按鈕的位置在全景圖顯示區(qū)域（大概在場景的中心位置），并且單擊舞臺(tái)下方的“屬性”按鈕，將其透明度（Alpha）設(shè)置為“0”，寬度為 360，高度為 200，X為 50，Y 為 25；“放大”和“縮小”按鈕在“響應(yīng)按鈕”的右下側(cè)，再在該層的第 25幀按 F5鍵插入幀；在“顯示區(qū)域”層第 1幀的舞臺(tái)上繪制一個(gè)與“響應(yīng)按鈕”等大的矩形，要正好覆蓋在“響應(yīng)”按鈕上，將“庫”中的“拼接全景圖”影片拖放到層“全景圖”的第 1幀（如圖 37），最后在這兩個(gè)層的第 25幀按 F5鍵。}代碼實(shí)例圖：圖35第一步：啟動(dòng) Flash ，選擇菜單“修改→文檔”命令打開文檔屬性框，將文檔的寬度設(shè)置為 450px，高度設(shè)置為 250px，背景色為黑色；選擇菜單“文件→導(dǎo)入→導(dǎo)入到庫…”命令出現(xiàn)對話框，選擇靜態(tài)全景圖，再單擊“打開”按鈕導(dǎo)入圖片；選擇菜單“插入→時(shí)間軸→圖層”命令插入三個(gè)新層，雙擊圖層名稱可重新命名，從上至下分別取名為：、控制腳本、控制按鈕、顯示區(qū)、全景圖。function handler(e:Event){+=5。這樣一個(gè)見的pv3d應(yīng)用就完成了，但是似乎沒有什么3d的效果，好的，我們把架攝像機(jī)的那部分代碼換成下面的樣子。最后把攝像機(jī)架好。然后把這個(gè)object添加到scene中去。=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 .*。圖 34到這里，我們就可以用自己的 pv3d 做東西了。首先去網(wǎng)上下載這個(gè)類包，然后是這個(gè)類包的安裝，按下 CTRL+U，出現(xiàn)下面的對話框，選擇 actionScript 欄，然后選擇 設(shè)置。這里建議用卡片機(jī)拍攝最好是帶廣角鏡頭的，單反相機(jī)拍出來的會(huì)有卷腳的因素，不利于拼接。2：手工的裁剪拼接相對與軟件自動(dòng)的拼接，手工拼接有一個(gè)好處就是可以制作出更加精美的全景圖片，可以隨時(shí)對拼接出進(jìn)行細(xì)節(jié)調(diào)整，而不是不可控制的自動(dòng)化。以下以 PhotoShop 為例子說明拼接步驟：圖 31然后選擇相應(yīng)的文件或文件夾即可自動(dòng)完成。Photoshop 里面“自動(dòng)”也可以實(shí)現(xiàn)照片的拼接。 全景圖生成制作技術(shù) 照片的拼接技術(shù)全景地圖最重要的一點(diǎn)，就是照片的拼接，將你 360 度旋轉(zhuǎn)拍攝的照片，拼接成一張?jiān)谄矫嫔峡瓷先ズ軓V范圍的照片，使得生成全景展示地圖的時(shí)候能還原當(dāng)時(shí)拍攝的真實(shí)景象。譬如當(dāng)我們搜索圖書館的主題時(shí)，在出來的搜索結(jié)果列表里面，我們可以訪問圖書館的具體位置、實(shí)景，以及圖書的借閱情況、開放時(shí)間等； 三維虛擬校園的直觀特性，可以優(yōu)化領(lǐng)導(dǎo)管理，對于校園信息管理、校園規(guī)劃、建設(shè)等能夠全局掌控。例如，網(wǎng)站發(fā)布會(huì)議通知或者考試地點(diǎn)等信息時(shí)都可嵌入地點(diǎn)位置代碼，用戶在瀏覽信息內(nèi)容的同時(shí)能直觀的在虛擬校園中看到會(huì)議或者考試等的具體位置，有效提高大學(xué)的美譽(yù)度，有助于大學(xué)自身的宣傳和信息的高度集中、配置和互動(dòng)。 三維虛擬校園系統(tǒng)具有良好的開放性，為其他信息提供了載體，該系統(tǒng)可直接嵌入到大學(xué)的網(wǎng)站，可接駁觸摸屏，還可以接駁視頻監(jiān)控系統(tǒng)。 （可接駁觸摸屏） 有利于招生宣傳網(wǎng)絡(luò)宣傳現(xiàn)已成為非常有效的手段，率先建立三維虛擬校園，有助于提高學(xué)院的形象，對大學(xué)的全國范圍招生有極大的幫助。三維虛擬校園系統(tǒng)，可實(shí)現(xiàn)以下功能： 直觀的了解校園三維虛擬校園基于瀏覽器，無任何瀏覽器插件，具有友好的用戶操