Pannellum API, есть ли способ сократить эти коды?

Есть ли способ сократить эти коды ниже? У меня более 100 изображений в этом коде. Я использую Pannellum API. Итак, то, что я сделал здесь, - это, по сути, горячая точка для перехода к другому панорамному изображению, и в нем много кодов, тысячи кодов, так есть ли способ сократить его? Я новичок в веб-разработке.

      pannellum.viewer('panorama', {
default: {
    firstScene: "oneRoad",
    author: "RS & GIS",
    sceneFadeDuration: 1000,
    autoLoad: true,
    hfov: 110,
},
scenes: {
    oneRoad: {
        title: "#1",
        type: "equirectangular",
        panorama: "pano_img/pano_0000_000000.jpg",
        yaw: 180,
        hotSpots: [
            {
                pitch: -5,
                yaw: 180,
                type: "scene",
                text: "Forward",
                sceneId: "twoRoad",
            }  
        ]

    },
    twoRoad: {
        title: "#2",
        type: "equirectangular",
        panorama: "pano_img/pano_0000_000002.jpg",
        yaw : 180,
        hotSpots: [
            {
                pitch: -5,
                yaw: 180,
                type: "scene",
                text: "Forward",
                sceneId: "threeRoad"
            },
            {
                pitch: -5,
                yaw: 0,
                type: "scene",
                text: "Backwards",
                sceneId: "oneRoad"
            }
        ]
    },
    threeRoad: {
        title: "#3",
        type: "equirectangular",
        panorama: "pano_img/pano_0000_000003.jpg",
        yaw : 180,
        hotSpots: [
            {
                pitch: -5,
                yaw: 180,
                type: "scene",
                text: "Forward",
                sceneId: "fourRoad"
            }
        ]
    },
    fourRoad: {
        title: "#4",
        type: "equirectangular",
        panorama: "pano_img/pano_0000_000004.jpg",
        yaw : 180,
        hotSpots: [
            {
                pitch: -5,
                yaw: 180,
                type: "scene",
                text: "Forward",
                sceneId: "fiveRoad"
            }
        ]
    },
    fiveRoad: {
        title: "#5",
        type: "equirectangular",
        panorama: "pano_img/pano_0000_000005.jpg",
        yaw : 180,
        hotSpots: [
            {
                pitch: -5,
                yaw: 180,
                type: "scene",
                text: "Forward",
                sceneId: "sixRoad"
            }
        ]
    },
    sixRoad: {
        title: "#6",
        type: "equirectangular",
        panorama: "pano_img/pano_0000_000006.jpg",
        yaw : 180,
        hotSpots: [
            {
                pitch: -5,
                yaw: 180,
                type: "scene",
                text: "Forward",
                sceneId: "sevenRoad"
            }
        ]
    },
    sevenRoad: {
        title: "#7",
        type: "equirectangular",
        panorama: "pano_img/pano_0000_000007.jpg",
        yaw : 180,
        hotSpots: [
            {
                pitch: -5,
                yaw: 180,
                type: "scene",
                text: "Forward",
                sceneId: "eightRoad"
            }
        ]
    },
    eightRoad: {
        title: "#8",
        type: "equirectangular",
        panorama: "pano_img/pano_0000_000008.jpg",
        yaw : 180,
        hotSpots: [
            {
                pitch: -5,
                yaw: 180,
                type: "scene",
                text: "Forward",
                sceneId: "nineRoad"
            }
        ]
    },
    nineRoad: {
        title: "#9",
        type: "equirectangular",
        panorama: "pano_img/pano_0000_000009.jpg",
        yaw : 180,
        hotSpots: [
            {
                pitch: -5,
                yaw: 180,
                type: "scene",
                text: "Forward",
                sceneId: "tenRoad"
            }
        ]
    },
    tenRoad: {
        title: "#10",
        type: "equirectangular",
        panorama: "pano_img/pano_0000_000010.jpg",
        yaw : 180,
        hotSpots: [
            {
                pitch: -5,
                yaw: 180,
                type: "scene",
                text: "Forward",
                sceneId: "elevenRoad"
            }
        ]
    },

0 ответов

Другие вопросы по тегам