立方体投影,拖动切换视角


        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();