diff --git a/client/src/components/anims/buff.jsx b/client/src/components/anims/buff.jsx index c2ec279a..babdc39c 100644 --- a/client/src/components/anims/buff.jsx +++ b/client/src/components/anims/buff.jsx @@ -43,7 +43,7 @@ class Buff extends Component { easing: 'easeOutExpo', delay: TIMES.TARGET_DELAY_MS, - duration: TIMES.START_SKILL, + duration: TIMES.TARGET_DURATION_MS, })); this.animations.push(anime({ @@ -52,7 +52,7 @@ class Buff extends Component { easing: 'easeOutExpo', delay: TIMES.TARGET_DELAY_MS, - duration: TIMES.START_SKILL, + duration: TIMES.TARGET_DURATION_MS, })); this.animations.push(anime({ @@ -61,7 +61,7 @@ class Buff extends Component { easing: 'easeOutExpo', delay: TIMES.TARGET_DELAY_MS, - duration: TIMES.START_SKILL, + duration: TIMES.TARGET_DURATION_MS, })); } diff --git a/client/src/components/anims/curse.jsx b/client/src/components/anims/curse.jsx index 54597932..1f641ef3 100644 --- a/client/src/components/anims/curse.jsx +++ b/client/src/components/anims/curse.jsx @@ -57,7 +57,7 @@ class Curse extends Component { filter: [`drop-shadow(0 0 5px ${COLOURS.WHITE}`, `drop-shadow(0 0 5px ${COLOURS.BLUE}`], easing: 'easeOutSine', delay: TIMES.TARGET_DELAY_MS, - duration: TIMES.START_SKILL, + duration: TIMES.TARGET_DURATION_MS, })); } diff --git a/client/src/components/anims/debuff.jsx b/client/src/components/anims/debuff.jsx index 172858b6..104b9d5c 100644 --- a/client/src/components/anims/debuff.jsx +++ b/client/src/components/anims/debuff.jsx @@ -43,7 +43,7 @@ class Debuff extends Component { points: '0,190 100,10 190,190', easing: 'easeOutExpo', delay: TIMES.TARGET_DELAY_MS, - duration: TIMES.START_SKILL, + duration: TIMES.TARGET_DURATION_MS, })); this.animations.push(anime({ @@ -51,7 +51,7 @@ class Debuff extends Component { points: '40,170 100,50 160,170', easing: 'easeOutExpo', delay: TIMES.TARGET_DELAY_MS, - duration: TIMES.START_SKILL, + duration: TIMES.TARGET_DURATION_MS, })); this.animations.push(anime({ @@ -59,7 +59,7 @@ class Debuff extends Component { points: '70,150 100,90 130,150', easing: 'easeOutExpo', delay: TIMES.TARGET_DELAY_MS, - duration: TIMES.START_SKILL, + duration: TIMES.TARGET_DURATION_MS, })); } diff --git a/client/src/components/anims/decay.jsx b/client/src/components/anims/decay.jsx index 41cf4c64..7364b30f 100644 --- a/client/src/components/anims/decay.jsx +++ b/client/src/components/anims/decay.jsx @@ -58,7 +58,7 @@ class Decay extends Component { filter: [`drop-shadow(0 0 5px ${COLOURS.WHITE}`, `drop-shadow(0 0 5px ${COLOURS.BLUE}`], easing: 'easeOutSine', delay: TIMES.TARGET_DELAY_MS, - duration: TIMES.START_SKILL, + duration: TIMES.TARGET_DURATION_MS, })); } diff --git a/client/src/components/anims/hex.jsx b/client/src/components/anims/hex.jsx index ee1a193d..aaf6bdd8 100644 --- a/client/src/components/anims/hex.jsx +++ b/client/src/components/anims/hex.jsx @@ -72,16 +72,6 @@ class Hex extends Component { delay: TIMES.TARGET_DELAY_MS, duration: TIMES.TARGET_DURATION_MS, })); - - // this.animations.push(anime({ - // targets: ['feTurbulence', 'feDisplacementMap'], - // baseFrequency: 0, - // scale: 1, - // easing: 'easeOutSine', - - // delay: TIMES.TARGET_DELAY_MS, - // duration: TIMES.TARGET_DURATION_MS, - // })); } // this is necessary because diff --git a/client/src/components/anims/test.jsx b/client/src/components/anims/test.jsx index aa48423e..b50e897d 100644 --- a/client/src/components/anims/test.jsx +++ b/client/src/components/anims/test.jsx @@ -5,7 +5,7 @@ const anime = require('animejs').default; const { TIMES } = require('../../constants'); const { randomPoints } = require('../../utils'); -const duration = TIMES.START_SKILL; +const duration = TIMES.TARGET_DURATION_MS; function projectile(x, y, radius, colour) {