ok

src/config/gameConfig.js

@@ -155,20 +155,27 @@ export function getWaveParams(n) {
   return { count, hp, speed, reward, spawnInterval };
 }
 
-// Path waypoints
+// Grid settings
+export const GROUND_SIZE = 60;
+export const GRID_CELL_SIZE = 2;
+
+// Path waypoints (edge-to-edge, axis-aligned for clean corners)
+// Starts at bottom edge (z = -GROUND_SIZE/2), ends at right edge (x = GROUND_SIZE/2)
 export const PATH_POINTS = [
-  new THREE.Vector3(-24, 0, -24),
+  // Start on bottom edge
+  new THREE.Vector3(-24, 0, -GROUND_SIZE / 2),
+  // Up to center-left
   new THREE.Vector3(-24, 0, 0),
+  // Across the middle
   new THREE.Vector3(0, 0, 0),
+  // Up to mid-upper lane
   new THREE.Vector3(0, 0, 16),
+  // Right towards exit lane
   new THREE.Vector3(20, 0, 16),
-  new THREE.Vector3(26, 0, 26),
+  // End on right edge
+  new THREE.Vector3(GROUND_SIZE / 2, 0, 16),
 ];
 
-// Grid settings
-export const GROUND_SIZE = 60;
-export const GRID_CELL_SIZE = 2;
-
 // Visual settings
 export const SCENE_BACKGROUND = 0x202432;
 

src/scene/PathBuilder.js

@@ -35,6 +35,27 @@ export class PathBuilder {
     for (let i = 0; i < this.pathPoints.length - 1; i++) {
       this.addSegment(this.pathPoints[i], this.pathPoints[i + 1]);
     }
+
+    // Add square fill tiles at right-angle corners for perfect joins
+    for (let i = 1; i < this.pathPoints.length - 1; i++) {
+      const prev = this.pathPoints[i - 1];
+      const cur = this.pathPoints[i];
+      const next = this.pathPoints[i + 1];
+
+      const v1 = new THREE.Vector3().subVectors(cur, prev);
+      const v2 = new THREE.Vector3().subVectors(next, cur);
+      // Consider only x/z for pathing (top-down)
+      v1.y = 0;
+      v2.y = 0;
+
+      // Normalize direction to axis-aligned unit vectors when possible
+      const isV1H = Math.abs(v1.x) > Math.abs(v1.z);
+      const isV2H = Math.abs(v2.x) > Math.abs(v2.z);
+      const isTurn = (isV1H && !isV2H) || (!isV1H && isV2H);
+      if (isTurn) {
+        this.addCornerTile(cur);
+      }
+    }
   }
 
   createPathLine() {
@@ -64,4 +85,15 @@ export class PathBuilder {
     this.scene.add(road);
     this.roadMeshes.push(road);
   }
+
+  addCornerTile(center) {
+    const size = ROAD_HALF_WIDTH * 2;
+    const geo = new THREE.BoxGeometry(size, 0.101, size);
+    const tile = new THREE.Mesh(geo, this.roadMat);
+    tile.castShadow = false;
+    tile.receiveShadow = true;
+    tile.position.set(center.x, 0.0505, center.z);
+    this.scene.add(tile);
+    this.roadMeshes.push(tile);
+  }
 }