giers10/auto-git-gui
1
0
Fork 0
Code Releases Activity

Refactor glow animation logic in animeCat.js

Browse Source
This commit is contained in:
Victor Giers
2025-05-26 07:04:21 +02:00
parent 985c3aff8e
commit 1c74e1f284
1 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
animeCat.js
View File

@@ -131,22 +131,17 @@ window.AnimeCat = class AnimeCat {
// Zeigt Progress der täglichen Commits an // Zeigt Progress der täglichen Commits an
_animateCatGlow(commitCount) { _animateCatGlow(commitCount) {
this.glow = this.wrapper.querySelector('#cat-glow'); const glow = this.glow;
if (!this.glow) return; if (!glow) return;
const factor = Math.min(commitCount / 10, 1); const factor = Math.min(commitCount / 10, 1);
// Beispiel: Größe skalieren
const minSize = 80, maxSize = 170; const minSize = 80, maxSize = 170;
const size = minSize + factor * (maxSize - minSize); const size = minSize + factor * (maxSize - minSize);
glow.style.width = `${size}px`; glow.style.width = `${size}px`;
glow.style.height = `${size * 0.66}px`; glow.style.height = `${size * 0.66}px`;
// Optional: Opacity je nach Commits
glow.style.opacity = 0.2 + 0.8 * factor; glow.style.opacity = 0.2 + 0.8 * factor;
// Optional: Farbe mit JS anpassen (geht auch über CSS-Variablen)
glow.style.background = `radial-gradient(circle, rgba(255,230,100,${0.7 + factor*0.3}) 0%, rgba(255,230,100,${0.10 + 0.5*factor}) 70%, rgba(0,0,0,0) 100%)`; glow.style.background = `radial-gradient(circle, rgba(255,230,100,${0.7 + factor*0.3}) 0%, rgba(255,230,100,${0.10 + 0.5*factor}) 70%, rgba(0,0,0,0) 100%)`;
} }