diff --git a/client/src/components/anims/amplify.jsx b/client/src/components/anims/amplify.jsx index 1d8c5324..f221900b 100644 --- a/client/src/components/anims/amplify.jsx +++ b/client/src/components/anims/amplify.jsx @@ -20,11 +20,11 @@ class Amplify extends Component { id="amplify" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"> - + - + ); } @@ -50,7 +50,7 @@ class Amplify extends Component { })); this.animations.push(anime({ - targets: ['#ampFilter feTurbulence', '#ampFilter feDisplacementMap'], + targets: ['#amplifyFilter feTurbulence', '#amplifyFilter feDisplacementMap'], baseFrequency: 0.15, scale: 4, easing: 'easeInOutExpo', diff --git a/client/src/components/anims/block.jsx b/client/src/components/anims/block.jsx index f3a672fc..5f7e2bec 100644 --- a/client/src/components/anims/block.jsx +++ b/client/src/components/anims/block.jsx @@ -52,7 +52,7 @@ class Block extends Component { targets: ['feTurbulence', 'feDisplacementMap'], baseFrequency: 0.02, scale: 1, - easing: 'easeOutSine', + easing: 'easeInOutElastic', delay: TIMES.TARGET_DELAY_MS, duration: TIMES.TARGET_DURATION_MS, diff --git a/client/src/components/anims/stun.jsx b/client/src/components/anims/stun.jsx index dfe68482..cb6d18e8 100644 --- a/client/src/components/anims/stun.jsx +++ b/client/src/components/anims/stun.jsx @@ -20,14 +20,24 @@ class Stun extends Component { id="stun" xmlns="http://www.w3.org/2000/svg" viewBox="-291 -291 582 582"> - - + + - + + ); @@ -43,7 +53,7 @@ class Stun extends Component { this.animations.push(anime({ targets: ['#stun'], - rotate: 360, + rotate: 180, easing: 'easeInSine', duration: TIMES.TARGET_DURATION_MS, @@ -51,9 +61,9 @@ class Stun extends Component { })); this.animations.push(anime({ - targets: ['#ampFilter feTurbulence', '#ampFilter feDisplacementMap'], - baseFrequency: 0.15, - scale: 4, + targets: ['#stunFilter feTurbulence', '#stunFilter feDisplacementMap'], + baseFrequency: 0.4, + scale: 5, easing: 'easeInOutExpo', duration: TIMES.TARGET_DURATION_MS,