diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less index e5a8007b..e607f643 100644 --- a/client/assets/styles/game.less +++ b/client/assets/styles/game.less @@ -400,16 +400,22 @@ } .player { + width: calc(100% - 1em); bottom: 3em; height: calc(50% - 3em); } .opponent { + width: calc(100% - 1em); .game-construct { display: grid; grid-template-columns: 1fr; grid-template-rows: min-content 1fr; } } + + #targeting, .resolving-skill { + width: calc(100% - 1em); + } } } diff --git a/client/src/components/anims/chaos.jsx b/client/src/components/anims/chaos.jsx index 3b415520..8250af93 100644 --- a/client/src/components/anims/chaos.jsx +++ b/client/src/components/anims/chaos.jsx @@ -77,10 +77,10 @@ class Chaos extends Component { projectiles.forEach(proj => this.animations.push(anime({ targets: proj, - // cx: 150 + (Math.random() * 50 * (Math.random() < 0.5 ? -1 : 1)), - // cy: 200 + (Math.random() * 50 * (Math.random() < 0.5 ? -1 : 1)), - cx: 150, - cy: 200, + cx: 150 + (Math.random() * 50 * (Math.random() < 0.5 ? -1 : 1)), + cy: 200 + (Math.random() * 50 * (Math.random() < 0.5 ? -1 : 1)), + // cx: 150, + // cy: 200, // opacity: 0, delay: TIMES.TARGET_DELAY_MS, diff --git a/client/src/components/anims/siphon.tick.jsx b/client/src/components/anims/siphon.tick.jsx index c431d5ca..5d0faaf9 100644 --- a/client/src/components/anims/siphon.tick.jsx +++ b/client/src/components/anims/siphon.tick.jsx @@ -89,8 +89,8 @@ class SiphonTick extends Component { projectiles.forEach(proj => { anime({ targets: proj, - cx: 150 + (Math.random() * 50 * (Math.random() < 0.5 ? -1 : 1)), - cy: 150 + (Math.random() * 50 * (Math.random() < 0.5 ? -1 : 1)), + cx: 150 + (Math.random() * 300 * (Math.random() < 0.5 ? -1 : 1)), + cy: 150 + (Math.random() * 300 * (Math.random() < 0.5 ? -1 : 1)), delay: (Math.random() * duration * 1 / 2), duration, easing: 'easeInQuad',