From d225843e35e20dcb33e30481e4303f6a732d7624 Mon Sep 17 00:00:00 2001 From: ntr Date: Fri, 14 Dec 2018 12:52:39 +1100 Subject: [PATCH] static size ;( --- client/src/scenes/constants.js | 21 +++++++++++---------- client/src/scenes/cryps.js | 4 ++-- 2 files changed, 13 insertions(+), 12 deletions(-) diff --git a/client/src/scenes/constants.js b/client/src/scenes/constants.js index aabd6c39..784f686d 100644 --- a/client/src/scenes/constants.js +++ b/client/src/scenes/constants.js @@ -1,27 +1,27 @@ // POSITIONING FNS // floors prevent subpixel rendering which looks trash -const menuWidth = () => window.innerWidth; -const menuHeight = () => Math.floor(window.innerHeight * 0.05); +const menuWidth = () => 1600; +const menuHeight = () => 25; -const combatWidth = () => window.innerWidth; -const combatHeight = () => window.innerHeight - menuHeight(); +const combatWidth = () => 1600; +const combatHeight = () => 1000 - menuHeight(); const combatY = () => menuHeight(); const combatX = () => 0; -const crypListWidth = () => Math.floor(window.innerWidth * 0.2); -const crypListHeight = () => window.innerHeight - menuHeight(); +const crypListWidth = () => Math.floor(1600 * 0.2); +const crypListHeight = () => 1000 - menuHeight(); const cryplistRowHeight = cryps => crypListHeight() / cryps.length; const crypListY = () => menuHeight(); const crypListX = () => 0; -const gameListWidth = () => Math.floor(window.innerWidth * 0.2); -const gameListHeight = () => Math.floor(window.innerHeight / 10); +const gameListWidth = () => Math.floor(1600 * 0.2); +const gameListHeight = () => Math.floor(1000 / 10); const gameListX = () => crypListWidth(); const gameListY = i => menuHeight() + (gameListHeight() * i); const gameListRowY = i => menuHeight() + (gameListHeight() * (i + 2)); -const statsWidth = () => Math.floor(window.innerWidth - crypListWidth() - gameListWidth()); -const statsHeight = () => window.innerHeight - menuHeight(); +const statsWidth = () => Math.floor(1600 - crypListWidth() - gameListWidth()); +const statsHeight = () => 1000 - menuHeight(); const statsY = () => menuHeight(); const statsX = () => crypListWidth() + gameListWidth(); const statsKnownX = () => Math.floor(statsX() + statsWidth() / 4); @@ -33,6 +33,7 @@ const logHeight = () => combatHeight() * 0.3; const logY = () => menuHeight() + (combatHeight() * 0.7); const logX = () => combatWidth() * 0.6; + module.exports = { TEXT: { NORMAL: { fontFamily: 'monospace', fontSize: 16, color: '#ffffff' }, diff --git a/client/src/scenes/cryps.js b/client/src/scenes/cryps.js index 66a7b8d2..308ef332 100644 --- a/client/src/scenes/cryps.js +++ b/client/src/scenes/cryps.js @@ -9,8 +9,8 @@ function renderCryps() { backgroundColor: '#181818', resolution: window.devicePixelRatio, // antialias: true, - width: window.innerWidth, - height: window.innerHeight, + width: 1600, + height: 1000, physics: { default: 'arcade', arcade: {