360°全景漫游在校園虛擬展示設計中的應用研究

高曉晶 馮麗露

摘 要： 近幾年，基于全景圖像的漫游逐漸成為實現虛擬現實的一個分支，在地圖導航、室內展示中扮演著重要的角色。文章以校園建筑及景色為主要的實景素材收集對象，通過合成全景軟件PanoramStudio 2 Pro、創建漫游系統軟件pano2vr將照片合成為視覺上的三維場景，使觀賞者產生身臨其境的感覺，具有一定的交互性、沉浸感，真正實現足不出戶漫游大學校園。

關鍵詞：校園；PanoramaStudio 2 Pro；全景漫游；pano2vr：沉浸感

中圖分類號：TP393 文獻標志碼：A 文章編號：1673-8454（2018）06-0085-04

基于圖像的繪制是一種新興的虛擬現實實現方法，以計算機視覺和圖像處理等理論和方法為基礎，嘗試利用真實的圖像代替傳統的幾何建模，同時又利用圖像空間的變換操作代替傳統的繪制過程。由于基于圖像的繪制技術在構造真實感場景和繪制速度上與傳統計算機圖形學相比有很大的獨特優勢，近年來逐漸成為圖形學發展的一個熱點，尤其是在虛擬環境的構造上有著很好的應用場景[1]。就學校而言，大一新生在異地可以通過全景漫游觀看學校的資料、圖片等信息，如教學大樓、圖書館、宿舍、餐廳等等，而紙質版的圖片信息宣傳冊已經滿足不了學生和家長的需求，制作宣傳冊成本較高，且僅能表現部分信息，而全景漫游可以完整展示學校各個地方，信息量大，使用戶不用來學校就能在網上考察學校，方便了全國各地的用戶。

一、全景漫游虛擬現實技術概述

全景圖像拼接技術是一種利用兩張圖片的重疊部分將其拼接到一起，從而形成一系列包含各圖像序列信息的全景圖的技術。全景圖像漫游是將一系列普通的全景圖制作成一套完整的全景展示系統，利用軟件內置的皮膚編輯器豐富系統功能模塊，最終生成的文件可獨立運行于各種設備[2]。

目前國內外市場都非常重視這個新興發展起來的行業——三維全景。三維立體全景適應性廣，制作簡單，投資小，數據量小，見效快，全景漫游是目前最親民最真實的一種虛擬方式?；趫D像的虛擬現實技術對校園全景漫游展示系統的研究有三方面的原因，一是隨著科技的發展，虛擬現實技術越來越廣泛的應用到各個行業，逐漸成為當下熱門的構造虛擬場景的方式之一；二是數字校園工程的推進，許多高校通過建立本校的虛擬漫游進行宣傳，同時方便在校師生；三是基于圖像的虛擬現實繪制技術的各種優點決定了其較高的實用性。

全景漫游在當下主要應用于地圖導航、建筑行業的室內外展示、旅游景點的再現。

1.地圖導航

地圖導航無疑是比較適合全景漫游的實例，在國內使用率比較高的百度地圖、騰訊地圖都提供了地圖的實景導航，對每個城市的主要干道都有實景圖片。不僅如此，百度地圖和騰訊地圖還提供了場景轉換，平面地圖和實景圖片相結合來為用戶導航，交互性的增加為用戶的出行提供極大的便利。圖1展示的是百度地圖實景圖片。

在國外，許多app也提供實景地圖，例如Mapquest、谷歌地圖 Google Maps、雅虎地圖 Yahoo！ Maps and Driving Directions等。

2.旅游景點再現

旅游景點的實景再現，可以實現用戶足不出戶就可以體會到身臨其境的感受，不僅如此，如果因為自然因素或是人為因素建筑物遭到破壞，實景圖還可以還原建筑物之前的樣貌。在圖2中，利用實景再現技術，展示北京故宮博物館實景圖。

二、基于pano2vr實現全景展示的可行性分析

校園全景展示采用2D圖片合成全景圖片技術，再應用pano2vr實現校園漫游。運用傳統3D建模軟件搭建三維場景模型，然后通過計算機圖形技術對場景模型進行消隱、著色、光照等一系列處理，進而產生虛擬場景。這種傳統構建虛擬現實情境的方法存在的問題也日益凸顯出來：①對于布局復雜以及形態不規則的自然場景來說，建模工作比較費力和耗時；②虛擬場景生成對計算機性能的要求很高，而且很多都是逐幀渲染，耗時較長，對于普通用戶來說，硬件設備遠不能滿足要求；③基于傳統建模技術生成的全景漫游系統占用的存儲空間較大，對于圖片顯示質量要求很高，所以使用時往往需要很長的時間來加載。

