diff --git a/client/src/components/anims/reflect.jsx b/client/src/components/anims/reflect.jsx index 89a774a9..d71ea2dd 100644 --- a/client/src/components/anims/reflect.jsx +++ b/client/src/components/anims/reflect.jsx @@ -11,8 +11,8 @@ class Reflect extends Component { } render({ team }) { - let redX = anime.random(32, 128); - let blueX = anime.random(128, 224); + const redX = anime.random(32, 96); + const blueX = anime.random(192, 224); return ( - - + + ); @@ -50,22 +54,11 @@ class Reflect extends Component { this.animations.push(anime({ targets: ['#reflect path'], - strokeDashoffset: [anime.setDashoffset, 0], + strokeDashoffset: [0, 1000], easing: 'linear', - loop: true, - duration: TIMES.TARGET_DURATION_MS / 5, + duration: TIMES.TARGET_DURATION_MS * 2, + delay: anime.stagger(200), })); - - // this.animations.push(anime({ - // targets: ['#reflectFilter feTurbulence', ' #reflectFilter feDisplacementMap'], - // baseFrequency: 2, - // scale: 10, - // numOctaves: 5, - // easing: 'easeOutSine', - - // delay: TIMES.TARGET_FADE_IN_DELAY, - // duration: TIMES.RESOLUTION_TOTAL_MS, - // })); } // this is necessary because