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