基于HTC Vive的虛擬校園系統(tǒng)的研究與設(shè)計

包依勤 陶圣杰 宋萬里 王寅同

摘 要：互聯(lián)網(wǎng)教育的應(yīng)用在生活中越來越常見。學(xué)生可以通過互聯(lián)網(wǎng)進(jìn)行互動學(xué)習(xí)，通過視頻或電子書自學(xué)知識，但學(xué)習(xí)效果不佳，而運用虛擬現(xiàn)實技術(shù)進(jìn)行虛擬教學(xué)，可達(dá)到良好的教學(xué)預(yù)期效果。虛擬現(xiàn)實技術(shù)通過計算機實時計算圖像，借助設(shè)備傳輸影像和聲音，模擬用戶在虛擬環(huán)境中的物理事件。隨著5G互聯(lián)網(wǎng)的出現(xiàn)，虛擬現(xiàn)實場景實時顯示變得可能，用戶不必從云服務(wù)器上下載軟件就可以實時觀看虛擬現(xiàn)實圖像，因此，虛擬現(xiàn)實與在線教育的結(jié)合將在未來有很大的發(fā)展空間。為了探究虛擬現(xiàn)實在教育中的應(yīng)用和發(fā)展，文中對虛擬校園系統(tǒng)進(jìn)行了研究與設(shè)計，以Unity引擎為支撐，HTC Vive作為虛擬現(xiàn)實硬件設(shè)備，通過SteamVR實現(xiàn)與硬件設(shè)備的交互。

關(guān)鍵詞：虛擬現(xiàn)實;虛擬教育;云服務(wù)器;虛擬校園;三維建模;VR

中圖分類號：TP391.9文獻(xiàn)標(biāo)識碼：A文章編號：2095-1302（2020）11-00-04

0 引 言

虛擬現(xiàn)實技術(shù)是新興的一門邊緣技術(shù)，它的研究內(nèi)容涉及多個專業(yè)，應(yīng)用十分廣泛。作為3D技術(shù)的一項重要內(nèi)容，其在教學(xué)方面有著重要的發(fā)展和應(yīng)用前景。

隨著互聯(lián)網(wǎng)+教育的變化和改革的不斷推進(jìn)，小學(xué)、中學(xué)和大學(xué)都在使用新的虛擬現(xiàn)實技術(shù)來促進(jìn)現(xiàn)代教育，虛擬現(xiàn)實技術(shù)在教學(xué)領(lǐng)域的研究和探索也在全面展開。如今，當(dāng)我們談?wù)摻逃龝r，大家首先想到的就是校園。因為校園是培養(yǎng)學(xué)生的地方，校園、教室、食堂、足球場等都能影響著學(xué)生的進(jìn)步。伴隨著每個學(xué)生的學(xué)習(xí)生涯，校園在教育行業(yè)的重要性越來越明顯。因而在虛擬現(xiàn)實的應(yīng)用中，本文提出了虛擬仿真校園的概念。虛擬現(xiàn)實可將日常學(xué)習(xí)過程設(shè)計成一種游戲形式，這種游戲形式的學(xué)習(xí)不僅提高了學(xué)生的興趣，而且使學(xué)生能夠選擇自己喜歡的課程來學(xué)習(xí)，提高學(xué)習(xí)效率[1-5]。

在虛擬學(xué)習(xí)環(huán)境下，首先接觸的是實驗和創(chuàng)新課堂教學(xué)體驗。目前在各學(xué)科的教學(xué)中，虛擬現(xiàn)實開發(fā)人員不斷開發(fā)各種教育課程。比如之前的地理教學(xué)十分抽象，而采用虛擬仿真技術(shù)，能模擬學(xué)生身處不同的地理環(huán)境中，感受到不同的地理、氣候和不同地層的形成，讓學(xué)生感受和體驗沉浸式場景描述;如機械維護(hù)課程，人們可以使用虛擬模擬技術(shù)模擬安裝過程，并與學(xué)生互動，有效進(jìn)行虛擬項目的全方位聯(lián)系和體驗，使學(xué)生能夠模擬機器的操作并學(xué)習(xí)如何安裝;外科醫(yī)生從醫(yī)初期手術(shù)機會較少，借助虛擬現(xiàn)實技術(shù)，實習(xí)醫(yī)生可以實踐各種外科手術(shù)，這些現(xiàn)實場景可以幫助實習(xí)醫(yī)生迅速成長。這是以前的教育方法無法實現(xiàn)和媲美的。

