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"
}
]
},