虛擬現(xiàn)實與增強現(xiàn)實開發(fā)實戰(zhàn) 課件 第6章 VR古鎮(zhèn)

VR古鎮(zhèn)案例功能實現(xiàn)——VR古鎮(zhèn)目錄content01模型素材02環(huán)境配置03場景搭建04功能實現(xiàn)04打包發(fā)布PART01模型素材資源文件本案例的視頻教程可通過掃描本章二維碼獲取，開發(fā)用到的所有素材，均可從本書配套的資源下載PART02環(huán)境配置SteamVR的導(dǎo)入在Unity資源文件夾中新建Images文件夾，將素材文件的Images文件夾中的所有圖片導(dǎo)入文件夾，如圖2-8所示。SteamVR的導(dǎo)入新建項目，在Window選擇欄下打開AssetStore界面，在界面中搜索SteamVR進行添加導(dǎo)入.VRTK的導(dǎo)入點擊Edit（編輯面板），打開ProjectSetting(項目設(shè)置),在彈出的項目設(shè)置面板中選擇最后一欄，進行XR插件下載，等待XR插件下載完成。VRTK的導(dǎo)入等待XR插件下載完成后，在項目設(shè)置面板中選擇Player，勾選DeprecatedSettings后點擊加號，在出現(xiàn)的欄目中添加OpenVR即可。VRTK的導(dǎo)入在資源管理器中右鍵打開項目文件夾，打開里面的Packages文件夾，發(fā)現(xiàn)里面有兩個文件。在配套資源文件夾中拷貝manifest.json復(fù)制進當(dāng)前文件夾中，替換原有的文件即可返回Unity等待插件的安裝。PART03場景搭建場景導(dǎo)入在資源文件夾Assets中新建Scenes文件夾，搜索StartScene場景打開，并將此場景導(dǎo)入新建的Scenes文件夾中。再搜索MainScene場景，也將其導(dǎo)入Scenes文件夾中。找到Player并導(dǎo)入場景中，Player即玩家自身角色。文件導(dǎo)入在Unity資源文件夾中新建Images文件夾，將素材文件的Images文件夾中的所有圖片導(dǎo)入文件夾。格式轉(zhuǎn)化選擇所有圖片，將圖片格式轉(zhuǎn)化為2DUI格式，方便后續(xù)圖片的賦予。交互功能SteamVR\InteractionSystem\Teleport\Teleporting插件拖入到場景中，再次運行，推動方向搖桿或者按住圓盤便可射出拋物線。在Scene界面下鼠標(biāo)點擊地面進行選擇，在右側(cè)Inspector下搜索TeleportArea函數(shù)并添加，再次點擊運行便可發(fā)現(xiàn)拋物線可以與地面產(chǎn)生交互，人物跟隨移動交互功能點擊材質(zhì)找到地面材質(zhì)所在的位置，找到并點擊場景文件夾中的Teleporting插件，導(dǎo)致更換材質(zhì)的原因是Teleport函數(shù)中3個以Area開頭的參數(shù)，將之前地面的材質(zhì)分別更換里面的材質(zhì)，再次添加TeleportArea函數(shù)，便發(fā)現(xiàn)材質(zhì)不會發(fā)生變化。交互功能此時可以發(fā)現(xiàn)上圖中Game視角下的橋面的材質(zhì)消失了，解決方法與前面相似，添加TeleportArea函數(shù)，取消勾選TeleportArea函數(shù)中的MarkerActive即可，之前地面添加的TeleportArea函數(shù)也進行取消。交互功能在MainScene中，將場景中的Player位置進行修改至走廊的位置。交互功能創(chuàng)建Canvas，重命名為Passage，在Passage中在創(chuàng)建Image，將圖片的參數(shù)及位置進行修改，使圖片位于走廊的墻上。將Images文件夾中的“南潯古鎮(zhèn)1”圖片賦予Image。交互功能新建一個Canvas，將名字改為Passage，將Prefabs文件夾中的Button預(yù)制體拖入其中，修改名字為Image1此時位置是錯誤的，需要修改參數(shù)，將Image1移至第一張圖片處。修改Image1中的Image的圖片形式，對應(yīng)第一張圖片的名字——南潯古鎮(zhèn)1。交互功能古鎮(zhèn)的圖片已經(jīng)擺放完成了，接下來制作關(guān)于古鎮(zhèn)的介紹。首先制作介紹背景圖片，選擇Image創(chuàng)建新的Image重命名為UI，將Assets中的Images文件夾選擇“簡介背景”圖片賦予UI，交互功能首先選擇UI圖片，右鍵在UI欄下找到Text并創(chuàng)建。此時發(fā)現(xiàn)在UI圖片中并沒有出現(xiàn)文本，這是因為父級UI圖片修改參數(shù)的原因而導(dǎo)致的。在配套資源文件夾中找到文本“簡介內(nèi)容”，打開發(fā)現(xiàn)里面有6段文字，分別對應(yīng)后續(xù)的6張圖片。先復(fù)制第一段文字到剛剛創(chuàng)建的文本中，將字體修改為導(dǎo)入的字體“STXINGKA”。最后是參數(shù)的修改，交互功能Scripts文件夾中創(chuàng)建新的腳本，命名為ImageClick后打開，引用UI命名空間，因為交互功能需要用到OnClick事件觸發(fā)檢測，所以需要繼承UIElement代碼，這時候需要打開UIElement代碼，復(fù)制其命名空間：Valve.VR.InteractionSystem.UIElement，將原來的命名空間替換掉。具體代碼如下所示：交互功能所以選擇圖片Image1，在右邊移除掉OnClick監(jiān)聽事件和UIElement代碼。將剛剛創(chuàng)建的代碼ImageClick賦給圖片Image1，然后將圖片中的UI賦予到ImageClick代碼中的information即可。進入場景進行測試，走到圖片旁邊，用手柄觸碰圖片并按下扳機鍵時發(fā)現(xiàn)古鎮(zhèn)簡介可以正常出現(xiàn)，再次按下扳機鍵時，簡介又隱藏了。PART04功能實現(xiàn)主頁制作選擇創(chuàng)建的Canvas右鍵選擇UI中的Image進行創(chuàng)建，修改圖片的參數(shù)，找到剛剛添加的Images文件夾，將開始場景的背景圖片賦予，主頁制作隱藏剛剛新建的開始場景背景圖片，選擇創(chuàng)建的Canvas右鍵選擇UI中的Button進行創(chuàng)建，選擇Button中的Text，修改文本為StartGame。主頁制作參數(shù)設(shè)置完后，為Button添加Interactable，UIElement代碼，添加BoxCollider（盒子碰撞器）后續(xù)手柄才可與按鈕進行碰撞檢測，將BoxCollider中的參數(shù)進行修改BoxCollider參數(shù)設(shè)置主頁制作修改按鈕被選中和點擊時的顏色，主頁制作要實現(xiàn)場景跳轉(zhuǎn)，則需要給Button賦予點擊事件，前面已經(jīng)實現(xiàn)了Button的點擊測試，接下來需要添加OnClick（點擊）的事件。點擊Button，找到OnClick()代碼，將場景中的Canvas賦予其中.主頁制作賦予后發(fā)現(xiàn)右側(cè)可以選擇Canvas中的代碼，此時還沒有場景跳轉(zhuǎn)的代碼，需要自己創(chuàng)建，在資源文件夾中右鍵創(chuàng)建新文件夾用來存放后面創(chuàng)建的代碼，命名為Scripts。進入文件夾中，右鍵創(chuàng)建代碼，命名為StartClick，將創(chuàng)建的代碼賦予給Canvas，雙擊打開。主頁制作點擊Canvas，找到StartClick()代碼，將場景中的Player賦予即可音頻制作在開始場景中，將Sound文件夾中的Start音頻導(dǎo)入AudioSource的AudioClip中，在主場景的操作也一樣，使用到的是Main音頻。音頻制作在開始場景中，選擇Canvas，在右邊添加AudioSource模組，將Button音效導(dǎo)入其中在AudioSource模組中找到PlayOnAwake并取消勾選，因為需要通