虛擬仿真技術(shù)帶來了突破性的學(xué)習(xí)體驗，其教學(xué)效果明顯。虛擬仿真技術(shù)作為一門新發(fā)展的技術(shù)，在教育界有著長遠(yuǎn)的發(fā)展空間。虛擬現(xiàn)實技術(shù)為教育帶來前所未有的發(fā)展，讓學(xué)生在互動體驗過程中體驗和學(xué)習(xí)知識，虛擬現(xiàn)實技術(shù)將成為未來教育的發(fā)展趨勢[6]。因此，研究和開發(fā)更多的虛擬現(xiàn)實課程，充分開發(fā)出虛擬現(xiàn)實在各個課程中可以用到的場景，才能更好地將虛擬現(xiàn)實課程融入教育教學(xué)。本文的主要研究內(nèi)容是以虛擬教育、虛擬仿真為背景，研究此技術(shù)目前的發(fā)展，設(shè)計出虛擬校園場景，給大家?guī)硖摂M校園體驗。

1 系統(tǒng)架構(gòu)設(shè)計

1.1 校園虛擬環(huán)境設(shè)計

為了保證場景能在多種計算機上運行，同時增加環(huán)境的真實感，本文將虛擬校園系統(tǒng)分為場景模型子系統(tǒng)、漫游引擎子系統(tǒng)、渲染輸出子系統(tǒng)等。它們在功能上相對獨立，通過數(shù)據(jù)接口互聯(lián)[7]。系統(tǒng)總體結(jié)構(gòu)如圖1所示。

場景調(diào)度：在虛擬校園搭建場景之前，必須先對要搭建的場景做一個全面的分析，包括教室數(shù)量，所用道具，建模模式等，把所有需要用到的建筑物以及物品列入表中，完成場景總體調(diào)度。

碰撞檢測：碰撞檢測是構(gòu)造虛擬漫游系統(tǒng)不可缺少的重要部分，它可以使用戶以更自然的方式與三維場景中的對象進(jìn)行交互。如果沒有碰撞檢測，當(dāng)一個對象碰到另一個對象時，往往會“穿透而過”，而不會產(chǎn)生碰撞的效果，這在現(xiàn)實中是不存在的[8]。所以，在虛擬校園漫游的過程中，要能實時檢測人物本身的碰撞體和場景中物品會不會發(fā)生碰撞，比如身體碰到墻，頭部碰到物體等，要分別對碰撞的種類做出不同的檢測。

物體交互：為了讓學(xué)生能在虛擬校園中感受到真實性，必須增加物體的可交互性，比如可使用物品、可抓取物品等。在每個教室中，也要制作每個教室對應(yīng)的所需物體，來豐富教學(xué)場景，以便學(xué)生在校園中進(jìn)行仿真實驗。

1.2 系統(tǒng)開發(fā)流程

系統(tǒng)的開發(fā)流程關(guān)系到該系統(tǒng)的開發(fā)時間和有效程度。為了合理開發(fā)虛擬校園漫游系統(tǒng)，該系統(tǒng)設(shè)計流程包括三維建模、紋理貼圖、空間漫游、人機交互等功能。系統(tǒng)設(shè)計流程如圖2所示。

在三維建模之前，必須對校園環(huán)境進(jìn)行分析，選取最合適的建模方案。在三維建模完成之后，還要考慮系統(tǒng)的可行性，對系統(tǒng)進(jìn)行一些必要的優(yōu)化。

1.3 虛擬現(xiàn)實硬件設(shè)備

目前，主流的PC型VR有HTC Vive、 Oculus Rift兩類。除此之外還有其他PC型VR可供選擇，例如 Hypereal Pano、Pico、小怪獸2等。PC端VR是比較主流的虛擬設(shè)備[9]。

本系統(tǒng)選用HTC Vive做為虛擬校園的硬件設(shè)備。HTC Vive在計算機端開發(fā)，因此它與計算機的交互反映在輸入設(shè)備和輸出設(shè)備上。HTC Vieve是如今市場上較先進(jìn)，使用較廣泛的VR設(shè)備，具有很多其他VR設(shè)備無法媲美的地方，比如高分辨率、定位追蹤、強大的SteamVR平臺等，大大方便了HTC Vive的使用。

2 系統(tǒng)實現(xiàn)

2.1 校園環(huán)境搭建

虛擬場景模型是整個漫游系統(tǒng)的基礎(chǔ)。模型的質(zhì)量直接影響到場景的順暢程度和逼真效果。過多的細(xì)節(jié)模式將降低網(wǎng)絡(luò)場景圖形表示的效率，所以經(jīng)常需要在建模過程中，在模型的細(xì)節(jié)度和復(fù)雜性之間找到平衡，并在必要時更換紋理模型的詳細(xì)信息。在Unity建立與集成復(fù)雜的3D模型相當(dāng)繁瑣，但用3DS MAX強大的三維建模功能可以彌補這一缺陷。3DS MAX是一個強大的視覺建模工具，可根據(jù)用戶的需要來制作模型。3DS MAX支持Prefab文件格式的輸出，可以直接拖到Unity中使用，直接輸出場景，包括幾何造型、材質(zhì)、動畫等。虛擬現(xiàn)實中三維場景建筑結(jié)構(gòu)如圖3所示。

