added stages back in
This commit is contained in:
@@ -5,7 +5,7 @@ const anime = require('animejs').default;
|
||||
const dagger = require('../svgs/dagger');
|
||||
const { TIMES } = require('../../constants');
|
||||
|
||||
const duration = TIMES.START_SKILL;
|
||||
const duration = TIMES.TARGET_DURATION_MS;
|
||||
|
||||
class Attack extends Component {
|
||||
constructor(props) {
|
||||
|
||||
@@ -10,7 +10,7 @@ function banish(id) {
|
||||
scaleY: 0,
|
||||
fill: '#fff',
|
||||
easing: 'easeInOutElastic',
|
||||
duration: TIMES.START_SKILL,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -45,7 +45,7 @@ class Block extends Component {
|
||||
opacity: 1,
|
||||
|
||||
delay: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
|
||||
@@ -38,28 +38,28 @@ class Buff extends Component {
|
||||
|
||||
easing: 'easeOutExpo',
|
||||
delay: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
targets: ['#buff .buff-one'],
|
||||
points: '0,190 100,10 190,190',
|
||||
easing: 'easeOutExpo',
|
||||
duration: TIMES.START_SKILL,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
targets: ['#buff .buff-two'],
|
||||
points: '40,170 100,50 160,170',
|
||||
easing: 'easeOutExpo',
|
||||
duration: TIMES.START_SKILL,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
targets: ['#buff .buff-three'],
|
||||
points: '70,150 100,90 130,150',
|
||||
easing: 'easeOutExpo',
|
||||
duration: TIMES.START_SKILL,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
|
||||
@@ -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) {
|
||||
return (
|
||||
|
||||
@@ -35,7 +35,7 @@ class Curse extends Component {
|
||||
|
||||
easing: 'easeOutExpo',
|
||||
delay: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
|
||||
@@ -39,28 +39,28 @@ class Debuff extends Component {
|
||||
|
||||
easing: 'easeOutExpo',
|
||||
delay: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
targets: ['#debuff .debuff-one'],
|
||||
points: '0,190 100,10 190,190',
|
||||
easing: 'easeOutExpo',
|
||||
duration: TIMES.START_SKILL,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
targets: ['#debuff .debuff-two'],
|
||||
points: '40,170 100,50 160,170',
|
||||
easing: 'easeOutExpo',
|
||||
duration: TIMES.START_SKILL,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
targets: ['#debuff .debuff-three'],
|
||||
points: '70,150 100,90 130,150',
|
||||
easing: 'easeOutExpo',
|
||||
duration: TIMES.START_SKILL,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
|
||||
@@ -41,7 +41,7 @@ class Decay extends Component {
|
||||
|
||||
easing: 'easeOutExpo',
|
||||
delay: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
@@ -50,7 +50,7 @@ class Decay extends Component {
|
||||
opacity: 0,
|
||||
easing: 'linear',
|
||||
delay: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.START_SKILL,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
}
|
||||
|
||||
|
||||
@@ -46,7 +46,7 @@ class Haste extends Component {
|
||||
|
||||
easing: 'easeOutExpo',
|
||||
delay: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -43,7 +43,7 @@ class Hex extends Component {
|
||||
opacity: 1,
|
||||
|
||||
delay: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
|
||||
@@ -4,7 +4,7 @@ const anime = require('animejs').default;
|
||||
|
||||
const { TIMES } = require('../../constants');
|
||||
|
||||
const duration = TIMES.START_SKILL;
|
||||
const duration = TIMES.TARGET_DURATION_MS;
|
||||
|
||||
class AttackCharge extends Component {
|
||||
render() {
|
||||
|
||||
@@ -4,7 +4,7 @@ const anime = require('animejs').default;
|
||||
|
||||
const { TIMES } = require('../../constants');
|
||||
|
||||
const duration = TIMES.START_SKILL;
|
||||
const duration = TIMES.TARGET_DURATION_MS;
|
||||
|
||||
|
||||
function projectile(x, y, radius, colour) {
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -4,7 +4,7 @@ const anime = require('animejs').default;
|
||||
|
||||
const { TIMES } = require('../../constants');
|
||||
|
||||
const duration = TIMES.START_SKILL;
|
||||
const duration = TIMES.TARGET_DURATION_MS;
|
||||
|
||||
|
||||
function laser(dimensions, colour) {
|
||||
|
||||
@@ -49,7 +49,7 @@ class Stun extends Component {
|
||||
|
||||
easing: 'easeOutExpo',
|
||||
delay: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
@@ -57,8 +57,8 @@ class Stun extends Component {
|
||||
rotate: 180,
|
||||
easing: 'linear',
|
||||
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
delay: TIMES.TARGET_DELAY_MS,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
|
||||
this.animations.push(anime({
|
||||
@@ -67,7 +67,7 @@ class Stun extends Component {
|
||||
strokeWidth: 0,
|
||||
easing: 'easeInOutSine',
|
||||
direction: 'alternate',
|
||||
duration: TIMES.START_SKILL,
|
||||
duration: TIMES.TARGET_DURATION_MS,
|
||||
}));
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user