mirror of
https://github.com/placeAtlas/atlas.git
synced 2024-09-08 19:36:22 +02:00
112 lines
No EOL
2.5 KiB
JavaScript
112 lines
No EOL
2.5 KiB
JavaScript
const timeConfig = [
|
|
{
|
|
timestamp: 1648822500,
|
|
url: "./_img/place/1648822500.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1648847036,
|
|
url: "./_img/place/1648847036.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1648870452,
|
|
url: "./_img/place/1648870452.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1648893666,
|
|
url: "./_img/place/1648893666.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1648917500,
|
|
url: "./_img/place/1648917500.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1648942113,
|
|
url: "./_img/place/1648942113.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1648956234,
|
|
url: "./_img/place/1648956234.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1648968061,
|
|
url: "./_img/place/1648968061.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1648979987,
|
|
url: "./_img/place/1648979987.png",
|
|
image: null
|
|
},
|
|
|
|
{
|
|
timestamp: 1648992274,
|
|
url: "./_img/place/1648992274.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1649012915,
|
|
url: "./_img/place/1649012915.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1649037182,
|
|
url: "./_img/place/1649037182.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1649060793,
|
|
url: "./_img/place/1649060793.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1649084741,
|
|
url: "./_img/place/1649084741.png",
|
|
image: null
|
|
},
|
|
{
|
|
timestamp: 1649113199,
|
|
url: "./_img/place/final.png",
|
|
image: null,
|
|
showAtlas: true,
|
|
},
|
|
];
|
|
|
|
let slider = document.getElementById("timeControlsSlider");
|
|
let image = document.getElementById("image");
|
|
|
|
let timeCallback = (a) => {};
|
|
let atlasBackup = [];
|
|
|
|
// SETUP
|
|
slider.max = timeConfig.length;
|
|
slider.value = timeConfig.length;
|
|
updateTime(timeConfig.length)
|
|
|
|
slider.oninput = (event) => {
|
|
updateTime(parseInt(event.target.value))
|
|
};
|
|
|
|
async function updateTime(index) {
|
|
let configObject = timeConfig[index-1];
|
|
if (!configObject.image) {
|
|
console.log("fetching");
|
|
let fetchResult = await fetch(configObject.url);
|
|
let imageBlob = await fetchResult.blob();
|
|
configObject.image = URL.createObjectURL(imageBlob);
|
|
}
|
|
image.src = configObject.image;
|
|
// TEMP ATLAS ONLY ON LAST TIMESTAMP
|
|
if (configObject.showAtlas) {
|
|
atlas = atlasBackup
|
|
} else {
|
|
atlas = []
|
|
}
|
|
timeCallback(atlas)
|
|
} |