CodeDevMLH/Seasonals-Fireworks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: CodeDevMLH:main
Branches Tags
CodeDevMLH:main CodeDevMLH:advanced
...
pull from: CodeDevMLH:advanced
Branches Tags
CodeDevMLH:advanced CodeDevMLH:main

3 Commits
main ... advanced

Author SHA1 Message Date
CodeDevMLH
93b3b5fbc5 typo 2024-12-31 03:33:03 +01:00
CodeDevMLH
10e774878c fix chromium based browers error, where particles expanded the view-screen 2024-12-31 03:27:56 +01:00
CodeDevMLH
11921421db add div if 2024-12-21 02:03:26 +01:00
2 changed files with 10 additions and 8 deletions
Expand all files Collapse all files

7
fireworks.css
View File

@@ -1,15 +1,12 @@
.fireworks { .fireworks {
position: absolute; position: fixed;
overflow: hidden;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
pointer-events: none; pointer-events: none;
z-index: 10; z-index: 10;
/* activate the following for fixed positioning */
/*position: fixed;*/
/*overflow: hidden;*/
} }
.rocket-trail { .rocket-trail {

11
fireworks.js
View File

@@ -108,9 +108,6 @@ function createExplosion(x, y) {
// Function for the firework with trail // Function for the firework with trail
function launchFirework() { function launchFirework() {
const fireworkContainer = document.querySelector('.fireworks');
if (!fireworkContainer) return;
// Random horizontal position // Random horizontal position
const x = Math.random() * window.innerWidth; // Any value across the entire width const x = Math.random() * window.innerWidth; // Any value across the entire width
@@ -136,6 +133,14 @@ function launchFirework() {
// Start the firework routine // Start the firework routine
function startFireworks() { function startFireworks() {
const fireworkContainer = document.querySelector('.fireworks') || document.createElement("div");
if (!document.querySelector('.fireworks')) {
fireworkContainer.className = "fireworks";
fireworkContainer.setAttribute("aria-hidden", "true");
document.body.appendChild(fireworkContainer);
}
fireworksInterval = setInterval(() => { fireworksInterval = setInterval(() => {
const randomCount = Math.floor(Math.random() * maxFireworks) + minFireworks; const randomCount = Math.floor(Math.random() * maxFireworks) + minFireworks;
for (let i = 0; i < randomCount; i++) { for (let i = 0; i < randomCount; i++) {