Pano2vr相對于其他全景漫游制作軟件具有以下特點：①輸出文件時，添加了場景與瀏覽器同樣大小的設置，這樣在播放時顯示尺寸就可以在顯示器上全部顯示。②新增了熱點透視，無論在哪里添加熱點，添加上的熱點就可以生動地融入場景當中。③生成的動畫文件所占用的存儲空間非常小。其導出格式可以選擇swf文件，使用任何一個瀏覽器都可以瀏覽。④無水印，相比于企業出版的漫游軟件來說，這款軟件可以無償使用，且不會附帶水印。⑤操作簡單。使用漢化版可以很快上手，并對各個功能模塊有所了解。

三、全景展示系統的設計與實現

1.系統總體設計思路

2.全景圖片合成

（1）全景圖像模型的選擇

全景圖像模型主要分為柱面模式、360度模式和球形模式。此次設計由于器材的限制，無法使每張全景都涉及到完整的天和地，因此在選擇模型時主要采用柱面模式和360度模式這兩種模式。對于標志性建筑物，比如在采集慎思樓的圖像時，因其高度和拍攝時選取的地理位置的限制，所以需要從上到下各個層次多層拍攝合成全景圖。從一個場景轉入到下一個場景，有時不需要涉及背后的景象，便采用180度或者270度環繞，這便是柱面模式，其余采用360度環繞一圈。

（2）圖像獲取

在采集圖像之前首先進行位置點的分析，確定合理的拍攝地點。采集全景圖像主要運用到的是單反和三腳架。單反像素較高，能很好的滿足在漫游時放大場景的需求，將其與三腳架結合，固定上下搖動，只利用其左右搖動，會在拍攝過程中大大減少工作量，每張素材基本都可以使用。因為在合成柱形全景圖時需要平面360度環繞一圈，將上一張照片的最后五分之一處作為下一張照片剛開始的五分之一處，且整個全景圖分類下的每張照片焦距不能變，以便于合成全景時能夠更真實，更自然。每一張照片最大限度的利用，避免導出渲染全景圖時自動裁剪上下邊緣，使之范圍大大縮減。

（3）圖像拼接

圖像拼接是全景圖制作的關鍵過程。由于在實際拍攝中數碼相機拍攝時存在一定的夾角，它可以利用匹配算法對圖像進行拼接，最后進行拼接和邊緣融合。為了保證拼接時的準確真實性，在采集圖像時要盡可能保證兩張圖像間的重疊部分。

3.全景圖生成

本系統制作全景圖采用PanoramStudio 2Pro軟件拼接合成全景。PanoramStudio 2Pro利用相鄰兩張圖片的重疊部分將其拼接到一起，從而合成完整的全景圖。具體實現過程如下（以校門口為例）：

（1）導入圖像

打開PanoramStudio 2Pro軟件，導入圖像，其效果如圖4所示，這些圖像均為合成校門全景所需。加載完成之后依據布局對圖片的位置順序進行調整。對需要裁減的部分可直接編輯圖片。某些圖片因曝光過度需要調整，可預先在Photoshop中進行編輯。

（2）設置焦距和視野

因為在拍攝時已經保持焦距不變，在此軟件中可以選擇焦距未知（自動），軟件自動估算焦距。視野應設置為與拍攝時人眼一般的高度，這樣合出來的圖片錯誤較少，大大節省了工作量。

（3）對齊圖像

選擇對齊圖像對全景圖進行初步合成。針對各個全景的需要選擇合成排列性（局部）全景或者360度排列全景，其效果如圖5所示。

（4）全景圖修改

有時會因為視野設置不合適，或者采集圖像時重疊部分太少，出現個別重疊部分完全消失、路燈等彎曲的問題，需要利用軟件中的“修改圖像排列”和“修改細節調整”進行對重疊部分的完善。

（5）全景圖導出

在采集圖像時會因為光線角度，導致每張照片的色彩飽和度有所不同，尤其在合到一起之后會更加明顯，所以在導出保存之前需要對該全景圖進行著色，使整張圖看起來更加流暢自然。之后進行保存。有時在著色完成之后，整張全景圖的飽和度偏亮或偏暗，可以采用優化選擇，調整其色彩曲線。

4.基于pano2vr的全景展示實現

將所有的全景圖合成之后，在軟件pano2vr中開始漫游系統的制作。此軟件的關鍵部分是皮膚編輯器，基本所有的功能模塊都需通過它實現，熱點、縮略圖、平面地圖等。皮膚編輯器主要由容器、矩形、節點、圖片、文字幾部分構成。每部分之間又有很嚴謹的層級關系，矩形、節點、圖文可以放置于容器中，節點、圖文也可以放置于矩形中，但容器不能放置于容器中。

在皮膚編輯器中，對各個物體錨點的設置決定了其在場景中的位置。它的相對關系僅僅是針對上一級，容器是最高的層級，左上錨點位置便是場景中的左上，例如矩形的上一層級是容器，左上錨點位置便是容器左上，而不是場景左上。錨點的位置必須設置準確，在制作過程中很多錯誤都是由于錨點位置的錯誤引起。關鍵制作過程如下：

（1）導入全景圖

