three-base 2.0.124 → 2.0.126

package/FPScontrol.d.ts

@@ -22,8 +22,11 @@ export default class FPScontrol extends EventDispatcher {
     addOctree(obj: Object3D): Octree;
     playerCollider: Capsule;
     clock: Clock;
+    prePlayerVelocity: Vector3;
     playerVelocity: Vector3;
+    jumping: boolean;
     playerDirection: Vector3;
+    prePlayerOnFloor: boolean;
     playerOnFloor: boolean;
     mouseTime: number;
     isMousedown: boolean;

package/FPScontrol.js

@@ -69,8 +69,12 @@ export default class FPScontrol extends EventDispatcher {
     playerCollider = new Capsule(new Vector3(0, 0.35, 0), new Vector3(0, 1, 0), 0.35);
     // 时钟对象
     clock = new Clock();
+    prePlayerVelocity = new Vector3();
     playerVelocity = new Vector3();
+    // 起跳中
+    jumping = false;
     playerDirection = new Vector3();
+    prePlayerOnFloor = false;
     playerOnFloor = false;
     mouseTime = 0;
     isMousedown = false;
@@ -139,7 +143,8 @@ export default class FPScontrol extends EventDispatcher {
             !this.keyStates["KeyS"] &&
             !this.keyStates["KeyA"] &&
             !this.keyStates["KeyD"]) {
-            if (!this.inertia) { // 关闭惯性时就大幅增加动能的衰减
+            if (!this.inertia) {
+                // 关闭惯性时就大幅增加动能的衰减
                 this.playerVelocity.x *= 0.85;
                 this.playerVelocity.z *= 0.85;
             }
@@ -147,6 +152,8 @@ export default class FPScontrol extends EventDispatcher {
         if (this.playerOnFloor) {
             if (this.keyStates["Space"]) {
                 this.playerVelocity.y = 15;
+                this.jumping = true;
+                this.dispatchEvent({ type: "jump_start" });
             }
         }
     };
@@ -174,8 +181,23 @@ export default class FPScontrol extends EventDispatcher {
             if (!this.playerOnFloor) {
                 this.playerVelocity.addScaledVector(result.normal, -result.normal.dot(this.playerVelocity));
             }
+            const { x: preX, y: preY, z: preZ } = this.prePlayerVelocity;
+            const { x, y, z } = this.playerVelocity;
+            if (Math.abs(preX + preZ) < 0.1 && Math.abs(x + z) > 0.1) {
+                this.dispatchEvent({ type: "move_start" });
+            }
+            else if (Math.abs(preX + preZ) > 0.1 && Math.abs(x + z) < 0.1) {
+                this.dispatchEvent({ type: "move_end" });
+            }
+            this.prePlayerVelocity.copy(this.playerVelocity);
             this.playerCollider.translate(result.normal.multiplyScalar(result.depth));
         }
+        if (this.jumping && !this.prePlayerOnFloor && this.playerOnFloor) {
+            // 分发落地事件
+            this.jumping = false;
+            this.dispatchEvent({ type: "jump_end" });
+        }
+        this.prePlayerOnFloor = this.playerOnFloor;
     }
     // 更新控制器的位置
     teleportPlayerIfOob = () => {

package/ThreeBase.d.ts

@@ -4,7 +4,7 @@ import ThreeMouse from "./ThreeMouse";
 import Transition from "./Transition";
 export default class ThreeBase extends EventDispatcher {
     constructor();
-    devicePixelRatio: number;
+    minDevicePixelRatio: number;
     baseDepthTexture: DepthTexture;
     baseRenderTarget: WebGLRenderTarget<Texture>;
     renderTarget: WebGLRenderTarget<Texture>;

package/ThreeBase.js

@@ -38,8 +38,8 @@ export default class ThreeBase extends EventDispatcher {
         });
         this.init();
     }
-    // 设置分辨率
-    devicePixelRatio = Math.max(window.devicePixelRatio, 2);
+    // 设置最小分辨率
+    minDevicePixelRatio = 1;
     // 基础深度纹理
     baseDepthTexture = (() => {
         const baseDepthTexture = new DepthTexture(4096, 4096);
@@ -101,8 +101,8 @@ export default class ThreeBase extends EventDispatcher {
             this.rendererLost = false;
         }, false);
         renderer.localClippingEnabled = true;
-        renderer.setPixelRatio(this.devicePixelRatio);
-        renderer.autoClear = false;
+        renderer.setPixelRatio(Math.max(window.devicePixelRatio, this.minDevicePixelRatio)),
+            renderer.autoClear = false;
         renderer.clear();
         renderer.outputColorSpace = SRGBColorSpace;
         // 缓解过暗或者过亮
@@ -194,14 +194,14 @@ export default class ThreeBase extends EventDispatcher {
         // this.orthographicCamera.bottom = -height / width;
         this.orthographicCamera.left = -width / height;
         this.orthographicCamera.right = width / height;
-        this.renderer.setPixelRatio(this.devicePixelRatio);
-        this.renderer.setSize(width, height);
+        this.renderer.setPixelRatio(Math.max(window.devicePixelRatio, this.minDevicePixelRatio)),
+            this.renderer.setSize(width, height);
         // 设置帧缓存区的尺寸
-        this.baseRenderTarget.setSize(width * this.devicePixelRatio, height * this.devicePixelRatio);
+        this.baseRenderTarget.setSize(width * Math.max(window.devicePixelRatio, this.minDevicePixelRatio), height * Math.max(window.devicePixelRatio, this.minDevicePixelRatio));
         // 设置深度纹理的尺寸
-        this.baseDepthTexture.image.width = width * this.devicePixelRatio;
-        this.baseDepthTexture.image.height = height * this.devicePixelRatio;
-        this.size.set(width, height);
+        this.baseDepthTexture.image.width = width * Math.max(window.devicePixelRatio, this.minDevicePixelRatio),
+            this.baseDepthTexture.image.height = height * Math.max(window.devicePixelRatio, this.minDevicePixelRatio),
+            this.size.set(width, height);
         setTimeout(() => {
             this.needRender = true;
         }, 100);
@@ -489,15 +489,15 @@ export default class ThreeBase extends EventDispatcher {
         this.renderer.render(this.scene, camera);
         // 后处理特效渲染(描边,发光,颜色覆盖,bloom,磨砂玻璃)
         this.scene.traverseVisible((obj) => {
-            stroke_pass(this.renderer, camera, obj, this.baseDepthTexture, this.devicePixelRatio);
-            glow_pass(this.renderer, camera, obj, this.baseDepthTexture, this.devicePixelRatio);
-            bloom_pass(this.renderer, camera, obj, this.baseRenderTarget, this.baseDepthTexture, this.devicePixelRatio);
+            stroke_pass(this.renderer, camera, obj, this.baseDepthTexture, Math.max(window.devicePixelRatio, this.minDevicePixelRatio));
+            glow_pass(this.renderer, camera, obj, this.baseDepthTexture, Math.max(window.devicePixelRatio, this.minDevicePixelRatio));
+            bloom_pass(this.renderer, camera, obj, this.baseRenderTarget, this.baseDepthTexture, Math.max(window.devicePixelRatio, this.minDevicePixelRatio));
         });
         this.renderer.setRenderTarget(null);
         this.renderer.clear();
         this.renderRendererTarget(this.baseRenderTarget);
         this.scene.traverseVisible((obj) => {
-            cover_pass(this.renderer, camera, obj, this.baseDepthTexture, this.devicePixelRatio);
+            cover_pass(this.renderer, camera, obj, this.baseDepthTexture, Math.max(window.devicePixelRatio, this.minDevicePixelRatio));
         });
         this.dispatchEvent({ type: "afterRender" });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-base",
-  "version": "2.0.124",
+  "version": "2.0.126",
   "description": "three 3d three-base",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"