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

Fix rabbit animation transform origin and improve GIF reset logic
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 40s
Details

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-27 01:58:53 +01:00
parent d6a9ff7176
commit 296873f89e
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Jellyfin.Plugin.Seasonals/Web/easter.js
View File

@@ -197,6 +197,8 @@ function animateRabbit(rabbit) {
rabbit.style.transition = 'none'; rabbit.style.transition = 'none';
const transformScale = startFromLeft ? 'scaleX(-1)' : ''; const transformScale = startFromLeft ? 'scaleX(-1)' : '';
// Fix bounding box center-of-gravity shift when graphic is flipped
rabbit.style.transformOrigin = startFromLeft ? '59% 50%' : '50% 50%';
rabbit.style.transform = `translateX(${currentX}vw) ${transformScale}`; rabbit.style.transform = `translateX(${currentX}vw) ${transformScale}`;
const loopDurationMs = jumpDurationMs + pauseDurationMs; const loopDurationMs = jumpDurationMs + pauseDurationMs;
@@ -211,10 +213,10 @@ function animateRabbit(rabbit) {
if (!startTime) { if (!startTime) {
startTime = timestamp; startTime = timestamp;
// resetting gif, forces the browser to restart the GIF from the first frame (crucial for syncing hops with movement) // resetting gif, appending a timestamp cache-buster forces the browser
// to reload and start the GIF strictly from the first frame.
const currSrc = rabbit.src.split('?')[0]; const currSrc = rabbit.src.split('?')[0];
rabbit.src = ''; rabbit.src = currSrc + '?t=' + Date.now();
rabbit.src = currSrc;
} }
const elapsed = timestamp - startTime; const elapsed = timestamp - startTime;