From beb40da7fe9c158415c7bebde915fcd7e3744299 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Mon, 1 Jul 2019 14:53:27 +1000
Subject: [PATCH] decay

---
 client/src/components/animations.jsx  |  2 ++
 client/src/components/anims/curse.jsx | 11 +++++++----
 client/src/components/anims/haste.jsx |  2 ++
 3 files changed, 11 insertions(+), 4 deletions(-)

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 <Curse />;
             case 'Blast': return <Blast id={construct.id} stage={stage} team={player}/>;
             case 'Debuff': return <Debuff />;
+            case 'Decay': return <Decay />;
             case 'Strike': return <Strike id={construct.id} stage={stage} team={player} colour={colours.red}/>;
             case 'Chaos': return <Chaos id={construct.id} team={player} colour={colours.purple}/>;
             case 'Slay': return <Slay id={construct.id} team={player} colour={colours.yellow}/>;
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'],