Thomas/Bratonien-Adventskalender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adventskalender/shared/js/glitter.js aktualisiert

Browse Source
This commit is contained in:
Thomas Dannenberg
2025-11-04 21:20:24 +00:00
parent 206cfb8a9a
commit d5168cc15a
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
adventskalender/shared/js/glitter.js
View File

@@ -1,10 +1,12 @@
// Bratonien Glitter Hover Effekt – für .door, .openfield und .fluegel
document.querySelectorAll(".door, .openfield, .fluegel").forEach(elem => {
let canvas, ctx, particles = [], anim, hovering = false;
let cursorX = 0, cursorY = 0;
const day = elem.dataset.day;
let partner = null;
let openfield = null;
if (elem.classList.contains("door")) {
partner = document.querySelector(`.openfield[data-day="${day}"]`);
@@ -18,6 +20,7 @@ document.querySelectorAll(".door, .openfield, .fluegel").forEach(elem => {
} else if (isRight) {
partner = document.querySelector(`.fluegel.left[data-day="${day}"]`);
}
openfield = document.querySelector(`.openfield[data-day="${day}"]`);
}
function setupCanvas() {
@@ -92,9 +95,8 @@ document.querySelectorAll(".door, .openfield, .fluegel").forEach(elem => {
cancelAnimationFrame(anim);
draw();
if (partner) {
partner.classList.add("hover-proxy");
}
if (partner) partner.classList.add("hover-proxy");
if (openfield) openfield.classList.add("hover-proxy");
});
// HOVER ENDE
@@ -108,8 +110,7 @@ document.querySelectorAll(".door, .openfield, .fluegel").forEach(elem => {
}
}, 300);
if (partner) {
partner.classList.remove("hover-proxy");
}
if (partner) partner.classList.remove("hover-proxy");
if (openfield) openfield.classList.remove("hover-proxy");
});
});