diff --git a/Jellyfin.Plugin.Seasonals/Web/space.js b/Jellyfin.Plugin.Seasonals/Web/space.js index 5243e06..7e1e611 100644 --- a/Jellyfin.Plugin.Seasonals/Web/space.js +++ b/Jellyfin.Plugin.Seasonals/Web/space.js @@ -6,13 +6,15 @@ const astronautCountConf = config.AstronautCount !== undefined ? config.Astronau const satelliteCountConf = config.SatelliteCount !== undefined ? config.SatelliteCount : 4; const issCountConf = config.IssCount !== undefined ? config.IssCount : 1; const rocketCountConf = config.RocketCount !== undefined ? config.RocketCount : 1; -const useRandomSymbols = config.EnableRandomSymbols !== undefined ? config.EnableRandomSymbols : true; -const enableRandomMobile = config.EnableRandomSymbolsMobile !== undefined ? config.EnableRandomSymbolsMobile : false; const enableDifferentDuration = config.EnableDifferentDuration !== undefined ? config.EnableDifferentDuration : true; +const symbolCountMobile = config.SymbolCountMobile !== undefined ? config.SymbolCountMobile : 2; // Devisor to reduce number of objects on mobile +// Credit: https://lottiefiles.com/free-animation/astronaut-63lcWG4Xnh const astronautImages = [ "../Seasonals/Resources/space_assets/astronaut_1.gif" ]; + +// Credits: https://flaticon.com const planetImages = [ "../Seasonals/Resources/space_assets/planet_1.png", "../Seasonals/Resources/space_assets/planet_2.png", @@ -24,13 +26,21 @@ const planetImages = [ "../Seasonals/Resources/space_assets/planet_8.png", "../Seasonals/Resources/space_assets/planet_9.png" ]; + +// Credits: https://lottiefiles.com/free-animation/s-satellite-vfnNE8AALo const satelliteImages = [ "../Seasonals/Resources/space_assets/Satellite_1.gif", "../Seasonals/Resources/space_assets/Satellite_2.gif" ]; +// Credit: https://pixabay.com/de/illustrations/raumstation-raum-struktur-8023777/ const issImage = "../Seasonals/Resources/space_assets/iss.png"; +/** + * Credits: + * https://lottiefiles.com/free-animation/rocket-MYUQ3UFq3k + * https://pixabay.com/de/vectors/space-shuttle-atlantis-nasa-156012/ + */ const rocketImages = [ "../Seasonals/Resources/space_assets/rocket.gif", "../Seasonals/Resources/space_assets/space-shuttle.png" @@ -78,26 +88,19 @@ function createSpace() { document.body.appendChild(container); } - const standardPlanetCount = 4; - const standardAstronautCount = 1; - const standardSatelliteCount = 2; - const standardIssCount = 1; - const standardRocketCount = 1; + // const standardPlanetCount = 4; + // const standardAstronautCount = 1; + // const standardSatelliteCount = 2; + // const standardIssCount = 1; + // const standardRocketCount = 1; let isMobile = window.matchMedia("only screen and (max-width: 768px)").matches; - let pCount = planetCountConf; - let aCount = astronautCountConf; - let sCount = satelliteCountConf; - let iCount = issCountConf; - let rCount = rocketCountConf; - - if (isMobile && !enableRandomMobile) { - pCount = standardPlanetCount; - aCount = standardAstronautCount; - sCount = standardSatelliteCount; - iCount = standardIssCount; - rCount = standardRocketCount; - } + let divisor = isMobile ? Math.max(1, symbolCountMobile) : 1; + let pCount = Math.floor(planetCountConf / divisor); + let aCount = Math.floor(astronautCountConf / divisor); + let sCount = Math.floor(satelliteCountConf / divisor); + let iCount = Math.floor(issCountConf / divisor); + let rCount = Math.floor(rocketCountConf / divisor); // Add Nebula Glow const bgGlow = document.createElement('div');