在構(gòu)建虛擬校園系統(tǒng)場景時，3DS MAX為用戶提供的建模方法如下所示。

（1）直接創(chuàng)建幾何對象。3DS MAX具有許多基本幾何模塊，例如球體、立方體、圓柱體、三角形錐體等。用戶可以拖動鼠標(biāo)來定義對象的大小，或者直接在命令面板中輸入位置和大小。3DS MAX可以生成一些基本幾何體，并對此基本幾何體進(jìn)行一系列編輯以獲取要創(chuàng)建的對象。

（2）使用樣條圖形。樣條曲線是一種特殊類型的曲線，根據(jù)數(shù)學(xué)原理彎曲。它們通常是在三維空間中繪制的二維曲線，3DS MAX通過給二維圖形添加厚度（Extrude）、旋轉(zhuǎn)（Lathe）樣條曲線，從而創(chuàng)建三維對象。

（3）使用網(wǎng)格對象。網(wǎng)格對象是大多數(shù)類型3D文件使用的默認(rèn)模型類型，目前流行的3D格式也存儲為網(wǎng)格。

模型做好后，就可以把各種場景道具加入到虛擬校園里，搭建完的場景如圖4所示。

為了讓虛擬校園可交互的物體更多，本系統(tǒng)還制作了導(dǎo)線、黑板擦、筆、地球儀等教學(xué)工具。

2.2 交互功能的實現(xiàn)

虛擬校園中，為了體現(xiàn)真實性，物體均可交互。比如，學(xué)生可以在校園中跟門、黑板、顯示屏、教學(xué)器材等互動，所以物體與手的交互十分關(guān)鍵。本系統(tǒng)將交互式對象劃分為幾個類別，應(yīng)用不同的代碼實現(xiàn)。

（1）手柄可抓取物體

當(dāng)學(xué)生操作手柄時，使用相應(yīng)的抓取鍵即可將物體抓在手中。物體在手中同樣具有碰撞效果，如果碰撞到遮擋物，則不能再繼續(xù)拖動。

（2）凝視交互物體

凝視是一種在沒有手柄等輸入設(shè)備的情況下，可以通過眼睛盯著某個物體看，與物體進(jìn)行交互的體驗[10]。我們只需將各輔助類工具條添加到我們想要凝視的物體上，比如菜單等，就可以實現(xiàn)凝視的功能[11]。可使用物體是指學(xué)生可通過各種形式，跟教室中的物體交互，比如通過手柄按鍵打開屏幕，選擇觀看相應(yīng)的教學(xué)課程。

（3）人物移動控制實現(xiàn)

學(xué)生在移動時，同時要進(jìn)行多項判定。首先是建筑物和教學(xué)場景的碰撞：當(dāng)人物撞到不可移動的物體，則限制學(xué)生無法前行;如果在移動時接觸到可交互物體，比如球、紙盒，則交互物體會跟人物碰撞，移動到另一位置。其次是頭部碰撞：當(dāng)頭頂有物體時，會檢測頭頂?shù)呐鲎?，如果碰撞則會短暫黑屏，回到正確的位置。

人們進(jìn)入虛擬校園有兩種移動方式。

第一種移動方式：觸摸板移動。學(xué)生通過右手的觸摸板操作主角進(jìn)行移動，模擬平時校園中走路的動作。

第二種移動方式：射線碰撞瞬移。如果學(xué)生想以最快速度移動到某一點，則可通過觸摸板上方向鍵，指向需要移動的點。如果句柄指向的點在可移動區(qū)域，學(xué)生就會瞬間移動到指定位置;如果句柄指向的位置不在可移動區(qū)域，則無法移動，學(xué)生需要重新指定移動的區(qū)域。

2.3 場景傳送功能的實現(xiàn)

場景傳送界面可方便學(xué)生快速移動到各個教室場景。學(xué)生按下手柄上的菜單按鈕，默認(rèn)打開場景傳送界面。學(xué)生可以通過射線移動到想要到達(dá)的場景，扣動扳機，直接移動到想要到達(dá)的教室。菜單傳送界面由多個控件，如Button、Toggle Group、Scroll View、Label組成，每個教學(xué)場景的圖片相當(dāng)于一個Toggle單選按鈕。因為有多個場景無法同時在場景中顯示，所以將Toggle Group放入Scroll View，選定屬性，使其成為水平輸入框。由于Scroll View控件不會根據(jù)已有的界面和控件自動調(diào)整各個控件的位置，所以本系統(tǒng)還加入了Content Size Fitter，設(shè)置最佳顯示尺寸，自動調(diào)整菜單中的控件。場景傳送界面如圖5所示。

