three-base 1.0.28 → 1.0.30

package/lib/ThreeBase.ts

@@ -7,7 +7,7 @@
 
 import elementResizeEvent from "element-resize-event";
 import { round } from "lodash";
-import { AxesHelper, EventDispatcher, GridHelper, LinearFilter, NoBlending, NormalBlending, Object3D, PerspectiveCamera, RGBAFormat, Scene, Texture, Vector2, Vector3, WebGLRenderer, WebGLRenderTarget } from "three";
+import { AxesHelper, EventDispatcher, GridHelper, LinearFilter, MOUSE, NoBlending, NormalBlending, Object3D, PerspectiveCamera, RGBAFormat, Scene, Texture, TOUCH, Vector2, Vector3, WebGLRenderer, WebGLRenderTarget } from "three";
 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
 import { generateUUID } from "three/src/math/MathUtils";
 import { clearShader, coptyShader, fullScreenMesh, gaussBlurShader, strokeShader } from "./shaders";
@@ -196,7 +196,6 @@ export default class ThreeBase extends EventDispatcher {
         this.controls.reset();
         this.controls.enableDamping = true;
 
-
         let currentPosition = this.camera.position.clone();
         let currentCenter = this.controls.target.clone();
 
@@ -252,6 +251,31 @@ export default class ThreeBase extends EventDispatcher {
         v3.z = 0;
     }
 
+    // 控制器类型
+    controlType: "OrbitControls" | "MapControls" = "OrbitControls";
+
+    // 记录一下空间平移方式
+    originScreenSpacePanning = false;
+    
+    //改变控制器的类型
+    setControlType(controlType: "OrbitControls" | "MapControls") {
+        
+        if (controlType === "OrbitControls") {
+            this.controls.screenSpacePanning = this.originScreenSpacePanning;
+            this.controls.mouseButtons = { LEFT: MOUSE.ROTATE, MIDDLE: MOUSE.DOLLY, RIGHT: MOUSE.PAN };
+            this.controls.touches = { ONE: TOUCH.ROTATE, TWO: TOUCH.DOLLY_PAN };
+        } else if (controlType === "MapControls") {
+            this.originScreenSpacePanning = this.controls.screenSpacePanning;
+            // pan orthogonal to world-space direction camera.up
+            this.controls.screenSpacePanning = false;
+            this.controls.mouseButtons.LEFT = MOUSE.PAN;
+            this.controls.mouseButtons.RIGHT = MOUSE.ROTATE;
+            this.controls.touches.ONE = TOUCH.PAN;
+            this.controls.touches.TWO = TOUCH.DOLLY_ROTATE;
+        }
+
+    }
+
     // 寻找最顶层的父元素
     _findRoot(dom: ParentNode): ParentNode | undefined {
         if (dom.parentNode) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "three-base",
-    "version": "1.0.28",
+    "version": "1.0.30",
     "description": "three 3d three-base",
     "keywords": [
         "three",