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

more tweaks

Browse Source
This commit is contained in:
ntr 2019-12-20 17:26:31 +10:00
parent 5058277776
commit 1cc29f73d1
1 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/components/anims/slay.jsx
View File

@ -25,7 +25,7 @@ class Slay extends Component {
{times(10, () => (
<ellipse
cx={anime.random(100, 200)}
cy={anime.random(-50, -25)}
cy={anime.random(-60, -30)}
stroke="none"
rx={anime.random(5, 10)}
ry={10}
@ -51,26 +51,19 @@ class Slay extends Component {
anime.set('#slay', {
rotate,
opacity: 1,
});
anime.set('#slay ellipse',{
fill: RED,
})
this.animations.push(anime({
targets: '#slay',
opacity: [
{ value: 1, duration: TIMES.TARGET_DURATION_MS * 0.2 },
],
easing: 'easeInQuad',
}));
this.animations.push(anime({
targets: ['#slay ellipse'],
cx: 150,
cy: 325,
delay: TIMES.TARGET_DURATION_MS * 0.2,
duration: TIMES.TARGET_DURATION_MS * 0.3,
duration: TIMES.TARGET_DURATION_MS * 0.2,
duration: TIMES.TARGET_DURATION_MS * 0.4,
easing: 'easeOutQuad',
direction: 'alternate',
}));