From dacab8f4752c290f3de754c101110e029fd16583 Mon Sep 17 00:00:00 2001
From: tsengyushiang <tsengyushiang@gmail.com>
Date: Sat, 21 Sep 2024 04:54:06 +0000
Subject: [PATCH] fix: navMesh remove region around walls.

---
 src/three/Layout.ts | 24 ++++++++++--------------
 src/three/index.tsx |  2 +-
 2 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/three/Layout.ts b/src/three/Layout.ts
index c444961..6e478cd 100644
--- a/src/three/Layout.ts
+++ b/src/three/Layout.ts
@@ -4,8 +4,9 @@ import { threeToSoloNavMesh, NavMeshHelper } from "recast-navigation/three";
 
 type Vector3Pair = [number[], number[]];
 
+const PLANE_THICKNESS = 0.4;
+
 class Walls extends THREE.BufferGeometry {
-  private PLANE_THICKNESS: number = 0.5;
   private planeArray: Vector3Pair[] = [];
   private floorVertices: number[] = [];
 
@@ -30,11 +31,7 @@ class Walls extends THREE.BufferGeometry {
       ).length();
       const height = max[1] - min[1];
 
-      const boxGeometry = new THREE.BoxGeometry(
-        this.PLANE_THICKNESS,
-        height,
-        depth
-      );
+      const boxGeometry = new THREE.BoxGeometry(PLANE_THICKNESS, height, depth);
       boxGeometry.applyQuaternion(quaternion);
       boxGeometry.translate(
         (max[0] + min[0]) / 2,
@@ -63,13 +60,7 @@ class Walls extends THREE.BufferGeometry {
   }
 
   public setFloor(width: number, length: number) {
-    this.floorVertices = [
-      [1, 0, 1],
-      [-1, 0, 1],
-      [1, 0, -1],
-      [1, 0, -1],
-      [-1, 0, 1],
-      [-1, 0, -1],
+    const floor = [
       [1, 0, 1],
       [1, 0, -1],
       [-1, 0, 1],
@@ -77,6 +68,7 @@ class Walls extends THREE.BufferGeometry {
       [-1, 0, -1],
       [-1, 0, 1],
     ].flatMap(([x, y, z]) => [(x * width) / 2, y, (z * length) / 2]);
+    this.floorVertices = floor;
     this._updateGeometry();
   }
 
@@ -167,7 +159,11 @@ const Layout = () => {
 
     let navMeshHelper: NavMeshHelper;
     init().then(() => {
-      const { navMesh } = threeToSoloNavMesh([new THREE.Mesh(geometry)]);
+      const { navMesh } = threeToSoloNavMesh([new THREE.Mesh(geometry)], {
+        ch: 1e-2,
+        cs: PLANE_THICKNESS + 1e-2,
+        walkableHeight: 1,
+      });
       if (navMesh) {
         navMeshHelper = new NavMeshHelper({ navMesh });
         scene.add(navMeshHelper);
diff --git a/src/three/index.tsx b/src/three/index.tsx
index 5b5f680..d2a8034 100644
--- a/src/three/index.tsx
+++ b/src/three/index.tsx
@@ -32,7 +32,7 @@ const ThreeProvider: React.FC<{ children?: ReactNode }> = ({ children }) => {
     mountRef.current.appendChild(renderer.domElement);
 
     const controls = new OrbitControls(camera, renderer.domElement);
-    camera.position.set(0, 20, 100);
+    camera.position.set(0, 20, 20);
     controls.update();
 
     const light = new THREE.HemisphereLight(0xffffff, 0x0bbbbbb, 1);