From b6964ad1bf6d2fa0a9245adaf90c1f6c49215288 Mon Sep 17 00:00:00 2001
From: tobspr <tobias.springer1@googlemail.com>
Date: Wed, 17 Jun 2020 13:42:53 +0200
Subject: [PATCH] Improve direction lock

---
 src/js/game/hud/parts/building_placer.js | 8 ++++----
 src/js/game/themes/dark.json             | 1 +
 src/js/game/themes/light.json            | 1 +
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/js/game/hud/parts/building_placer.js b/src/js/game/hud/parts/building_placer.js
index d1c9e791..3a8ed0db 100644
--- a/src/js/game/hud/parts/building_placer.js
+++ b/src/js/game/hud/parts/building_placer.js
@@ -299,8 +299,8 @@ export class HUDBuildingPlacer extends HUDBuildingPlacerLogic {
         const mouseWorld = this.root.camera.screenToWorld(mousePosition);
         const mouseTile = mouseWorld.toTileSpace();
         parameters.context.fillStyle = THEME.map.directionLock;
-        parameters.context.strokeStyle = THEME.map.directionLock;
-        parameters.context.lineWidth = 3;
+        parameters.context.strokeStyle = THEME.map.directionLockTrack;
+        parameters.context.lineWidth = 10;
 
         parameters.context.beginCircle(mouseWorld.x, mouseWorld.y, 4);
         parameters.context.fill();
@@ -310,7 +310,7 @@ export class HUDBuildingPlacer extends HUDBuildingPlacerLogic {
             const endLine = mouseTile.toWorldSpaceCenterOfTile();
             const midLine = this.currentDirectionLockCorner.toWorldSpaceCenterOfTile();
 
-            parameters.context.beginCircle(startLine.x, startLine.y, 7);
+            parameters.context.beginCircle(startLine.x, startLine.y, 8);
             parameters.context.fill();
 
             parameters.context.beginPath();
@@ -319,7 +319,7 @@ export class HUDBuildingPlacer extends HUDBuildingPlacerLogic {
             parameters.context.lineTo(endLine.x, endLine.y);
             parameters.context.stroke();
 
-            parameters.context.beginCircle(endLine.x, endLine.y, 4);
+            parameters.context.beginCircle(endLine.x, endLine.y, 5);
             parameters.context.fill();
 
             // Draw arrows
diff --git a/src/js/game/themes/dark.json b/src/js/game/themes/dark.json
index 78e21c1a..ef707663 100644
--- a/src/js/game/themes/dark.json
+++ b/src/js/game/themes/dark.json
@@ -10,6 +10,7 @@
         "selectionBackground": "rgba(74, 163, 223, 0.2)",
 
         "directionLock": "rgb(74, 237, 134)",
+        "directionLockTrack": "rgba(74, 237, 134, 0.2)",
 
         "resources": {
             "shape": "#3d3f4a",
diff --git a/src/js/game/themes/light.json b/src/js/game/themes/light.json
index 1134ccb0..c5eead32 100644
--- a/src/js/game/themes/light.json
+++ b/src/js/game/themes/light.json
@@ -10,6 +10,7 @@
         "selectionBackground": "rgba(74, 163, 223, 0.2)",
 
         "directionLock": "rgb(74, 237, 134)",
+        "directionLockTrack": "rgba(74, 237, 134, 0.2)",
 
         "resources": {
             "shape": "#eaebec",