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

Adjust heart position calculation in animeCat.js

Browse Source
This commit is contained in:
Victor Giers
2025-05-26 05:31:58 +02:00
parent 3ab48eb3e2
commit 201c2eee02
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
animeCat.js
View File

@@ -392,23 +392,24 @@ _runJoyAnimation(onFinish) {
} }
_makeHeart() { _makeHeart() {
// Emoji oder eigenes Bild
const emoji = Math.random() < 0.7 ? '❤️' : '💕'; const emoji = Math.random() < 0.7 ? '❤️' : '💕';
const heart = document.createElement('span'); const heart = document.createElement('span');
heart.textContent = emoji; heart.textContent = emoji;
heart.style.position = 'absolute'; heart.style.position = 'absolute';
// Startposition relativ zur Katze berechnen:
const catRect = this.img.getBoundingClientRect(); const catRect = this.img.getBoundingClientRect();
const containerRect = this.container.getBoundingClientRect(); const containerRect = this.container.getBoundingClientRect();
// Starte etwas über dem Mittelpunkt der Katze // >>> HIER Offset nach rechts (z.B. +18px oder +25px ausprobieren)
const left = (catRect.left + catRect.width * 0.5) - containerRect.left; const HEART_X_OFFSET = 24; // nach rechts relativ zur Katzenmitte
const bottom = (containerRect.bottom - (catRect.top + catRect.height * 0.4)); const left = (catRect.left + catRect.width * 0.5 + HEART_X_OFFSET) - containerRect.left;
// Oder noch präziser: Mundhöhe (etwas tiefer als Mittelpunkt)
const HEART_Y_OFFSET = 0.45; // Prozentuale Höhe der Katze (0.5 = Mitte)
const bottom = (containerRect.bottom - (catRect.top + catRect.height * HEART_Y_OFFSET));
heart.style.left = `${left}px`; heart.style.left = `${left}px`;
heart.style.bottom = `${bottom}px`; heart.style.bottom = `${bottom}px`;
heart.style.fontSize = `${16 + Math.random() * 14}px`; heart.style.fontSize = `${16 + Math.random() * 14}px`;
heart.style.pointerEvents = 'none'; heart.style.pointerEvents = 'none';
heart.style.opacity = '0.9'; heart.style.opacity = '0.9';