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; @green: #1FF01F;
@red: #a52a2a; @red: #a52a2a;
@blue: #3498db; @blue: #3050f8;
@blue: #3050f8;
@white: #f5f5f5; // whitesmoke @white: #f5f5f5; // whitesmoke
@purple: #9355b5; // 6lack - that far cover @purple: #9355b5; // 6lack - that far cover

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

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

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

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

2
client/src/components/anims/amplify.jsx
View File

@ -52,7 +52,7 @@ class Amplify extends Component {
this.animations.push(anime({ this.animations.push(anime({
targets: ['#amplify path'], targets: ['#amplify path'],
d: [{ value: altPath }], d: [{ value: altPath }],
stroke: ['#3498db', '#a52a2a'], stroke: ['#3050f8', '#a52a2a'],
easing: 'easeInOutSine', easing: 'easeInOutSine',
delay: TIMES.TARGET_DELAY_MS, delay: TIMES.TARGET_DELAY_MS,

2
client/src/components/anims/chaos.jsx
View File

@ -64,7 +64,7 @@ class Chaos extends Component {
componentDidMount() { componentDidMount() {
const projectiles = document.querySelectorAll('.skill-anim circle'); const projectiles = document.querySelectorAll('.skill-anim circle');
projectiles.forEach(proj => { projectiles.forEach(proj => {
const colour = Math.random() >= 0.5 ? '#a52a2a' : '#3498db'; const colour = Math.random() >= 0.5 ? '#a52a2a' : '#3050f8';
anime.set(proj, { anime.set(proj, {
stroke: colour, stroke: colour,
}); });

8
client/src/components/anims/siphon.jsx
View File

@ -32,7 +32,7 @@ class Siphon extends Component {
<filter id="blur"> <filter id="blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" /> <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
</filter> </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> </svg>
); );
} }
@ -40,7 +40,7 @@ class Siphon extends Component {
componentDidMount() { componentDidMount() {
anime.set('#siphon', { anime.set('#siphon', {
r: '140', r: '140',
stroke: '#3498db', stroke: '#3050f8',
}); });
this.animations.push(anime({ this.animations.push(anime({
@ -56,8 +56,8 @@ class Siphon extends Component {
keyframes: [ keyframes: [
{ r: '110', stroke: '#1FF01F' }, { r: '110', stroke: '#1FF01F' },
{ r: '80', stroke: '#1FF01F' }, { r: '80', stroke: '#1FF01F' },
{ r: '50', stroke: '#3498db' }, { r: '50', stroke: '#3050f8' },
{ r: '20', stroke: '#3498db' }, { r: '20', stroke: '#3050f8' },
], ],
delay: TIMES.TARGET_DELAY_MS, delay: TIMES.TARGET_DELAY_MS,
duration, duration,

14
client/src/components/anims/siphon.tick.jsx
View File

@ -32,7 +32,7 @@ class SiphonTick extends Component {
super(); super();
this.team = props.team; this.team = props.team;
this.animations = []; this.animations = [];
this.colour = '#3498db'; this.colour = '#3050f8';
const points = new Array(15).fill(0); const points = new Array(15).fill(0);
this.charges = points.map(() => projectile(150, 150, 7, '#1FF01F')); this.charges = points.map(() => projectile(150, 150, 7, '#1FF01F'));
} }
@ -48,11 +48,11 @@ class SiphonTick extends Component {
<filter id="blur"> <filter id="blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" /> <feGaussianBlur in="SourceGraphic" stdDeviation="2" />
</filter> </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> <defs>
<radialGradient id="grad1" cx="50%" cy="0%" r="85%" fx="50%" fy="50%"> <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'} /> <stop offset="100%" style={'stop-color:#1FF01F;stop-opacity:1'} />
</radialGradient> </radialGradient>
</defs> </defs>
@ -85,15 +85,15 @@ class SiphonTick extends Component {
anime.set('#siphon', { anime.set('#siphon', {
r: '80', r: '80',
stroke: '#3498db', stroke: '#3050f8',
}); });
anime({ anime({
targets: '#siphon', targets: '#siphon',
keyframes: [ keyframes: [
{ r: '50', stroke: '#3498db' }, { r: '50', stroke: '#3050f8' },
{ r: '20', stroke: '#3498db' }, { r: '20', stroke: '#3050f8' },
{ r: '0', stroke: '#3498db' }, { r: '0', stroke: '#3050f8' },
], ],
duration: duration * 2 / 3, duration: duration * 2 / 3,
easing: 'easeInCubic', easing: 'easeInCubic',

2
client/src/constants.jsx
View File

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

2
client/src/utils.jsx
View File

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