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

blue

Browse Source
This commit is contained in:
ntr
2019-07-30 01:08:44 +10:00
parent c94b6f134c
commit 8a24019ff6
9 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/anims/amplify.jsx
+1 -1
View File
@@ -52,7 +52,7 @@ class Amplify extends Component {
this.animations.push(anime({
targets: ['#amplify path'],
d: [{ value: altPath }],
stroke: ['#3498db', '#a52a2a'],
stroke: ['#3050f8', '#a52a2a'],
easing: 'easeInOutSine',
delay: TIMES.TARGET_DELAY_MS,
client/src/components/anims/chaos.jsx
+1 -1
View File
@@ -64,7 +64,7 @@ class Chaos extends Component {
componentDidMount() {
const projectiles = document.querySelectorAll('.skill-anim circle');
projectiles.forEach(proj => {
const colour = Math.random() >= 0.5 ? '#a52a2a' : '#3498db';
const colour = Math.random() >= 0.5 ? '#a52a2a' : '#3050f8';
anime.set(proj, {
stroke: colour,
});
client/src/components/anims/siphon.jsx
+4 -4
View File
@@ -32,7 +32,7 @@ class Siphon extends Component {
<filter id="blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" />
</filter>
<circle id="siphon" r="140" cx="150" cy="150" stroke="#3498db" stroke-width="2.5%" filter="url(#blur)"/>
<circle id="siphon" r="140" cx="150" cy="150" stroke="#3050f8" stroke-width="2.5%" filter="url(#blur)"/>
</svg>
);
}
@@ -40,7 +40,7 @@ class Siphon extends Component {
componentDidMount() {
anime.set('#siphon', {
r: '140',
stroke: '#3498db',
stroke: '#3050f8',
});
this.animations.push(anime({
@@ -56,8 +56,8 @@ class Siphon extends Component {
keyframes: [
{ r: '110', stroke: '#1FF01F' },
{ r: '80', stroke: '#1FF01F' },
{ r: '50', stroke: '#3498db' },
{ r: '20', stroke: '#3498db' },
{ r: '50', stroke: '#3050f8' },
{ r: '20', stroke: '#3050f8' },
],
delay: TIMES.TARGET_DELAY_MS,
duration,
client/src/components/anims/siphon.tick.jsx
+7 -7
View File
@@ -32,7 +32,7 @@ class SiphonTick extends Component {
super();
this.team = props.team;
this.animations = [];
this.colour = '#3498db';
this.colour = '#3050f8';
const points = new Array(15).fill(0);
this.charges = points.map(() => projectile(150, 150, 7, '#1FF01F'));
}
@@ -48,11 +48,11 @@ class SiphonTick extends Component {
<filter id="blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" />
</filter>
<circle id="siphon" r="20" cx="150" cy="150" stroke="#3498db" stroke-width="2.5%" filter="url(#blur)"/>
<circle id="siphon" r="20" cx="150" cy="150" stroke="#3050f8" stroke-width="2.5%" filter="url(#blur)"/>
<defs>
<radialGradient id="grad1" cx="50%" cy="0%" r="85%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#3498db;stop-opacity:0.4" />
<stop offset="0%" style="stop-color:#3050f8;stop-opacity:0.4" />
<stop offset="100%" style={'stop-color:#1FF01F;stop-opacity:1'} />
</radialGradient>
</defs>
@@ -85,15 +85,15 @@ class SiphonTick extends Component {
anime.set('#siphon', {
r: '80',
stroke: '#3498db',
stroke: '#3050f8',
});
anime({
targets: '#siphon',
keyframes: [
{ r: '50', stroke: '#3498db' },
{ r: '20', stroke: '#3498db' },
{ r: '0', stroke: '#3498db' },
{ r: '50', stroke: '#3050f8' },
{ r: '20', stroke: '#3050f8' },
{ r: '0', stroke: '#3050f8' },
],
duration: duration * 2 / 3,
easing: 'easeInCubic',