three-player-controller 0.1.9 → 0.2.1

package/dist/index.mjs

@@ -1,10 +1,11 @@
 // src/playerController.ts
 import * as THREE from "three";
-import { MeshBVH, MeshBVHHelper } from "three-mesh-bvh";
+import { acceleratedRaycast, MeshBVH, MeshBVHHelper } from "three-mesh-bvh";
 import { RoundedBoxGeometry } from "three/examples/jsm/geometries/RoundedBoxGeometry.js";
 import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader.js";
 import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
 import * as BufferGeometryUtils from "three/examples/jsm/utils/BufferGeometryUtils.js";
+THREE.Mesh.prototype.raycast = acceleratedRaycast;
 var controllerInstance = null;
 var clock = new THREE.Clock();
 var PlayerController = class {
@@ -68,8 +69,14 @@ var PlayerController = class {
     this.DIR_UP = new THREE.Vector3(0, 1, 0);
     this._personToCam = new THREE.Vector3();
     this._originTmp = new THREE.Vector3();
-    this._raycaster = new THREE.Raycaster(new THREE.Vector3(), new THREE.Vector3(0, -1, 0));
-    this._raycasterPersonToCam = new THREE.Raycaster(new THREE.Vector3(), new THREE.Vector3());
+    this._raycaster = new THREE.Raycaster(
+      new THREE.Vector3(),
+      new THREE.Vector3(0, -1, 0)
+    );
+    this._raycasterPersonToCam = new THREE.Raycaster(
+      new THREE.Vector3(),
+      new THREE.Vector3()
+    );
     // 键盘按下事件
     this._boundOnKeydown = async (e) => {
       if (e.ctrlKey && (e.code === "KeyW" || e.code === "KeyA" || e.code === "KeyS" || e.code === "KeyD")) {
@@ -111,12 +118,7 @@ var PlayerController = class {
           break;
         case "KeyF":
           this.isFlying = !this.isFlying;
-          this._maxCamDistance = this.isFlying ? this.orginMaxCamDistance * 2 : this.orginMaxCamDistance;
-          if (!this.isFlying && !this.playerIsOnGround) {
-            this.playPersonAnimationByName("jumping");
-          } else {
-            this.setAnimationByPressed();
-          }
+          this.setAnimationByPressed();
           break;
       }
     };
@@ -196,6 +198,8 @@ var PlayerController = class {
           this.playPersonAnimationByName("walking_backward");
           return;
         }
+      } else {
+        this.playPersonAnimationByName("jumping");
       }
     };
     // 鼠标移动事件
@@ -205,7 +209,11 @@ var PlayerController = class {
         const yaw = -e.movementX * 1e-4 * this.mouseSensity;
         const pitch = -e.movementY * 1e-4 * this.mouseSensity;
         this.player.rotateY(yaw);
-        this.camera.rotation.x = THREE.MathUtils.clamp(this.camera.rotation.x + pitch, -1.3, 1.4);
+        this.camera.rotation.x = THREE.MathUtils.clamp(
+          this.camera.rotation.x + pitch,
+          -1.3,
+          1.4
+        );
       } else {
         const sensitivity = 1e-4 * this.mouseSensity;
         const deltaX = -e.movementX * sensitivity;
@@ -221,12 +229,17 @@ var PlayerController = class {
         const newX = distance * Math.sin(phi) * Math.sin(theta);
         const newY = distance * Math.cos(phi);
         const newZ = distance * Math.sin(phi) * Math.cos(theta);
-        this.camera.position.set(target.x + newX, target.y + newY, target.z + newZ);
+        this.camera.position.set(
+          target.x + newX,
+          target.y + newY,
+          target.z + newZ
+        );
         this.camera.lookAt(target);
       }
     };
     this._mouseClick = (e) => {
-      if (document.pointerLockElement !== document.body) document.body.requestPointerLock();
+      if (document.pointerLockElement !== document.body)
+        document.body.requestPointerLock();
     };
     this._raycaster.firstHitOnly = true;
     this._raycasterPersonToCam.firstHitOnly = true;
@@ -235,6 +248,7 @@ var PlayerController = class {
   async init(opts, callback) {
     this.scene = opts.scene;
     this.camera = opts.camera;
+    this.camera.rotation.order = "YXZ";
     this.controls = opts.controls;
     this.playerModel = opts.playerModel;
     this.initPos = opts.initPos ? opts.initPos : new THREE.Vector3(0, 0, 0);
@@ -243,7 +257,8 @@ var PlayerController = class {
     this.visualizeDepth = 0 * s;
     this.gravity = opts.playerModel.gravity ? opts.playerModel.gravity * s : -2400 * s;
     this.jumpHeight = opts.playerModel.jumpHeight ? opts.playerModel.jumpHeight * s : 800 * s;
-    this.playerSpeed = opts.playerModel.speed ? opts.playerModel.speed * s : 400 * s;
+    this.originPlayerSpeed = opts.playerModel.speed ? opts.playerModel.speed * s : 400 * s;
+    this.playerSpeed = this.originPlayerSpeed;
     this._camCollisionLerp = 0.18;
     this._camEpsilon = 35 * s;
     this._minCamDistance = opts.minCamDistance ? opts.minCamDistance * s : 100 * s;
@@ -265,15 +280,25 @@ var PlayerController = class {
     this.isFirstPerson = !this.isFirstPerson;
     if (this.isFirstPerson) {
       this.player.attach(this.camera);
-      this.camera.position.set(0, 40 * this.playerModel.scale, 30 * this.playerModel.scale);
+      this.camera.position.set(
+        0,
+        40 * this.playerModel.scale,
+        30 * this.playerModel.scale
+      );
       this.camera.rotation.set(0, Math.PI, 0);
       document.body.requestPointerLock();
     } else {
       this.scene.attach(this.camera);
       const worldPos = this.player.position.clone();
-      const dir = new THREE.Vector3(0, 0, -1).applyQuaternion(this.player.quaternion);
+      const dir = new THREE.Vector3(0, 0, -1).applyQuaternion(
+        this.player.quaternion
+      );
       const angle = Math.atan2(dir.z, dir.x);
-      const offset = new THREE.Vector3(Math.cos(angle) * 400 * this.playerModel.scale, 200 * this.playerModel.scale, Math.sin(angle) * 400 * this.playerModel.scale);
+      const offset = new THREE.Vector3(
+        Math.cos(angle) * 400 * this.playerModel.scale,
+        200 * this.playerModel.scale,
+        Math.sin(angle) * 400 * this.playerModel.scale
+      );
       this.camera.position.copy(worldPos).add(offset);
       this.controls.target.copy(worldPos);
       document.body.requestPointerLock();
@@ -282,12 +307,22 @@ var PlayerController = class {
   // 摄像机/控制器设置
   setCameraPos() {
     if (this.isFirstPerson) {
-      this.camera.position.set(0, 40 * this.playerModel.scale, 30 * this.playerModel.scale);
+      this.camera.position.set(
+        0,
+        40 * this.playerModel.scale,
+        30 * this.playerModel.scale
+      );
     } else {
       const worldPos = this.player.position.clone();
-      const dir = new THREE.Vector3(0, 0, -1).applyQuaternion(this.player.quaternion);
+      const dir = new THREE.Vector3(0, 0, -1).applyQuaternion(
+        this.player.quaternion
+      );
       const angle = Math.atan2(dir.z, dir.x);
-      const offset = new THREE.Vector3(Math.cos(angle) * 400 * this.playerModel.scale, 200 * this.playerModel.scale, Math.sin(angle) * 400 * this.playerModel.scale);
+      const offset = new THREE.Vector3(
+        Math.cos(angle) * 400 * this.playerModel.scale,
+        200 * this.playerModel.scale,
+        Math.sin(angle) * 400 * this.playerModel.scale
+      );
       this.camera.position.copy(worldPos).add(offset);
     }
     this.camera.updateProjectionMatrix();
@@ -314,7 +349,9 @@ var PlayerController = class {
   // 初始化加载器
   async initLoader() {
     const dracoLoader = new DRACOLoader();
-    dracoLoader.setDecoderPath("https://unpkg.com/three@0.180.0/examples/jsm/libs/draco/gltf/");
+    dracoLoader.setDecoderPath(
+      "https://unpkg.com/three@0.180.0/examples/jsm/libs/draco/gltf/"
+    );
     dracoLoader.setDecoderConfig({ type: "js" });
     this.loader.setDRACOLoader(dracoLoader);
   }
@@ -330,7 +367,11 @@ var PlayerController = class {
       this.person.traverse((child) => {
         if (child.isMesh) {
           child.castShadow = true;
-          child.receiveShadow = true;
+          const mat = child.material;
+          if (!mat) return;
+          const mats = Array.isArray(mat) ? mat : [mat];
+          mats.forEach((m) => {
+          });
         }
       });
       this.player.add(this.person);
@@ -342,9 +383,18 @@ var PlayerController = class {
       const regs = [
         [this.playerModel.idleAnim, "idle"],
         [this.playerModel.walkAnim, "walking"],
-        [this.playerModel.leftWalkAnim || this.playerModel.walkAnim, "left_walking"],
-        [this.playerModel.rightWalkAnim || this.playerModel.walkAnim, "right_walking"],
-        [this.playerModel.backwardAnim || this.playerModel.walkAnim, "walking_backward"],
+        [
+          this.playerModel.leftWalkAnim || this.playerModel.walkAnim,
+          "left_walking"
+        ],
+        [
+          this.playerModel.rightWalkAnim || this.playerModel.walkAnim,
+          "right_walking"
+        ],
+        [
+          this.playerModel.backwardAnim || this.playerModel.walkAnim,
+          "walking_backward"
+        ],
         [this.playerModel.jumpAnim, "jumping"],
         [this.playerModel.runAnim, "running"],
         [this.playerModel.flyIdleAnim || this.playerModel.idleAnim, "flyidle"],
@@ -433,11 +483,17 @@ var PlayerController = class {
     material.depthWrite = false;
     const r = this.playerRadius * this.playerModel.scale;
     const h = this.playerHeight * this.playerModel.scale;
-    this.player = new THREE.Mesh(new RoundedBoxGeometry(r * 2, h, r * 2, 1, 75), material);
+    this.player = new THREE.Mesh(
+      new RoundedBoxGeometry(r * 2, h, r * 2, 1, 75),
+      material
+    );
     this.player.geometry.translate(0, -h * 0.25, 0);
     this.player.capsuleInfo = {
       radius: r,
-      segment: new THREE.Line3(new THREE.Vector3(), new THREE.Vector3(0, -h * 0.5, 0))
+      segment: new THREE.Line3(
+        new THREE.Vector3(),
+        new THREE.Vector3(0, -h * 0.5, 0)
+      )
     };
     this.player.name = "capsule";
     this.scene.add(this.player);
@@ -447,7 +503,9 @@ var PlayerController = class {
   getAngleWithYAxis(normal) {
     const yAxis = { x: 0, y: 1, z: 0 };
     const dotProduct = normal.x * yAxis.x + normal.y * yAxis.y + normal.z * yAxis.z;
-    const normalMagnitude = Math.sqrt(normal.x * normal.x + normal.y * normal.y + normal.z * normal.z);
+    const normalMagnitude = Math.sqrt(
+      normal.x * normal.x + normal.y * normal.y + normal.z * normal.z
+    );
     const yAxisMagnitude = 1;
     const cosTheta = dotProduct / (normalMagnitude * yAxisMagnitude);
     return Math.acos(cosTheta);
@@ -456,7 +514,8 @@ var PlayerController = class {
   async update(delta = clock.getDelta()) {
     if (!this.isupdate || !this.player || !this.collider) return;
     delta = Math.min(delta, 1 / 30);
-    if (!this.isFlying) this.player.position.addScaledVector(this.playerVelocity, delta);
+    if (!this.isFlying)
+      this.player.position.addScaledVector(this.playerVelocity, delta);
     this.updateMixers(delta);
     this.camera.getWorldDirection(this.camDir);
     let angle = Math.atan2(this.camDir.z, this.camDir.x) + Math.PI / 2;
@@ -477,16 +536,26 @@ var PlayerController = class {
       }
     }
     if (this.isFlying && this.fwdPressed) {
-      this.playerSpeed = this.shiftPressed ? 4e3 * this.playerModel.scale : 3e3 * this.playerModel.scale;
+      this.playerSpeed = this.shiftPressed ? this.originPlayerSpeed * 12 : this.originPlayerSpeed * 7;
     } else {
-      this.playerSpeed = this.shiftPressed ? 900 * this.playerModel.scale : 400 * this.playerModel.scale;
+      this.playerSpeed = this.shiftPressed ? this.originPlayerSpeed * 2 : this.originPlayerSpeed;
     }
     this.moveDir.normalize().applyAxisAngle(this.upVector, angle);
-    this.player.position.addScaledVector(this.moveDir, this.playerSpeed * delta);
+    this.player.position.addScaledVector(
+      this.moveDir,
+      this.playerSpeed * delta
+    );
     let playerDistanceFromGround = Infinity;
-    this._originTmp.set(this.player.position.x, this.player.position.y, this.player.position.z);
+    this._originTmp.set(
+      this.player.position.x,
+      this.player.position.y,
+      this.player.position.z
+    );
     this._raycaster.ray.origin.copy(this._originTmp);
-    const intersects = this._raycaster.intersectObject(this.collider, false);
+    const intersects = this._raycaster.intersectObject(
+      this.collider,
+      false
+    );
     if (intersects.length > 0) {
       playerDistanceFromGround = this.player.position.y - intersects[0].point.y;
       const normal = intersects[0].normal;
@@ -494,7 +563,6 @@ var PlayerController = class {
       const maxH = this.playerHeight * this.playerModel.scale * 0.9;
       const h = this.playerHeight * this.playerModel.scale * 0.75;
       const minH = this.playerHeight * this.playerModel.scale * 0.7;
-      console.log(angle2, playerDistanceFromGround, maxH, h, minH);
       if (this.isFlying) {
       } else {
         if (playerDistanceFromGround > maxH) {
@@ -515,7 +583,11 @@ var PlayerController = class {
           this.playerIsOnGround = true;
         } else if (playerDistanceFromGround < minH) {
           this.playerVelocity.set(0, 0, 0);
-          this.player.position.set(this.player.position.x, intersects[0].point.y + h, this.player.position.z);
+          this.player.position.set(
+            this.player.position.x,
+            intersects[0].point.y + h,
+            this.player.position.z
+          );
           this.playerIsOnGround = true;
         }
       }
@@ -538,7 +610,11 @@ var PlayerController = class {
       intersectsTriangle: (tri) => {
         const triPoint = this.tempVector;
         const capsulePoint = this.tempVector2;
-        const distance = tri.closestPointToSegment(this.tempSegment, triPoint, capsulePoint);
+        const distance = tri.closestPointToSegment(
+          this.tempSegment,
+          triPoint,
+          capsulePoint
+        );
         if (distance < capsuleInfo.radius) {
           const depth = capsuleInfo.radius - distance;
           const direction = capsulePoint.sub(triPoint).normalize();
@@ -548,7 +624,10 @@ var PlayerController = class {
       }
     });
     const newPosition = this.tempVector.copy(this.tempSegment.start).applyMatrix4(this.collider.matrixWorld);
-    const deltaVector = this.tempVector2.subVectors(newPosition, this.player.position);
+    const deltaVector = this.tempVector2.subVectors(
+      newPosition,
+      this.player.position
+    );
     const offset = Math.max(0, deltaVector.length() - 1e-5);
     deltaVector.normalize().multiplyScalar(offset);
     this.player.position.add(deltaVector);
@@ -589,15 +668,24 @@ var PlayerController = class {
       const desiredDist = this._personToCam.length();
       this._raycasterPersonToCam.set(origin, direction);
       this._raycasterPersonToCam.far = desiredDist;
-      const intersects2 = this._raycasterPersonToCam.intersectObject(this.collider, false);
+      const intersects2 = this._raycasterPersonToCam.intersectObject(
+        this.collider,
+        false
+      );
       if (intersects2.length > 0) {
         const hit = intersects2[0];
-        const safeDist = Math.max(hit.distance - this._camEpsilon, this._minCamDistance);
+        const safeDist = Math.max(
+          hit.distance - this._camEpsilon,
+          this._minCamDistance
+        );
         const targetCamPos = origin.clone().add(direction.clone().multiplyScalar(safeDist));
         this.camera.position.lerp(targetCamPos, this._camCollisionLerp);
       } else {
         this._raycasterPersonToCam.far = this._maxCamDistance;
-        const intersectsMaxDis = this._raycasterPersonToCam.intersectObject(this.collider, false);
+        const intersectsMaxDis = this._raycasterPersonToCam.intersectObject(
+          this.collider,
+          false
+        );
         let safeDist = this._maxCamDistance;
         if (intersectsMaxDis.length) {
           const hitMax = intersectsMaxDis[0];
@@ -608,15 +696,34 @@ var PlayerController = class {
       }
     }
     if (this.player.position.y < this.boundingBoxMinY - 1) {
-      this._originTmp.set(this.player.position.x, 1e4, this.player.position.z);
+      this._originTmp.set(
+        this.player.position.x,
+        1e4,
+        this.player.position.z
+      );
       this._raycaster.ray.origin.copy(this._originTmp);
-      const intersects2 = this._raycaster.intersectObject(this.collider, false);
+      const intersects2 = this._raycaster.intersectObject(
+        this.collider,
+        false
+      );
       if (intersects2.length > 0) {
         console.log("\u73A9\u5BB6\u4E3Abug\u610F\u5916\u6389\u843D");
-        this.reset(new THREE.Vector3(this.player.position.x, intersects2[0].point.y + 5, this.player.position.z));
+        this.reset(
+          new THREE.Vector3(
+            this.player.position.x,
+            intersects2[0].point.y + 5,
+            this.player.position.z
+          )
+        );
       } else {
         console.log("\u73A9\u5BB6\u6B63\u5E38\u6389\u843D");
-        this.reset(new THREE.Vector3(this.player.position.x, this.player.position.y + 15, this.player.position.z));
+        this.reset(
+          new THREE.Vector3(
+            this.player.position.x,
+            this.player.position.y + 15,
+            this.player.position.z
+          )
+        );
       }
     }
   }
@@ -720,7 +827,8 @@ var PlayerController = class {
             attrMap.set(name, { itemSize, arrayCtor: ctor, examples: 1 });
           } else {
             const m = attrMap.get(name);
-            if (m.itemSize !== itemSize || m.arrayCtor !== ctor) attrConflict.add(name);
+            if (m.itemSize !== itemSize || m.arrayCtor !== ctor)
+              attrConflict.add(name);
             else m.examples++;
           }
         }
@@ -741,7 +849,10 @@ var PlayerController = class {
             const meta = attrMap.get(name);
             const len = count * meta.itemSize;
             const array = new meta.arrayCtor(len);
-            g.setAttribute(name, new THREE.BufferAttribute(array, meta.itemSize));
+            g.setAttribute(
+              name,
+              new THREE.BufferAttribute(array, meta.itemSize)
+            );
           }
         }
       }
@@ -761,7 +872,9 @@ var PlayerController = class {
       console.error("\u5408\u5E76\u51E0\u4F55\u5931\u8D25");
       return;
     }
-    merged.boundsTree = new MeshBVH(merged);
+    merged.boundsTree = new MeshBVH(merged, {
+      maxDepth: 100
+    });
     this.collider = new THREE.Mesh(
       merged,
       new THREE.MeshBasicMaterial({