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

Merge branch 'anims-change' of ssh://mnml.gg:40022/~/mnml into anims-change

Browse Source
This commit is contained in:
Mashy
2019-07-03 00:02:23 +10:00
parent 6b3a159988 a35ea182e5
commit 7bdbdd2fd4
2 changed files with 52 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/anims/hybrid.jsx
+49 -5
View File
@@ -30,7 +30,7 @@ class Hybrid extends Component {
</defs>
<g filter="url(#hybridFilter)">
<circle
class="green"
class="green-one"
cx='50'
cy='150'
r='10'
@@ -38,7 +38,15 @@ class Hybrid extends Component {
stroke="none"
/>
<circle
class="bluewhite"
class="green-two"
cx='250'
cy='150'
r='10'
fill={COLOURS.GREEN}
stroke="none"
/>
<circle
class="bluewhite-one"
cx='150'
cy='50'
r='10'
@@ -46,13 +54,30 @@ class Hybrid extends Component {
stroke="none"
/>
<circle
class="bluewhite"
class="bluewhite-one"
cx='150'
cy='50'
r='7'
fill={COLOURS.WHITE}
stroke="none"
/>
<circle
class="bluewhite-two"
cx='150'
cy='250'
r='10'
fill={COLOURS.BLUE}
stroke="none"
/>
<circle
class="bluewhite-two"
cx='150'
cy='250'
r='7'
fill={COLOURS.WHITE}
stroke="none"
/>
</g>
</svg>
);
@@ -75,7 +100,7 @@ class Hybrid extends Component {
}));
this.animations.push(anime({
targets: ['#hybrid circle.green'],
targets: ['#hybrid circle.green-one'],
cx: [50, 250, 50, 250],
delay: TIMES.TARGET_DELAY_MS,
duration: TIMES.TARGET_DURATION_MS,
@@ -84,7 +109,16 @@ class Hybrid extends Component {
}));
this.animations.push(anime({
targets: ['#hybrid circle.bluewhite'],
targets: ['#hybrid circle.green-two'],
cy: [250, 50, 250, 50],
delay: TIMES.TARGET_DELAY_MS,
duration: TIMES.TARGET_DURATION_MS,
easing: 'easeInOutSine',
loop: true,
}));
this.animations.push(anime({
targets: ['#hybrid circle.bluewhite-one'],
cy: [50, 250, 50, 250],
delay: TIMES.TARGET_DELAY_MS,
duration: TIMES.TARGET_DURATION_MS,
@@ -92,6 +126,16 @@ class Hybrid extends Component {
loop: true,
}));
this.animations.push(anime({
targets: ['#hybrid circle.bluewhite-two'],
cx: [250, 50, 250, 50],
delay: TIMES.TARGET_DELAY_MS,
duration: TIMES.TARGET_DURATION_MS,
easing: 'easeInOutSine',
loop: true,
}));
}
}