Refactor autumn.js: consolidate image array definition and clean up code structure

This commit is contained in:
CodeDevMLH
2026-02-24 19:18:50 +01:00
parent 509d198cd0
commit 3e5da3dda2

View File

@@ -7,6 +7,25 @@ const enableDiffrentDuration = config.EnableDifferentDuration !== undefined ? co
const enableRotation = config.EnableRotation !== undefined ? config.EnableRotation : false; // enable/disable leaf rotation const enableRotation = config.EnableRotation !== undefined ? config.EnableRotation : false; // enable/disable leaf rotation
const leafCount = config.LeafCount || 25; // count of random extra leaves const leafCount = config.LeafCount || 25; // count of random extra leaves
const images = [
"../Seasonals/Resources/autumn_images/acorn1.png",
"../Seasonals/Resources/autumn_images/acorn2.png",
"../Seasonals/Resources/autumn_images/leaf1.png",
"../Seasonals/Resources/autumn_images/leaf2.png",
"../Seasonals/Resources/autumn_images/leaf3.png",
"../Seasonals/Resources/autumn_images/leaf4.png",
"../Seasonals/Resources/autumn_images/leaf5.png",
"../Seasonals/Resources/autumn_images/leaf6.png",
"../Seasonals/Resources/autumn_images/leaf7.png",
"../Seasonals/Resources/autumn_images/leaf8.png",
"../Seasonals/Resources/autumn_images/leaf9.png",
"../Seasonals/Resources/autumn_images/leaf10.png",
"../Seasonals/Resources/autumn_images/leaf11.png",
"../Seasonals/Resources/autumn_images/leaf12.png",
"../Seasonals/Resources/autumn_images/leaf13.png",
"../Seasonals/Resources/autumn_images/leaf14.png",
"../Seasonals/Resources/autumn_images/leaf15.png",
];
let msgPrinted = false; // flag to prevent multiple console messages let msgPrinted = false; // flag to prevent multiple console messages
@@ -38,35 +57,13 @@ function toggleAutumn() {
// observe changes in the DOM // observe changes in the DOM
const observer = new MutationObserver(toggleAutumn); const observer = new MutationObserver(toggleAutumn);
// start observation
observer.observe(document.body, { observer.observe(document.body, {
childList: true, // observe adding/removing of child elements childList: true,
subtree: true, // observe all levels of the DOM tree subtree: true,
attributes: true // observe changes to attributes (e.g. class changes) attributes: true
}); });
const images = [
"../Seasonals/Resources/autumn_images/acorn1.png",
"../Seasonals/Resources/autumn_images/acorn2.png",
"../Seasonals/Resources/autumn_images/leaf1.png",
"../Seasonals/Resources/autumn_images/leaf2.png",
"../Seasonals/Resources/autumn_images/leaf3.png",
"../Seasonals/Resources/autumn_images/leaf4.png",
"../Seasonals/Resources/autumn_images/leaf5.png",
"../Seasonals/Resources/autumn_images/leaf6.png",
"../Seasonals/Resources/autumn_images/leaf7.png",
"../Seasonals/Resources/autumn_images/leaf8.png",
"../Seasonals/Resources/autumn_images/leaf9.png",
"../Seasonals/Resources/autumn_images/leaf10.png",
"../Seasonals/Resources/autumn_images/leaf11.png",
"../Seasonals/Resources/autumn_images/leaf12.png",
"../Seasonals/Resources/autumn_images/leaf13.png",
"../Seasonals/Resources/autumn_images/leaf14.png",
"../Seasonals/Resources/autumn_images/leaf15.png",
];
function addRandomLeaves(count) { function addRandomLeaves(count) {
const autumnContainer = document.querySelector('.autumn-container'); // get the leave container const autumnContainer = document.querySelector('.autumn-container'); // get the leave container
if (!autumnContainer) return; // exit if leave container is not found if (!autumnContainer) return; // exit if leave container is not found