decay

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,
         }));
     }
 

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'],