ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix sustain numbers and remove scale thing

Browse Source
This commit is contained in:
ntr 2019-12-18 17:13:54 +10:00
parent 711650b08c
commit 8c966653ec
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
client/src/components/anims/sustain.jsx
View File

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