From 8c966653ec30df5c11c82931053de12ef162dfe7 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Wed, 18 Dec 2019 17:13:54 +1000
Subject: [PATCH] fix sustain numbers and remove scale thing

---
 client/src/components/anims/sustain.jsx | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/client/src/components/anims/sustain.jsx b/client/src/components/anims/sustain.jsx
index c670bec5..ce174b2a 100644
--- a/client/src/components/anims/sustain.jsx
+++ b/client/src/components/anims/sustain.jsx
@@ -25,17 +25,17 @@ class Sustain extends Component {
                 </filter>
                 <polyline
                     id="stageOne"
-                    points='0 0'
+                    points='128,168 80,240 176,240 128,168'
                     style={{ filter: 'url("#sustainFilter")' }}
                 />
                 <polyline
                     id="stageTwo"
-                    points='0 0'
+                    points='176,240 212,216 128,96 44,216 80,240'
                     style={{ filter: 'url("#sustainFilter")' }}
                 />
                 <polyline
                     id="stageThree"
-                    points='0 0'
+                    points='212,216 248,192 128,24 8,192 44,216'
                     style={{ filter: 'url("#sustainFilter")' }}
                 />
             </svg>
@@ -54,13 +54,12 @@ class Sustain extends Component {
 
         this.animations.push(anime({
             targets: ['#stageOne'],
-            points: '128,168 80,240 176,240 128,168',
             keyframes: [
                 {
                     stroke: [COLOURS.GREEN, COLOURS.RED],
                     fill: [null, COLOURS.RED],
                     delay: TIMES.TARGET_DURATION_MS * 0.2,
-                    duration: TIMES.TARGET_DURATION_MS * 0.6,
+                    duration: TIMES.TARGET_DURATION_MS * 0.15,
                     easing: 'easeInOutSine',
                 },
             ],
@@ -73,12 +72,11 @@ class Sustain extends Component {
                 {
                     stroke: [COLOURS.GREEN, COLOURS.RED],
                     fill: [null, COLOURS.RED],
-                    delay: TIMES.TARGET_DURATION_MS * 0.5,
-                    duration: TIMES.TARGET_DURATION_MS * 0.6,
+                    delay: TIMES.TARGET_DURATION_MS * 0.35,
+                    duration: TIMES.TARGET_DURATION_MS * 0.15,
                     easing: 'easeInOutSine',
                 },
             ],
-            points: '176,240 212,216 128,96 44,216 80,240',
             duration: TIMES.TARGET_DURATION_MS,
         }));
 
@@ -88,12 +86,11 @@ class Sustain extends Component {
                 {
                     stroke: [COLOURS.GREEN, COLOURS.RED],
                     fill: [null, COLOURS.RED],
-                    delay: TIMES.TARGET_DURATION_MS * 0.8,
-                    duration: TIMES.TARGET_DURATION_MS * 0.4,
+                    delay: TIMES.TARGET_DURATION_MS * 0.5,
+                    duration: TIMES.TARGET_DURATION_MS * 0.15,
                     easing: 'easeInOutSine',
                 },
             ],
-            points: '212,216 248,192 128,24 8,192 44,216',
             duration: TIMES.TARGET_DURATION_MS,
         }));
 
@@ -103,7 +100,7 @@ class Sustain extends Component {
             scale: 10,
             numOctaves: 5,
             easing: 'easeOutSine',
-            delay: TIMES.TARGET_DURATION_MS * 0.4,
+            delay: TIMES.TARGET_DURATION_MS * 0.55,
             duration: TIMES.TARGET_DURATION_MS * 0.3 + TIMES.POST_SKILL_DURATION_MS,
         }));
     }