added stages back in

This commit is contained in:
Mashy
2019-07-01 18:36:44 +10:00
parent c7120d795f
commit 0e19156f3a
23 changed files with 109 additions and 159 deletions
+1 -1
View File
@@ -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) {
+1 -1
View File
@@ -10,7 +10,7 @@ function banish(id) {
scaleY: 0,
fill: '#fff',
easing: 'easeInOutElastic',
duration: TIMES.START_SKILL,
duration: TIMES.TARGET_DURATION_MS,
});
}
+1 -1
View File
@@ -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) {
+1 -1
View File
@@ -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({
+4 -4
View File
@@ -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({
+1 -1
View File
@@ -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 (
+1 -1
View File
@@ -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({
+4 -4
View File
@@ -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({
+2 -2
View File
@@ -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,
}));
}
+1 -1
View File
@@ -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({
+1 -1
View File
@@ -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) {
+1 -1
View File
@@ -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({
+1 -1
View File
@@ -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() {
+1 -1
View File
@@ -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) {
+1 -1
View File
@@ -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) {
+1 -1
View File
@@ -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) {
+3 -3
View File
@@ -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,
}));
}