Refactor autumn.js: consolidate image array definition and clean up code structure
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user