3 教學(xué)場景實現(xiàn)

3.1 物理教室實現(xiàn)

為了實現(xiàn)學(xué)生或老師通過筆在白板上實時繪制，制作了多種顏色的繪筆。每個繪筆有不同的顏色可選。繪筆添加了Box Coilder組件，使用者用手柄控制手在觸碰到筆時，就會觸發(fā)抓取事件。編寫通過繪畫腳本實現(xiàn)在白板上的繪制邏輯。物理教室場景如圖6所示。

Painter腳本含有 Raycast函數(shù)，用來發(fā)射射線，實時計算返回筆觸碰到白板時的坐標(biāo)。畫筆腳本識別與手部的連接點需貼合手的動作。當(dāng)筆和白板碰撞時，會在白板上寫字。橡皮擦腳本類似于畫筆，但是噴出的顏色與白板顏色相同，通過覆蓋實現(xiàn)擦除效果。

3.2 體育教室實現(xiàn)

模擬投籃球、踢足球等各種運動，首先要對球的材質(zhì)和彈射力度進(jìn)行設(shè)置和編寫。為了讓球的彈射更加逼真，運用了Untiy的碰撞事件OnCollisionEnter進(jìn)行監(jiān)聽，并根據(jù)碰撞的角度、速度進(jìn)行反彈點的實時計算。通過Vector向量獲得彈射角度和值，再轉(zhuǎn)換成Quaternion四元數(shù)，以避免萬象角死鎖。因為球被賦予了剛體屬性，所以通過Untiy的righdbody施加力，可以模擬真實的施加場景。體育教室場景如圖7所示。

3.3 多媒體教室實現(xiàn)

多媒體教室主要有2D投影和3D 360°全景視頻兩塊。2D投影主要可以通過手柄射線的交互，觀看視頻錄像。在投影屏上，添加Canvas組件ScreenCanvas，即可實現(xiàn)投影屏效果。為了實現(xiàn)ScreenCanvas，必須設(shè)置掛在 VRTK的VRTK_ UI Canvas腳本，這樣手柄發(fā)出的射線才可以跟ScreenCanvas交互。設(shè)計中共有Buttom、Panel、Sliders三種控件，主要用來監(jiān)控按鈕的響應(yīng)時間和視頻拖拽條的響應(yīng)時間。多媒體教室場景如圖8所示。

4 結(jié) 語

虛擬現(xiàn)實技術(shù)作為新興技術(shù)，有很好的發(fā)展前景。本文以虛擬教育、虛擬仿真為背景，研究和設(shè)計了虛擬校園，帶來了虛擬的真實校園環(huán)境。虛擬校園是運用虛擬現(xiàn)實技術(shù)，結(jié)合現(xiàn)代教育的一種新型教育方式，未來很有可能讓學(xué)生足不出戶，就能學(xué)習(xí)各種知識。本文通過搭建Unity 3D環(huán)境，并使用HTC Vive設(shè)備交互，模擬了真實的校園環(huán)境，與多個教學(xué)場景，學(xué)生通過這個系統(tǒng)可以更好地學(xué)習(xí)知識。

注：本文通訊作者為包依勤。

參考文獻(xiàn)

[1]宣雨松.Unity 3D游戲開發(fā)[M]. 2版.北京：人民郵電出版社，2018.

[2]胡良云.HTC Vive VR游戲開發(fā)實戰(zhàn)[M].北京：清華大學(xué)出版社，2017.

[3]吳亞峰，劉亞志，于復(fù)興.VR與AR開發(fā)高級教程基于Unity[M].北京：人民郵電出版社，2017.

[4] [美]喬納森·林諾維斯.Unity虛擬現(xiàn)實開發(fā)實戰(zhàn)[M].北京：機械工業(yè)出版社，2016.

[5]王寒，曾坤，張義紅.Unity AR＼＼VR開發(fā)（從新手到專家）/游戲開發(fā)與設(shè)計[M].北京：機械工業(yè)出版社，2018.

[6] [英]Alan Thorn. Unity 5.x游戲開發(fā)實戰(zhàn)[M].北京：電子工業(yè)出版社，2017.

[7]姜雪偉.Unity 3D實戰(zhàn)核心技術(shù)詳解[M].北京：電子工業(yè)出版社.2016.

[8] [美] Robert Nystrom.游戲編程模式[M].北京：人民郵電出版社，2015.

[9] [日] 巖井雅幸.精解uGUI-Unity UI設(shè)計與開發(fā)從入門到精通[M].北京：電子工業(yè)出版社，2017.

[10]何偉.Unity虛擬現(xiàn)實開發(fā)圣典[M].北京：中國鐵道出版社，2016.

[11]陳嘉棟.Unity 3D腳本編程：使用C#語言開發(fā)跨平臺游戲[M].北京：電子工業(yè)出版社，2016.