diff --git a/public/background.png b/public/background.png new file mode 100644 index 0000000000000000000000000000000000000000..42db0bd82e854019822d6c69c45dffbb84d83823 --- /dev/null +++ b/public/background.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3f226ce187bd55029bdc4c69ae30c1fdeae4205fc84e8b76ac67db0ca5e4c3ee +size 2801 diff --git a/public/charles-text.png b/public/charles-text.png index 2fbe318a97367753865f95ec9105d9db44168a1f..1343eb9088a57b1c2b12d19cf9ea7b07c628b744 100644 --- a/public/charles-text.png +++ b/public/charles-text.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:005619c7fe65d2069ab2b3edfb0725f9c7c788f642f13399c1f1350ed43b62c5 -size 917 +oid sha256:9f6871a13813e8e59e0e5adfffa1d7aaae6a0f8595a4e5ed5f982002e3271dc9 +size 2026 diff --git a/public/charles.png b/public/charles.png index 1c4d32fd570f3a08cf7fac69e564beb743e9279a..d37b57acf3a15af91fa9c046d3236c3be71e65ae 100644 --- a/public/charles.png +++ b/public/charles.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:765e0a52b1d1fde1fe9e7b1e967b749f93adf72e5819d7b60ffdaf68c69aedf6 -size 1110 +oid sha256:16b8aa582585c6147ee062427ad907a43c8b7d6e7a85a3c642a2f3ca72383ed9 +size 3326 diff --git a/public/favicon.png b/public/favicon.png index b436f128962f77e4e68bbf9d80d25db4f94a759f..47214c62e310cf99ce4aa59991bbc6aec67cffbe 100644 --- a/public/favicon.png +++ b/public/favicon.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:366ba976d5979c4d54399c3dc2495c65a7a03afa68fe2848ff440c528523ccc7 -size 955 +oid sha256:314d8bcb3dee30eabcb6b1a8bb155344ec915caca070aa444a640841771ca528 +size 2953 diff --git a/public/is-text.png b/public/is-text.png index 3229500c92a839dbbe81f9288dafbc42b94a6e62..678fb069ae26c1fbddbc1f85318db1416c60669b 100644 --- a/public/is-text.png +++ b/public/is-text.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:59613d3d54161d14a241077e229c3072e0cc1fdbc5d34207082e74270a6acd00 -size 640 +oid sha256:ad1a166de8253c3b35ffc86f764cf282efd2172cb258bebcebc4cb436699f4f7 +size 442 diff --git a/public/push-text.png b/public/push-text.png index b436f128962f77e4e68bbf9d80d25db4f94a759f..0e8b4e6193c81b09daf740eda99062911ac06bd7 100644 --- a/public/push-text.png +++ b/public/push-text.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:366ba976d5979c4d54399c3dc2495c65a7a03afa68fe2848ff440c528523ccc7 -size 955 +oid sha256:767b09c191d519773f6206deeb618a182817c90f09f0391781cdcedbddb74367 +size 1177 diff --git a/public/stop-text.png b/public/stop-text.png index c00d1f58575eb24a891ab00b3737bcde42532832..a1d4d49f8cf710cf32988c30ad94aa5f36d45f3e 100644 --- a/public/stop-text.png +++ b/public/stop-text.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e0ce96244e628b6eec722eee3ee46370447a8279736be6e1ee4b60f5745bed47 -size 1084 +oid sha256:3cbde47589a03612867ff3d0a8bd44a92b53b5e91e3aa377c0a97bc70e46ef13 +size 1310 diff --git a/public/wall-text.png b/public/wall-text.png index d7b3c52bd295c184573fc0d72de332dc45595c68..4b8b782c49a80f1a7556c839d5b16969de8bf896 100644 --- a/public/wall-text.png +++ b/public/wall-text.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:2b0bcb344992105740bae641f816c9e740b0092733bd20628eae218f572a79d3 -size 823 +oid sha256:e136ee90765d859f24a55e279f5e1deca653631d4bb25c84dcc4d5574cca3a0d +size 1418 diff --git a/public/wall.png b/public/wall.png index a39f1044ee0d1c63aa53e532c543fc202c9689e8..7639821c6c4f8a51bc56b8402489a264cb1323dd 100644 --- a/public/wall.png +++ b/public/wall.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:69fb8cba0dc4a193be0b3301c47ef33b566c78d38211174b03a410a6f83cb3c9 -size 182 +oid sha256:edf8f8ee13625f4cc24d537e308a888ab323d271a90bec3bb634681405f97c60 +size 1458 diff --git a/public/you-text.png b/public/you-text.png index 46f341cf82b81677c73c5f35eba9ab7f9e4bb5b9..36feb44eb90c8ba30e90a83a9c3d48e652d8af39 100644 --- a/public/you-text.png +++ b/public/you-text.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:d1af3dda4b19d5b0ef1506377d681b3c19b685678ebd99a94d80790170f9be47 -size 787 +oid sha256:fa5aa1b53e223992c5ca5bf938c4cf3a6b51977f4693437a2be2ad3a3021f383 +size 949 diff --git a/src/App.js b/src/App.js index 60b5851482fecbba78f7d3c9fd22352cd012eb02..3094f0bef3e50826043822083745888a6c7dac4d 100644 --- a/src/App.js +++ b/src/App.js @@ -6,8 +6,8 @@ import testLevel from './data/testlevel1' class App extends Component<{}> { state = { - margin: 1, - scale: 1, + margin: 0, + scale: 1.5, showOptions: false, levelData: null } diff --git a/src/render/Level.js b/src/render/Level.js index 45673968e50da721bb35e6b34d5bbef8b40fd90e..f6bff2c13b14efe3da7884cb40e181ea2813068d 100644 --- a/src/render/Level.js +++ b/src/render/Level.js @@ -36,7 +36,7 @@ export default class Level extends React.Component<Props> { static defaultProps = { scale: 1, size: 32, - margin: 1, + margin: 0, active: false, } @@ -93,7 +93,7 @@ export default class Level extends React.Component<Props> { <div className="level-container"> {[...range(width)].map(x => [...range(height)].map(y => ( - <div className="level-tile" style={{ + <img src="/background.png" className="level-tile" style={{ left: (margin * x) + (x * 32 * scale), top: (margin * y) + (y * 32 * scale), width: size * scale,