diff --git a/client/src/components/animations.jsx b/client/src/components/animations.jsx
index 571c57dd..a2b19e62 100644
--- a/client/src/components/animations.jsx
+++ b/client/src/components/animations.jsx
@@ -10,6 +10,7 @@ const Bash = require('./anims/bash');
const Block = require('./anims/block');
const Buff = require('./anims/buff');
const Debuff = require('./anims/debuff');
+const Decay = require('./anims/decay');
const Curse = require('./anims/curse');
const Haste = require('./anims/haste');
const Stun = require('./anims/stun');
@@ -107,6 +108,7 @@ function animations(props) {
case 'Curse': return ;
case 'Blast': return ;
case 'Debuff': return ;
+ case 'Decay': return ;
case 'Strike': return ;
case 'Chaos': return ;
case 'Slay': return ;
diff --git a/client/src/components/anims/curse.jsx b/client/src/components/anims/curse.jsx
index 2ccaf2aa..fd269ad1 100644
--- a/client/src/components/anims/curse.jsx
+++ b/client/src/components/anims/curse.jsx
@@ -2,7 +2,10 @@ const preact = require('preact');
const { Component } = require('preact');
const anime = require('animejs').default;
-const { TIMES } = require('../../constants');
+const {
+ TIMES,
+ COLOURS,
+} = require('../../constants');
class Curse extends Component {
constructor() {
@@ -38,10 +41,10 @@ class Curse extends Component {
this.animations.push(anime({
targets: ['#curse'],
scale: [0.5, 0.8],
- strokeWidth: 0,
+ strokeWidth: [8, 0],
easing: 'easeInOutSine',
- direction: 'alternate',
- duration: TIMES.START_SKILL,
+ // delay: TIMES.TARGET_DELAY_MS,
+ duration: TIMES.TARGET_DURATION_MS,
}));
}
diff --git a/client/src/components/anims/haste.jsx b/client/src/components/anims/haste.jsx
index dfc82c2c..1ba65274 100644
--- a/client/src/components/anims/haste.jsx
+++ b/client/src/components/anims/haste.jsx
@@ -37,6 +37,8 @@ class Haste extends Component {
);
}
+ // transform: ['translate(0 0)', 'translate(0 -100)']
+
componentDidMount() {
this.animations.push(anime({
targets: ['#haste'],