Skybox Style

Render a skybox image as a background to the map.

ex. [See UrlMap to understand how to use the path property like this example]

"skybox": {
  "path": "baseURL://backgrounds/milkyway",
  "loadingBackground": "rgb(9, 8, 17)",
  "size": 2048,
  "type": "webp",
}
Copy

Common Folder Structure

./public/backgrounds
└── milkyway
    ├── 1024
    │   ├── 0.jpg
    │   ├── 0.webp
    │   ├── 1.jpg
    │   ├── 1.webp
    │   ├── 2.jpg
    │   ├── 2.webp
    │   ├── 3.jpg
    │   ├── 3.webp
    │   ├── 4.jpg
    │   ├── 4.webp
    │   ├── 5.jpg
    │   └── 5.webp
    └── 2048
        ├── 0.jpg
        ├── 0.png
        ├── 0.webp
        ├── 1.jpg
        ├── 1.png
        ├── 1.webp
        ├── 2.jpg
        ├── 2.png
        ├── 2.webp
        ├── 3.jpg
        ├── 3.png
        ├── 3.webp
        ├── 4.jpg
        ├── 4.png
        ├── 4.webp
        ├── 5.jpg
        ├── 5.png
        └── 5.webp
Copy

Properties

• path: path to the skybox image folder
• size: size of the skybox image (the path's folder may support multiple)
• type: type of image (the path's folder may support multiple)
• loadingBackground: background color of the skybox while waiting for it to load images