I love uploading code that is actually not ready..

This commit is contained in:
2023-08-01 18:51:49 +02:00
parent 02c6478af9
commit 259af90e6e

86
effects.js vendored
View File

@@ -10,53 +10,57 @@ function getRandomInt(max)
async function GameDetails( servername, serverurl, mapname, maxplayers, steamid, gamemode, volume, language ) async function GameDetails( servername, serverurl, mapname, maxplayers, steamid, gamemode, volume, language )
{ {
const config = await (await fetch("/config.json")).json(); const config = await (await fetch("/config.json")).json();
const audioplayer = document.getElementById("audioplayer");
let imgArray = []; if (config.map[mapname].images.length > 0)
for (let i = 0; i < config.map[mapname].images.length; i++)
{ {
imgArray[i] = new Image(); let imgArray = [];
imgArray[i].src = config.map[mapname].images[i];
for (let i = 0; i < config.map[mapname].images.length; i++)
{
imgArray[i] = new Image();
imgArray[i].src = config.map[mapname].images[i];
let obj = document.createElement("img"); let obj = document.createElement("img");
obj.classList.add("bgImage"); obj.classList.add("bgImage");
obj.src = imgArray[i].src; obj.src = imgArray[i].src;
document.getElementsByClassName("backgroundImages")[0].appendChild(obj); document.getElementsByClassName("backgroundImages")[0].appendChild(obj);
}
bgObj = document.getElementsByClassName("bgImage");
document.getElementsByClassName("mapName")[0].innerHTML = "<h1>" + mapname.toUpperCase() + "</h1>";
document.getElementsByClassName("gamemodeName")[0].textContent = gamemode;
let autoCycleImages = setInterval(() => {
if (bgObj[prevImage].classList.contains("blendInAnimation"))
bgObj[prevImage].classList.remove("blendInAnimation");
bgObj[prevImage].classList.add("blendOutAnimation");
if (bgObj[currentImage].classList.contains("blendOutAnimation"))
bgObj[currentImage].classList.remove("blendOutAnimation");
bgObj[currentImage].classList.add("blendInAnimation");
prevImage = currentImage;
currentImage++;
if (currentImage >= imgArray.length)
currentImage = 0;
}, 5000)
} }
bgObj = document.getElementsByClassName("bgImage"); if (config.map[mapname].music.length > 0)
{
const audioplayer = document.getElementById("audioplayer");
document.getElementsByClassName("mapName")[0].innerHTML = "<h1>" + mapname.toUpperCase() + "</h1>"; audioplayer.volume = 0;
document.getElementsByClassName("gamemodeName")[0].textContent = gamemode; let autoAdjustVolume = setInterval(() => { if (audioplayer.volume > 0.9) { clearInterval(autoAdjustVolume); return; } audioplayer.volume += 0.01}, 40);
audioplayer.src = config.map[mapname].music[getRandomInt(config.map[mapname].music.length)];
let autoCycleImages = setInterval(() => { audioplayer.play();
}
if (bgObj[prevImage].classList.contains("blendInAnimation"))
{
bgObj[prevImage].classList.remove("blendInAnimation");
}
bgObj[prevImage].classList.add("blendOutAnimation");
if (bgObj[currentImage].classList.contains("blendOutAnimation"))
{
bgObj[currentImage].classList.remove("blendOutAnimation");
}
bgObj[currentImage].classList.add("blendInAnimation");
prevImage = currentImage;
currentImage++;
if (currentImage >= imgArray.length)
currentImage = 0;
}, 5000)
audioplayer.volume = 0;
let autoAdjustVolume = setInterval(() => { if (audioplayer.volume > 0.9) { clearInterval(autoAdjustVolume); return; } audioplayer.volume += 0.01}, 40);
audioplayer.src = config.map[mapname].music[getRandomInt(config.map[mapname].music.length)];
audioplayer.play();
document.getElementsByClassName("loadingEntry")[0].classList.add("blendInAnimation"); document.getElementsByClassName("loadingEntry")[0].classList.add("blendInAnimation");
} }