ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improved wiggle

Browse Source
This commit is contained in:
Mashy 2019-10-26 13:33:58 +10:00
parent 6948fce6e0
commit dbd06c2053
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/anims/wiggle.jsx
View File

@ -6,17 +6,18 @@ function wiggle(id, idle) {
const x = window.innerWidth * 0.01 * (Math.round(Math.random()) ? Math.random() : -Math.random()); 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 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); // console.log(x, y);
return anime({ return anime({
targets: target, targets: target,
rotate: 0, translateX: [originalX + x, originalX - x, originalX],
translateX: [x, -x, 0], translateY: [originalY + y, originalY - y, originalY],
translateY: [y, -y, 0],
duration, duration,
easing: 'easeInOutSine', easing: 'easeInOutSine',
// direction: 'alternate', // direction: 'alternate',
begin: idle.pause, begin: idle.pause,
complete: idle.restart, complete: idle.play,
}); });
} }