jketreno/peddlers-of-ketran
1
0
Fork 0
Code Issues 42 Activity

About to scale

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-02-03 18:00:53 -08:00
parent b32340cb11
commit 6b6f1211f1
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/Board.css
View File

@ -1,9 +1,9 @@
.Board {
display: flex;
align-self: center;
align-self: stretch;
position: relative;
width: 518px;
height: 450px;
flex: 1;
align-items: stretch;
}
/* Offset 'BorderBox' such that 0,0 is the center

17
client/src/Board.js
View File

@ -1,10 +1,16 @@
import React, { useState, useEffect } from "react";
import React, { useState } from "react";
import "./Board.css";
const base = process.env.PUBLIC_URL;
const assetsPath = `${base}/assets`;
const scale = 1;
const Board = ({ game }) => {
const rows = [3, 4, 5, 4, 3];
const [signature, setSignature] = useState("");
const [pips, setPips] = useState(<></>);
const [borders, setBorders] = useState(<></>);
const [tiles, setTiles] = useState(<></>);
const [scale] = useState(1);
const
hexRatio = 1.1547,
@ -20,12 +26,6 @@ const
borderImageWidth = (2 + 2/3) * tileImageWidth, /* 2.667 * .Tile.width */
borderImageHeight = borderImageWidth * 0.29; /* 0.29 * .Border.height */
const Board = ({ game }) => {
const rows = [3, 4, 5, 4, 3];
const [signature, setSignature] = useState("");
const [pips, setPips] = useState(<></>);
const [borders, setBorders] = useState(<></>);
const [tiles, setTiles] = useState(<></>);
const generatePips = () => {
let row = 0, rowCount = 0;
@ -107,6 +107,7 @@ const Board = ({ game }) => {
return <div
key={`border-${order}`}
className="Border"
border={border}
style={{
width: `${borderImageWidth}px`,
height: `${borderImageHeight}px`,