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

straight arrows

Browse Source
This commit is contained in:
ntr 2019-06-07 12:56:21 +10:00
parent 95acf5e09a
commit d20c8114ef
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
WORKLOG.md
View File

@ -34,6 +34,7 @@
*CLIENT* *CLIENT*
arrows alignment
purge green disable purge green disable
rework scatter rework scatter
hatred maybe hatred maybe

22
client/src/components/targeting.arrows.jsx
View File

@ -37,18 +37,25 @@ class TargetSvg extends Component {
? playerTeam.constructs.findIndex(c => c.id === cast.target_construct_id) ? playerTeam.constructs.findIndex(c => c.id === cast.target_construct_id)
: otherTeam.constructs.findIndex(c => c.id === cast.target_construct_id); : otherTeam.constructs.findIndex(c => c.id === cast.target_construct_id);
const pathOffset = [
[0, -1, -2],
[1, 0, -1],
[2, 1, 0],
][source][target];
const sourceY = height; const sourceY = height;
const sourceX = (source * width / 3) + width / 6; const sourceX = (source * width / 3) + width / 6;
const targetX = (target * width / 3) + width / 6 + (defensive ? width / 32 : 0) + (source * width / 24) - (width / 24); const targetX = (target * width / 3) + width / 6
+ (pathOffset * width / 32);
const targetY = defensive ? height : 0; const targetY = defensive ? height : 0;
const curveEnd = height * 0.20; const bendStart = height * (0.7 - 0.1 * source);
const curveStart = height * 0.80; const bendEnd = height * 0.20;
if (defensive) { if (defensive) {
const path = ` const path = `
M${sourceX},${sourceY} M${sourceX},${sourceY}
L${sourceX},${height * 0.75} L${sourceX},${bendStart}
L${targetX},${height * 0.75} L${targetX},${bendStart}
L${targetX},${targetY} L${targetX},${targetY}
L${targetX - (width * 0.005)},${height * 0.875} L${targetX - (width * 0.005)},${height * 0.875}
M${targetX},${targetY} M${targetX},${targetY}
@ -60,9 +67,8 @@ class TargetSvg extends Component {
const path = ` const path = `
M${sourceX},${sourceY} M${sourceX},${sourceY}
L${sourceX},${curveStart} L${sourceX},${bendStart}
C${sourceX},${curveEnd} ${targetX},${curveStart} ${targetX},${curveEnd} L${targetX},${bendEnd}
L${targetX},${targetY} L${targetX},${targetY}
L${targetX - (width * 0.005)},${height * 0.125} L${targetX - (width * 0.005)},${height * 0.125}
M${targetX},${targetY} M${targetX},${targetY}