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

wip

Browse Source
This commit is contained in:
ntr 2019-05-28 17:46:35 +10:00
parent a2b1e2d3ff
commit e55705a841
6 changed files with 36 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/assets/styles/styles.css
View File

@ -475,7 +475,7 @@ figure.gray {
stroke-color: #333; stroke-color: #333;
} }
.stat-icon { .stats svg, .specs svg {
height: 2em; height: 2em;
stroke-width: 5px; stroke-width: 5px;
fill: none; fill: none;

18
client/src/components/instance.constructs.jsx
View File

@ -3,7 +3,7 @@ const preact = require('preact');
const range = require('lodash/range'); const range = require('lodash/range');
const shapes = require('./shapes'); const shapes = require('./shapes');
const { STATS, instanceConstruct } = require('../utils'); const { STATS, instanceConstruct, convertColourCode } = require('../utils');
const actions = require('../actions'); const actions = require('../actions');
const addState = connect( const addState = connect(
@ -176,7 +176,7 @@ function Construct(props) {
onClick={specClick} onClick={specClick}
onDblClick={specDblClick} onDblClick={specDblClick}
onMouseOver={e => hoverInfo(e, s)} > onMouseOver={e => hoverInfo(e, s)} >
{shapes[specInfo.values.shape.toLowerCase()](`stat-icon ${specInfo.values.colour}`)} {shapes[specInfo.values.shape.toLowerCase()](convertColourCode(specInfo.values.colour))}
<figcaption>{s}</figcaption> <figcaption>{s}</figcaption>
</figure> </figure>
); );
@ -191,20 +191,6 @@ function Construct(props) {
const activeId = activeConstruct ? activeConstruct.id : false; const activeId = activeConstruct ? activeConstruct.id : false;
const constructClass = activeId === construct.id ? 'instance-construct-active' : 'instance-construct'; const constructClass = activeId === construct.id ? 'instance-construct-active' : 'instance-construct';
// const cTotal = construct.colours.red + construct.colours.blue + construct.colours.green;
// const colours = mapValues(construct.colours, c => {
// if (cTotal === 0) return 245;
// return Math.floor(c / cTotal * 255);
// });
// const alpha = cTotal === 0 ? 1 : 0.75;
// const thickness = total => {
// if (total < 3) return 1;
// if (total < 6) return 2;
// if (total < 9) return 3;
// return 4;
// };
// const border = { border: `${thickness(cTotal)}px solid rgba(${colours.red}, ${colours.green}, ${colours.blue}, ${alpha})` };
return ( return (
<div key={construct.id} className={constructClass} onClick={onClick} > <div key={construct.id} className={constructClass} onClick={onClick} >
{instanceConstruct(construct.name, construct.id)} {instanceConstruct(construct.name, construct.id)}

27
client/src/components/svgs/square.jsx
View File

@ -1,14 +1,27 @@
const preact = require('preact'); const preact = require('preact');
module.exports = function triangle(classes) { module.exports = function square(colours) {
return ( return (
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
viewBox="0 0 199.33 199.99" style="enable-background:new 0 0 199.33 199.99;" className={classes} > viewBox="0 0 199.33 199.99" style="enable-background:new 0 0 199.33 199.99;" >
<rect x="1.47" y="1.47" class="st0" width="196.39" height="197.05"/> <clipPath id="firstColour">
<rect x="21.63" y="22.22" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 199.6583 0.3317)" class="st0" width="156.07" height="155.55"/> <rect x="0" y="0" width="100" height="200" />
<rect x="42.12" y="42.64" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 199.6583 0.3317)" class="st0" width="115.09" height="114.71"/> </clipPath>
<rect x="62.61" y="63.06" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 199.6583 0.3317)" class="st0" width="74.11" height="73.86"/> <clipPath id="secondColour">
<rect x="83.1" y="83.48" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 199.6578 0.3322)" class="st0" width="33.13" height="33.02"/> <rect x="100" y="0" width="100" height="200" />
</clipPath>
<rect clip-path="url(#firstColour)" x="1.47" y="1.47" class={colours[0]} width="196.39" height="197.05"/>
<rect clip-path="url(#firstColour)" x="21.63" y="22.22" class={colours[0]} width="156.07" height="155.55"/>
<rect clip-path="url(#firstColour)" x="42.12" y="42.64" class={colours[0]} width="115.09" height="114.71"/>
<rect clip-path="url(#firstColour)" x="62.61" y="63.06" class={colours[0]} width="74.11" height="73.86"/>
<rect clip-path="url(#firstColour)" x="83.1" y="83.48" class={colours[0]} width="33.13" height="33.02"/>
<rect clip-path="url(#secondColour)" x="1.47" y="1.47" class={colours[1]} width="196.39" height="197.05"/>
<rect clip-path="url(#secondColour)" x="21.63" y="22.22" class={colours[1]} width="156.07" height="155.55"/>
<rect clip-path="url(#secondColour)" x="42.12" y="42.64" class={colours[1]} width="115.09" height="114.71"/>
<rect clip-path="url(#secondColour)" x="62.61" y="63.06" class={colours[1]} width="74.11" height="73.86"/>
<rect clip-path="url(#secondColour)" x="83.1" y="83.48" class={colours[1]} width="33.13" height="33.02"/>
</svg> </svg>
); );
} }

13
client/src/utils.jsx
View File

@ -454,6 +454,18 @@ function convertItem(v) {
// return; // return;
} }
function convertColourCode(cc) {
if (cc === 'RR') return ['red', 'red'];
if (cc === 'GG') return ['green', 'green'];
if (cc === 'BB') return ['blue', 'blue'];
if (cc === 'RG') return ['red', 'green'];
if (cc === 'RB') return ['red', 'blue'];
if (cc === 'GB') return ['green', 'blue'];
if (cc === 'W') return ['white', 'white'];
return ['gray', 'gray'];
}
module.exports = { module.exports = {
animateConstruct, animateConstruct,
stringSort, stringSort,
@ -468,6 +480,7 @@ module.exports = {
getCombatSequence, getCombatSequence,
getCombatText, getCombatText,
resoConstructHealth, resoConstructHealth,
convertColourCode,
NULL_UUID, NULL_UUID,
STATS, STATS,
COLOUR_ICONS, COLOUR_ICONS,

24
server/src/item.rs
View File

@ -1066,30 +1066,6 @@ pub fn get_combos() -> Vec<Combo> {
return combinations; return combinations;
} }
#[derive(Debug,Clone,Copy,Serialize,Deserialize)]
pub enum Shape {
Circle,
Diamond,
Hexagon,
Pentagon,
Square,
Squircle,
Triangle,
Saw,
VboxColour,
}
#[derive(Debug,Clone,Copy,Serialize,Deserialize)]
pub enum ItemColour {
W,
RR,
GG,
BB,
RG,
RB,
GB,
}
#[derive(Debug,Clone,Serialize,Deserialize)] #[derive(Debug,Clone,Serialize,Deserialize)]
pub struct ItemInfo { pub struct ItemInfo {
pub item: Item, pub item: Item,

47
server/src/spec.rs
View File

@ -1,8 +1,6 @@
use construct::{Stat, Colours}; use construct::{Stat, Colours};
use item::{Shape, ItemColour};
use util::{IntPct}; use util::{IntPct};
#[derive(Debug,Clone,Serialize,Deserialize)] #[derive(Debug,Clone,Serialize,Deserialize)]
pub struct SpecBonus { pub struct SpecBonus {
pub req: Colours, pub req: Colours,
@ -22,11 +20,8 @@ impl SpecBonus {
pub struct SpecValues { pub struct SpecValues {
pub base: u64, pub base: u64,
pub bonuses: Vec<SpecBonus>, pub bonuses: Vec<SpecBonus>,
pub shape: Shape,
pub colour: ItemColour,
} }
#[derive(Debug,Copy,Clone,Serialize,Deserialize,PartialEq,PartialOrd,Ord,Eq)] #[derive(Debug,Copy,Clone,Serialize,Deserialize,PartialEq,PartialOrd,Ord,Eq)]
pub enum Spec { pub enum Spec {
Speed, Speed,
@ -87,16 +82,12 @@ impl Spec {
pub fn values(&self) -> SpecValues { pub fn values(&self) -> SpecValues {
match *self { match *self {
Spec::Power => SpecValues { Spec::Power => SpecValues {
colour: ItemColour::W,
base: 5, base: 5,
shape: Shape::Circle,
bonuses: vec![] bonuses: vec![]
}, },
Spec::PowerRRI => SpecValues { Spec::PowerRRI => SpecValues {
colour: ItemColour::RR,
base: 10, base: 10,
shape: Shape::Circle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 5, green: 0, blue: 0 }, bonus: 10 }, SpecBonus { req: Colours { red: 5, green: 0, blue: 0 }, bonus: 10 },
SpecBonus { req: Colours { red: 10, green: 0, blue: 0 }, bonus: 20 }, SpecBonus { req: Colours { red: 10, green: 0, blue: 0 }, bonus: 20 },
@ -105,9 +96,7 @@ impl Spec {
}, },
Spec::PowerGGI => SpecValues { Spec::PowerGGI => SpecValues {
colour: ItemColour::GG,
base: 10, base: 10,
shape: Shape::Circle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 0, green: 5, blue: 0 }, bonus: 10 }, SpecBonus { req: Colours { red: 0, green: 5, blue: 0 }, bonus: 10 },
SpecBonus { req: Colours { red: 0, green: 10, blue: 0 }, bonus: 20 }, SpecBonus { req: Colours { red: 0, green: 10, blue: 0 }, bonus: 20 },
@ -116,9 +105,7 @@ impl Spec {
}, },
Spec::PowerBBI => SpecValues { Spec::PowerBBI => SpecValues {
colour: ItemColour::BB,
base: 10, base: 10,
shape: Shape::Circle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 0, green: 0, blue: 5 }, bonus: 10 }, SpecBonus { req: Colours { red: 0, green: 0, blue: 5 }, bonus: 10 },
SpecBonus { req: Colours { red: 0, green: 0, blue: 10 }, bonus: 20 }, SpecBonus { req: Colours { red: 0, green: 0, blue: 10 }, bonus: 20 },
@ -127,9 +114,7 @@ impl Spec {
}, },
Spec::PowerRGI => SpecValues { Spec::PowerRGI => SpecValues {
colour: ItemColour::RG,
base: 5, base: 5,
shape: Shape::Circle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 2, green: 2, blue: 0 }, bonus: 10 }, SpecBonus { req: Colours { red: 2, green: 2, blue: 0 }, bonus: 10 },
SpecBonus { req: Colours { red: 5, green: 5, blue: 0 }, bonus: 15 }, SpecBonus { req: Colours { red: 5, green: 5, blue: 0 }, bonus: 15 },
@ -138,9 +123,7 @@ impl Spec {
}, },
Spec::PowerGBI => SpecValues { Spec::PowerGBI => SpecValues {
colour: ItemColour::GB,
base: 5, base: 5,
shape: Shape::Circle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 0, green: 2, blue: 2 }, bonus: 10 }, SpecBonus { req: Colours { red: 0, green: 2, blue: 2 }, bonus: 10 },
SpecBonus { req: Colours { red: 0, green: 5, blue: 5 }, bonus: 15 }, SpecBonus { req: Colours { red: 0, green: 5, blue: 5 }, bonus: 15 },
@ -149,9 +132,7 @@ impl Spec {
}, },
Spec::PowerRBI => SpecValues { Spec::PowerRBI => SpecValues {
colour: ItemColour::RB,
base: 5, base: 5,
shape: Shape::Circle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 2, green: 0, blue: 2 }, bonus: 10 }, SpecBonus { req: Colours { red: 2, green: 0, blue: 2 }, bonus: 10 },
SpecBonus { req: Colours { red: 5, green: 0, blue: 5 }, bonus: 15 }, SpecBonus { req: Colours { red: 5, green: 0, blue: 5 }, bonus: 15 },
@ -160,16 +141,12 @@ impl Spec {
}, },
Spec::Speed => SpecValues { Spec::Speed => SpecValues {
colour: ItemColour::W,
base: 5, base: 5,
shape: Shape::Triangle,
bonuses: vec![] bonuses: vec![]
}, },
Spec::SpeedRRI => SpecValues { Spec::SpeedRRI => SpecValues {
colour: ItemColour::RR,
base: 10, base: 10,
shape: Shape::Triangle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 5, green: 0, blue: 0 }, bonus: 10 }, SpecBonus { req: Colours { red: 5, green: 0, blue: 0 }, bonus: 10 },
SpecBonus { req: Colours { red: 10, green: 0, blue: 0 }, bonus: 20 }, SpecBonus { req: Colours { red: 10, green: 0, blue: 0 }, bonus: 20 },
@ -178,9 +155,7 @@ impl Spec {
}, },
Spec::SpeedGGI => SpecValues { Spec::SpeedGGI => SpecValues {
colour: ItemColour::GG,
base: 10, base: 10,
shape: Shape::Triangle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 0, green: 5, blue: 0 }, bonus: 10 }, SpecBonus { req: Colours { red: 0, green: 5, blue: 0 }, bonus: 10 },
SpecBonus { req: Colours { red: 0, green: 10, blue: 0 }, bonus: 20 }, SpecBonus { req: Colours { red: 0, green: 10, blue: 0 }, bonus: 20 },
@ -189,9 +164,7 @@ impl Spec {
}, },
Spec::SpeedBBI => SpecValues { Spec::SpeedBBI => SpecValues {
colour: ItemColour::BB,
base: 10, base: 10,
shape: Shape::Triangle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 0, green: 0, blue: 5 }, bonus: 10 }, SpecBonus { req: Colours { red: 0, green: 0, blue: 5 }, bonus: 10 },
SpecBonus { req: Colours { red: 0, green: 0, blue: 10 }, bonus: 20 }, SpecBonus { req: Colours { red: 0, green: 0, blue: 10 }, bonus: 20 },
@ -200,9 +173,7 @@ impl Spec {
}, },
Spec::SpeedRGI => SpecValues { Spec::SpeedRGI => SpecValues {
colour: ItemColour::RG,
base: 5, base: 5,
shape: Shape::Triangle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 2, green: 2, blue: 0 }, bonus: 10 }, SpecBonus { req: Colours { red: 2, green: 2, blue: 0 }, bonus: 10 },
SpecBonus { req: Colours { red: 5, green: 5, blue: 0 }, bonus: 15 }, SpecBonus { req: Colours { red: 5, green: 5, blue: 0 }, bonus: 15 },
@ -211,9 +182,7 @@ impl Spec {
}, },
Spec::SpeedGBI => SpecValues { Spec::SpeedGBI => SpecValues {
colour: ItemColour::GB,
base: 5, base: 5,
shape: Shape::Triangle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 0, green: 2, blue: 2 }, bonus: 10 }, SpecBonus { req: Colours { red: 0, green: 2, blue: 2 }, bonus: 10 },
SpecBonus { req: Colours { red: 0, green: 5, blue: 5 }, bonus: 15 }, SpecBonus { req: Colours { red: 0, green: 5, blue: 5 }, bonus: 15 },
@ -222,9 +191,7 @@ impl Spec {
}, },
Spec::SpeedRBI => SpecValues { Spec::SpeedRBI => SpecValues {
colour: ItemColour::RB,
base: 5, base: 5,
shape: Shape::Triangle,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 2, green: 0, blue: 2 }, bonus: 10 }, SpecBonus { req: Colours { red: 2, green: 0, blue: 2 }, bonus: 10 },
SpecBonus { req: Colours { red: 5, green: 0, blue: 5 }, bonus: 15 }, SpecBonus { req: Colours { red: 5, green: 0, blue: 5 }, bonus: 15 },
@ -233,15 +200,11 @@ impl Spec {
}, },
Spec::Life => SpecValues { Spec::Life => SpecValues {
colour: ItemColour::W,
base: 5, base: 5,
shape: Shape::Square,
bonuses: vec![]}, bonuses: vec![]},
Spec::LifeRRI => SpecValues { Spec::LifeRRI => SpecValues {
colour: ItemColour::RR,
base: 10, base: 10,
shape: Shape::Square,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 5, green: 0, blue: 0 }, bonus: 10 }, SpecBonus { req: Colours { red: 5, green: 0, blue: 0 }, bonus: 10 },
SpecBonus { req: Colours { red: 10, green: 0, blue: 0 }, bonus: 20 }, SpecBonus { req: Colours { red: 10, green: 0, blue: 0 }, bonus: 20 },
@ -250,9 +213,7 @@ impl Spec {
}, },
Spec::LifeGGI => SpecValues { Spec::LifeGGI => SpecValues {
colour: ItemColour::GG,
base: 10, base: 10,
shape: Shape::Square,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 0, green: 5, blue: 0 }, bonus: 10 }, SpecBonus { req: Colours { red: 0, green: 5, blue: 0 }, bonus: 10 },
SpecBonus { req: Colours { red: 0, green: 10, blue: 0 }, bonus: 20 }, SpecBonus { req: Colours { red: 0, green: 10, blue: 0 }, bonus: 20 },
@ -261,9 +222,7 @@ impl Spec {
}, },
Spec::LifeBBI => SpecValues { Spec::LifeBBI => SpecValues {
colour: ItemColour::BB,
base: 10, base: 10,
shape: Shape::Square,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 0, green: 0, blue: 5 }, bonus: 10 }, SpecBonus { req: Colours { red: 0, green: 0, blue: 5 }, bonus: 10 },
SpecBonus { req: Colours { red: 0, green: 0, blue: 10 }, bonus: 20 }, SpecBonus { req: Colours { red: 0, green: 0, blue: 10 }, bonus: 20 },
@ -272,9 +231,7 @@ impl Spec {
}, },
Spec::LifeRGI => SpecValues { Spec::LifeRGI => SpecValues {
colour: ItemColour::RG,
base: 5, base: 5,
shape: Shape::Square,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 2, green: 2, blue: 0 }, bonus: 10 }, SpecBonus { req: Colours { red: 2, green: 2, blue: 0 }, bonus: 10 },
SpecBonus { req: Colours { red: 5, green: 5, blue: 0 }, bonus: 15 }, SpecBonus { req: Colours { red: 5, green: 5, blue: 0 }, bonus: 15 },
@ -284,9 +241,7 @@ impl Spec {
Spec::LifeGBI => SpecValues { Spec::LifeGBI => SpecValues {
colour: ItemColour::GB,
base: 5, base: 5,
shape: Shape::Square,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 0, green: 2, blue: 2 }, bonus: 10 }, SpecBonus { req: Colours { red: 0, green: 2, blue: 2 }, bonus: 10 },
SpecBonus { req: Colours { red: 0, green: 5, blue: 5 }, bonus: 15 }, SpecBonus { req: Colours { red: 0, green: 5, blue: 5 }, bonus: 15 },
@ -295,9 +250,7 @@ impl Spec {
}, },
Spec::LifeRBI => SpecValues { Spec::LifeRBI => SpecValues {
colour: ItemColour::RB,
base: 5, base: 5,
shape: Shape::Square,
bonuses: vec![ bonuses: vec![
SpecBonus { req: Colours { red: 2, green: 0, blue: 2 }, bonus: 10 }, SpecBonus { req: Colours { red: 2, green: 0, blue: 2 }, bonus: 10 },
SpecBonus { req: Colours { red: 5, green: 0, blue: 5 }, bonus: 15 }, SpecBonus { req: Colours { red: 5, green: 0, blue: 5 }, bonus: 15 },