<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # 虛擬現實/全景組件的用法 [想要了解更多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、添加組件 虛擬現實場景組件通過工具欄的“虛擬現實場景”圖標添加: ![](https://box.kancloud.cn/3b9079648b3ce881a0b8f93c296ff531_548x342.png) 在畫布上拖動鼠標畫出組件的位置。松開鼠標后,即可進入編輯場景圖片的界面。 ![](https://box.kancloud.cn/9cd5908725fe29a2be7cfc06da597ba4_799x605.png) 插入場景圖片時,注意圖片格式,規定如下: ![](https://box.kancloud.cn/1872f3185047c54a87219a4c13849a05_274x278.png) 選擇圖片后,會出現更多的編輯選項,各區域說明如下圖所示: ![](https://box.kancloud.cn/b6968ffd2f091f13ebc71b98b25b749a_801x605.png) 1) 場景預覽區:這里可以看到載入的圖片渲染的場景效果,可以用鼠標拖動進行全景瀏覽; 2) 場景列表區:顯示所有添加的場景,可以對場景添加、刪除、編輯、排序; 3) 熱點和場景編輯:用來切換熱點和場景; 4) 全局配置:用來設置導航條以及導航條中出現的條目的選擇; 很多編輯區域均配有即時幫助: ![](https://box.kancloud.cn/23405b698ceafa6a064d38fc8dbe4852_449x159.png) 2、編輯場景 場景具有如下屬性: 1) 圖片:即全景的導入圖片,支持等距長方投影和三維六面貼圖兩種格式; 2) 預覽圖:在全景載入之前的一個小尺寸圖片,可選; 3) 縮略圖:如果選擇顯示導航條,縮略圖會顯示在導航條上提示用戶,尺寸是64*64; 4) 標題:每一個場景的名稱,會顯示在導航條上; 3、熱點編輯 點擊“熱點”標簽可以切換到熱點編輯模式。在熱點編輯模式下,可以添加、刪除、移動熱點,并未熱點指定圖形、動畫和行為。 擊熱點列表下的添加圖標,可以進入熱點添加模式。 ![](https://box.kancloud.cn/cbbcfba1c55bbc52474c04baff1f69af_446x75.png) 進入熱點添加模式后,加號圖標會變成橙色提醒用戶。 ![](https://box.kancloud.cn/8285fd7ddb0edca6830c138e26c81f0c_456x143.jpg) 在熱點添加模式下,在場景預覽區域點擊即可添加新的熱點。 ![](https://box.kancloud.cn/d2d148c58f0ce0640f0cd7b3444341db_799x605.png) 點擊熱點列表中的任一熱點,可以在列表中和預覽窗口中定位熱點,便于識別。 ![](https://box.kancloud.cn/14a1c1c9c5158ec0d951f56796d5d457_797x605.png) 每個熱點可編輯的屬性有: 1) 熱點名稱:用于區分和識別不同熱點的名稱; 2) 圖標:顯示在場景中的圖標; 3) 尺寸:圖標的顯示大小; 4) 行為:點擊熱點后激活的行為; 5) 操作:對行為進行編輯或者刪除熱點; 具體說明兩點:圖標和行為。 3、熱點圖標和行為 3.1 熱點圖標 熱點圖標Mugeda提供預置的圖標,如圖: ![](https://box.kancloud.cn/81daac8f4d54dd254d439c923b314c10_312x287.png) 此外,用戶可以上傳任意的圖片作為熱點圖標,在“+”位置添加,如圖: ![](https://box.kancloud.cn/29c02ecb775a2b907c34b7840d7ff193_310x248.png) 并指定相應的尺寸即可,如圖: ![](https://box.kancloud.cn/5643169f22b95395883514632b789149_447x176.png) 3.2 熱點行為 點擊熱點后,可以觸發一系列的行為。該操作和為物體添加行為類似。 ![](https://box.kancloud.cn/a557ee6d26d7cf7e66f67305aff25b5e_609x351.png) 注意“切換虛擬現實場景”行為。這個行為允許用戶在點擊熱點后進行場景和熱點切換。切換時,需要指定場景名稱和熱點名稱。其中,熱點名稱可選,如果不指定,切換場景后會切換到預覽窗口所顯示的區域。 ![](https://box.kancloud.cn/8908f37fe266f6e0dd41ef923f7c10c5_402x450.png) 4、場景屬性 ![](https://box.kancloud.cn/29e9c589706a9bb20f477fd22a41f18d_449x112.jpg) 1) 顯示導航:在屏幕下方出現的導航條。當包含2個以上的場景時,建議選擇; 2) 允許陀螺儀控制:是否在導航條上顯示陀螺儀控制的切換圖標; 3) 左右分離視角:是否在導航條上顯示左右分離視角;這個目前比較小眾,建議不選; 5、場景渲染 場景渲染時,可以用鼠標或者手指拖動切換視。如果選擇了顯示導航,還會出現一個導航條提供進一步的選擇包括:上一場景、顯示縮略圖、VR效果、收起導航欄、下一場景。 ![](https://box.kancloud.cn/b9cc973940579e62d1e2f6c2c01c518d_321x522.png) 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
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看