# 虛擬現實/全景組件的用法 [想要了解更多Mugeda功能？>>>猛戳我，學習更多教程](Mugeda百科全書——文本教程目錄.md) 虛擬現實場景組件已經更新到 beta.mugeda.com，最近會更新到正式版，請親們留意最新公告哈。 [點擊查看全景演示](http://f9b2db18.u.mgd5.com/campaigns/54f2c88fa3664e2d2d0007a6/20161009023126/57d8ad0cb485a5fa3e0000a9/index.html) [本節視頻教程請點擊此處](http://www.mugeda.com/help.php?v_list=videos6&v_id=11) **簡介** 虛擬現實場景組件，可以用來顯示360度全景圖片，并添加熱點進行交互 **具體教程** 1、添加組件 虛擬現實場景組件通過工具欄的“虛擬現實場景”圖標添加：  在畫布上拖動鼠標畫出組件的位置。松開鼠標后，即可進入編輯場景圖片的界面。  插入場景圖片時，注意圖片格式，規定如下：  選擇圖片后，會出現更多的編輯選項，各區域說明如下圖所示：  1) 場景預覽區：這里可以看到載入的圖片渲染的場景效果，可以用鼠標拖動進行全景瀏覽； 2) 場景列表區：顯示所有添加的場景，可以對場景添加、刪除、編輯、排序； 3) 熱點和場景編輯：用來切換熱點和場景； 4) 全局配置：用來設置導航條以及導航條中出現的條目的選擇； 很多編輯區域均配有即時幫助：  2、編輯場景 場景具有如下屬性： 1) 圖片：即全景的導入圖片，支持等距長方投影和三維六面貼圖兩種格式； 2) 預覽圖：在全景載入之前的一個小尺寸圖片，可選； 3) 縮略圖：如果選擇顯示導航條，縮略圖會顯示在導航條上提示用戶，尺寸是64*64； 4) 標題：每一個場景的名稱，會顯示在導航條上； 3、熱點編輯 點擊“熱點”標簽可以切換到熱點編輯模式。在熱點編輯模式下，可以添加、刪除、移動熱點，并未熱點指定圖形、動畫和行為。 擊熱點列表下的添加圖標，可以進入熱點添加模式。  進入熱點添加模式后，加號圖標會變成橙色提醒用戶。  在熱點添加模式下，在場景預覽區域點擊即可添加新的熱點。  點擊熱點列表中的任一熱點，可以在列表中和預覽窗口中定位熱點，便于識別。  每個熱點可編輯的屬性有： 1) 熱點名稱：用于區分和識別不同熱點的名稱； 2) 圖標：顯示在場景中的圖標； 3) 尺寸：圖標的顯示大小； 4) 行為：點擊熱點后激活的行為； 5) 操作：對行為進行編輯或者刪除熱點； 具體說明兩點：圖標和行為。 3、熱點圖標和行為 3.1 熱點圖標 熱點圖標Mugeda提供預置的圖標，如圖：  此外，用戶可以上傳任意的圖片作為熱點圖標，在“+”位置添加，如圖：  并指定相應的尺寸即可，如圖：  3.2 熱點行為 點擊熱點后，可以觸發一系列的行為。該操作和為物體添加行為類似。  注意“切換虛擬現實場景”行為。這個行為允許用戶在點擊熱點后進行場景和熱點切換。切換時，需要指定場景名稱和熱點名稱。其中，熱點名稱可選，如果不指定，切換場景后會切換到預覽窗口所顯示的區域。  4、場景屬性  1) 顯示導航：在屏幕下方出現的導航條。當包含2個以上的場景時，建議選擇; 2) 允許陀螺儀控制：是否在導航條上顯示陀螺儀控制的切換圖標； 3) 左右分離視角：是否在導航條上顯示左右分離視角；這個目前比較小眾，建議不選； 5、場景渲染 場景渲染時，可以用鼠標或者手指拖動切換視。如果選擇了顯示導航，還會出現一個導航條提供進一步的選擇包括：上一場景、顯示縮略圖、VR效果、收起導航欄、下一場景。  6、如何產生全景內容 產生全景內容的方式有兩種： 1) 用可以產生全景內容的App 例如：Google Street View, Sphere, 百度圈景，等等。在蘋果和安卓應用商店可以搜到。 2) 用全景拍攝設備。這些設備從簡單到專業有很多選擇，例如Insta360在京東的旗艦店： http://insta360.jd.com/ 觀看本節視頻教程： http://cdn1.mugeda.com/course/3/3.2/3.2.11.mp4