將第一張全景圖導入到軟件中后，修改其顯示參數，因這張全景圖可以360度環繞，將水平視角設置為360度，在顯示圖中設置剛開始場景，如圖6所示。

（2）添加熱點

熱點鏈接是連接兩張全景圖的橋梁，通過點擊進入下一張全景。熱點的設置需要兩部分來完成，一是在全景圖中設置交互熱點，為了方便，其ID名與皮膚ID名設置成相同的英文字符，URL連接到下一張全景圖，熱點圖是系統默認的圖片，其效果如圖7所示；二是將熱點圖更換成自己在Photoshop中制作好的png格式的圖片。在皮膚編輯器中導入自己的熱點圖片，其ID名必須與全景圖上的熱點名一致，并設置相關參數，編輯文字，將圖片與文字放置于同一節點下，為節點添加動作。

（3）添加文字

在場景中需要完成鼠標放置到熱點上時顯示文字、離開時隱藏的效果，在皮膚編輯器中添加文本，將其與相對應的熱點放置于同一個熱點下，并在熱點上設置動作，操作界面如圖8所示。

（4）添加背景音樂

添加音樂有兩種模式，一是為整個背景添加，使音樂貫穿于所有場景之中；二是為單張全景圖添加音樂，在切換到下個場景后音樂停止。此次設計考慮到音樂的連通順暢，避免卡頓現象，選擇在第一張全景圖上為整個背景添加并設置，使之完整的播放。

（5）添加平面地圖

通過平面地圖可以更直觀的反映出用戶目前的視野區域，隨著用戶在場景中的移動，其節點的顏色也會發生相應的變化，這樣用戶便可以知道自己目前正處的位置。Photoshop中準備工作主要包括校區地圖、節點標記制作。在pano2vr軟件中將其導入到地圖列表下，在彈出窗口中將每個場景對應到平面地圖的相應位置，然后要在該位置添加圖片熱點鏈接到相應的場景，為其添加修改器命令。

（6）添加縮略圖

縮略圖在系統中起指導性作用。用戶通過點擊縮略圖可以快速進入相對應的全景。制作縮略圖需要將圖片與文字放置于同一節點下，為節點添加動作，在鼠標進入、離開時設定元素比例大小、鼠標激活、停用時分別更改、設定元素透明度，對縮略圖進行明暗變化、大小的處理。對皮膚編輯器中縮略圖錨點位置一定要設置準確，否則為其添加的動作無法實現，不能達到預期效果。

（7）添加熱鍵

熱鍵是系統的重要組成部分，在場景中起指示作用。主要包括放大、縮小、上移、下移、左移、右移、播放、暫停、縮略圖、全屏、導航圖幾部分。在Photoshop中進行制作。在皮膚編輯器中將這幾部分放置到同一容器中，并為每個熱鍵添加相應的動作。

（8）輸出文件

在輸出文件時，對各個參數進行設置。鼠標靈敏度設置成偏低，避免用戶在移動時出現暈眩。最關鍵輸出時要設置成滿屏，以便在網頁中瀏覽時成百分之百的視圖。

（9）預覽與發布

完成場景漫游之后，選擇輸出swf格式的文件，在網頁上預覽。

四、結束語

三維全景漫游從誕生以來發展迅速，已經應用于地圖導航、景點實景展示、校園漫游等方面，正是發展的黃金時期，尤其是在地圖導航中的街景方面以及旅游業的古建筑景點漫游方面發展迅速，全景漫游可以更加真實的再現實際場景中的建筑物和環境，使用戶可以完全的身臨其境，未來的發展趨勢可能會將3D建模和全景圖片實現漫游相結合，更好的實現虛擬全景漫游。

參考文獻：

[1]張勝男，高如玉，高權.基于全景圖的科普館漫游系統設計[J].電子世界，2017（1）：151-152.

[2]周雪菲.全景360漫游技術輕松助力虛擬旅游[J].電腦知識與技術，2016（10）：88-90.

[3]王邯.基于圖像繪制的虛擬校園漫游系統的研究[D].武漢：華中師范大學，2002.

[4]郝孟濤.空間艙內基于全景圖的虛擬現實技術研究[D].西安：西安電子科技大學，2015.

[5]秦國防.基于虛擬現實的數字三維全景技術的研究與實現[D].成都：電子科技大學，2011.

[6]田軍，孫梅，玉萍.全景圖生成技術研究[J].科技世界，2014（4）：227-230.

[7]王緒宛，雷蕾.基于三維全景圖的校園漫游系統[J].微型電腦應用，2013（10）：72-73.

[8]趙晶.基于全景視圖的虛擬現實系統研究[J].數字技術與應用，2012（9）：279-280.

[9]張哲，申瑋.三維全景效果圖的實現技術和應用[J].計算機系統應用，2012（9）：26-28.

[10]孫燕霞.基于全景的三維虛擬校園的研究與實現[D].哈爾濱：東北師范大學，2015.

（編輯：魯利瑞）