日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：panoviewerVR全景圖-beta
  • panoviewer VR 全景圖 -beta
    • 使用方法
      • 1. 在項(xiàng)目中引用動態(tài)庫
      • 2. 在使用到組件的頁面配置動態(tài)庫
      • 3. 編寫*.swan文件
    • 動態(tài)庫屬性列表
      • 關(guān)鍵配置項(xiàng)說明
    • 投影模式

    panoviewer VR 全景圖 -beta

    panoviewer 動態(tài)庫提供了在小程序中播放全景圖的方法，底層基于百度 webVR SDK Hydreigon 實(shí)現(xiàn)。

    創(chuàng)新互聯(lián)長期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為翠屏企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、成都做網(wǎng)站，翠屏網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

    使用方法

    1. 在項(xiàng)目中引用動態(tài)庫

    使用動態(tài)庫的方法參見使用動態(tài)庫，在app.json中增添一項(xiàng) dynamicLib，與pages同級。

    • JSON
     
 
 
      
  
  
  
    1. "dynamicLib": {
      2.   
  
  
    2.  "myDynamicLib": {
      3.   
  
  
    3.  "provider": "panoviewer"
      4.   
  
  
    4.  }
      5.   
  
  
    5. },
      6.

    2. 在使用到組件的頁面配置動態(tài)庫

    在每個使用到圖表組件的頁面，配置*.json文件如：

    • JSON
     
 
 
      
  
  
  
    1. {
      2.   
  
  
    2.  "usingSwanComponents": {
      3.   
  
  
    3.  "panoviewer": "dynamicLib://myDynamicLib/panoviewer"
      4.   
  
  
    4.  }
      5.   
  
  
    5. }
      6.

    3. 編寫*.swan文件

    • SWAN
     
 
 
      
  
  
  
      2.

    這是一種最基本的配置方式。style也可以在*.css中聲明，需要保證是有寬度和高度的。options在*.js中綁定到頁面的 data 中：

    • JS
     
 
 
      
  
  
  
    1. const options = ...;
      2.   
  
  
      3.   
  
  
    3. Page({
      4.   
  
  
    4.  data: {
      5.   
  
  
    5.  options: options
      6.   
  
  
    6.  }
      7.   
  
  
    7. });
      8.

    其中，options 是配置項(xiàng)，定義了全景圖的物料資源地址和渲染交互配置，一個典型的配置如下所示：

    • JS
     
 
 
      
  
  
  
    1. options = {
      2.   
  
  
    2.  "image": "https://xxx.com/.../xxx.jpg",
      3.   
  
  
    3.  "smallPlanet": 3000,
      4.   
  
  
    4.  "config": {
      5.   
  
  
    5.  "projectionType": "equirectangular"
      6.   
  
  
    6.  }
      7.   
  
  
    7. };
      8.

    動態(tài)庫屬性列表

    上支持的屬性包括：

    屬性名稱 類型 說明
    options Object 配置項(xiàng)

    關(guān)鍵配置項(xiàng)說明

    配置項(xiàng)名稱 類型 說明
    image Object/String 投影模式對應(yīng)的資源配置
    projectionType String 投影模式名稱
    smallPlanet Number 小行星動畫時長，如果未設(shè)置則表示無動畫

    投影模式

    動態(tài)庫支持多種投影模式，包括球形、立方體、EAC、手機(jī)全景、分級分塊，投影模式對應(yīng)的名稱如下表：

    投影模式 名稱
    球形 equirectangular
    立方體 cubemap
    EAC cubestrip
    手機(jī)全景 panorama
    分級分塊 multires

    除分級分塊模式外，其他模式的 image 字段為資源 url ，分級分塊模式的 image 參數(shù)是切片腳本生成的配置，說明如下：

    配置項(xiàng)名稱 類型 說明
    basePath String 分塊圖的根目錄
    path String 分塊圖的格式化方式
    fallbackPath String 縮略圖路徑
    extension String 圖像格式
    tileResolution String 分塊 size
    maxLevel Number 最大級別
    cubeResolution Number 立方體單面 size

    示例配置如下

    • JS
     
 
 
      
  
  
  
    1. {
      2.   
  
  
    2.  image: {
      3.   
  
  
    3.  basePath:
      4.   
  
  
    4.  "https://hydreigon-publish.cdn.bcebos.com/swan-hydreigon/pano/lujiazui-4k/",
      5.   
  
  
    5.  path: "/%l/%s%y_%x",
      6.   
  
  
    6.  fallbackPath: "/fallback/%s",
      7.   
  
  
    7.  extension: "jpg",
      8.   
  
  
    8.  tileResolution: 512,
      9.   
  
  
    9.  maxLevel: 3,
      10.   
  
  
    10.  cubeResolution: 1304
      11.   
  
  
    11.  },
      12.   
  
  
    12.  config: {
      13.   
  
  
    13.  projectionType: "multires"
      14.   
  
  
    14.  }
      15.   
  
  
    15. }
      16.

    網(wǎng)站欄目：創(chuàng)新互聯(lián)百度小程序教程：panoviewerVR全景圖-beta
    文章鏈接：http://www.5511xx.com/article/cdjojds.html