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