diff --git a/client/src/components/anims/wiggle.jsx b/client/src/components/anims/wiggle.jsx index a9615181..e071450b 100644 --- a/client/src/components/anims/wiggle.jsx +++ b/client/src/components/anims/wiggle.jsx @@ -6,17 +6,18 @@ function wiggle(id, idle) { const x = window.innerWidth * 0.01 * (Math.round(Math.random()) ? Math.random() : -Math.random()); const y = window.innerHeight * 0.01 * (Math.round(Math.random()) ? Math.random() : -Math.random()); + const originalX = parseFloat(idle.animations[0].currentValue); + const originalY = parseFloat(idle.animations[1].currentValue); // console.log(x, y); return anime({ targets: target, - rotate: 0, - translateX: [x, -x, 0], - translateY: [y, -y, 0], + translateX: [originalX + x, originalX - x, originalX], + translateY: [originalY + y, originalY - y, originalY], duration, easing: 'easeInOutSine', // direction: 'alternate', begin: idle.pause, - complete: idle.restart, + complete: idle.play, }); }