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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/assets/styles/colours.less
View File

@ -1,6 +1,7 @@
@green: #1FF01F;
@red: #a52a2a;
@blue: #3498db;
@blue: #3050f8;
@blue: #3050f8;
@white: #f5f5f5; // whitesmoke
@purple: #9355b5; // 6lack - that far cover

6
client/assets/styles/game.css
View File

@ -252,16 +252,16 @@
}
.game-construct.blue-damage {
color: #3498db;
color: #3050f8;
opacity: 1;
}
.blue-damage button {
color: #3498db;
color: #3050f8;
}
.blue-damage text {
fill: #3498db;
fill: #3050f8;
}
.blue-damage .stats {

4
client/assets/styles/styles.less
View File

@ -266,8 +266,8 @@ button[disabled] {
}
.blue {
color: #3498db;
stroke: #3498db;
color: #3050f8;
stroke: #3050f8;
stroke-linecap: round;
}

2
client/src/components/anims/amplify.jsx
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,

2
client/src/components/anims/chaos.jsx
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,
});

8
client/src/components/anims/siphon.jsx
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,

14
client/src/components/anims/siphon.tick.jsx
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',

2
client/src/constants.jsx
View File

@ -16,7 +16,7 @@ module.exports = {
COLOURS: {
GREEN: '#1FF01F',
RED: '#a52a2a',
BLUE: '#3498db',
BLUE: '#3050f8',
WHITE: '#f5f5f5', // whitesmoke
PURPLE: '#9355b5', // 6lack - that far cover
},

2
client/src/utils.jsx
View File

@ -88,7 +88,7 @@ const STATS = {
const COLOURS = [
'#a52a2a',
'#1FF01F',
'#3498db',
'#3050f8',
];
const TARGET_COLOURS = {