diff --git a/src/lib/FlySpawner.svelte b/src/lib/FlySpawner.svelte index 10f7f8c..9e59719 100644 --- a/src/lib/FlySpawner.svelte +++ b/src/lib/FlySpawner.svelte @@ -164,18 +164,19 @@ will-change: left, top, transform; } - /* Sprite sheet: 5 frames, each 210x150, total 1050x150 */ + /* Sprite sheet: 5 frames, each 42px at display size (210px total width). + steps(5) shows frames at: 0, -42, -84, -126, -168px */ .fly-sprite { width: 100%; height: 100%; background: url('/fly-sprite.png') 0 0 no-repeat; - background-size: 500% 100%; /* 5 frames wide */ - animation: flap 0.4s steps(5) infinite; + background-size: 210px 30px; + animation: flap 0.5s steps(5) infinite; } @keyframes flap { - from { background-position: 0% 0; } - to { background-position: 100% 0; } + from { background-position: 0 0; } + to { background-position: -210px 0; } } .splat-img {