立方体投影,拖动切换视角
var json = {
views: [
{
id: 'scene-01', // 场景id, 与materialId 一致
sceneName: 'Cool', // 场景名称
sceneType: 'pano', // 场景类型,与materialType保持一致
rotation: {
x: 0,
y: 0,
z: 0
},
fov: 70, // 初始fov
fovRange: [1, 179], // fov缩放范围
pitchRange: [-90, 90], // 垂直方向可旋转的角度范围
source: {
type: 'cube-list',
image: [
'https://hydreigon-dev.cdn.bcebos.com/pano-lite/keting-4000/f.jpg',
'https://hydreigon-dev.cdn.bcebos.com/pano-lite/keting-4000/b.jpg',
'https://hydreigon-dev.cdn.bcebos.com/pano-lite/keting-4000/l.jpg',
'https://hydreigon-dev.cdn.bcebos.com/pano-lite/keting-4000/r.jpg',
'https://hydreigon-dev.cdn.bcebos.com/pano-lite/keting-4000/u.jpg',
'https://hydreigon-dev.cdn.bcebos.com/pano-lite/keting-4000/d.jpg'
],
order: 'fblrud'
}
},
],
default: 'scene-01',
id: 'fsdfaf', // 作品id,可用于v3d数据上报
};
var PanoViewer = Hydreigon.PanoViewer;
var container = document.getElementById("container");
var panoViewer = new PanoViewer(container, json);
panoViewer.init();