three-base 1.0.27 → 1.0.29

package/lib/ThreeBase.ts

@@ -158,7 +158,7 @@ export default class ThreeBase extends EventDispatcher {
         // 非开发模式添加网格辅助线
         if (threeUtils.isDev) {
             const gridHelper = new GridHelper(1000, 100, 0x303030, 0x303030);
-            gridHelper.position.set(0, -0.01, 0);
+            gridHelper.position.set(0, -0.001, 0);
             this.scene.add(gridHelper);
             const axesHelper = new AxesHelper(10000);
             this.scene.add(axesHelper);
@@ -167,12 +167,18 @@ export default class ThreeBase extends EventDispatcher {
         // 资源加载进度有更新时, 需要渲染
         threeLoader.addEventListener("progress", () => {
             this.needRender = true;
-        })
+        });
 
     }
 
     // 重置控制器的位置
     resetLookAt({ position, center, }: { position?: Vector3, center?: Vector3, }) {
+
+        // 停止控制器的惯性
+        this.controls.enableDamping = false;
+        this.controls.update();
+        this.controls.enableDamping = true;
+
         position && this.controlsPosition.reset({ x: position.x, y: position.y, z: position.z });
         center && this.controlsCenter.reset({ x: center.x, y: center.y, z: center.z });
         this.needRender = true;
@@ -181,6 +187,11 @@ export default class ThreeBase extends EventDispatcher {
     // 设置控制器的位置 以动画的方式移动控制器
     async setLookAt({ position, center, duration = 1000 }: { position?: Vector3, center?: Vector3, duration?: number }) {
 
+        // 停止控制器的惯性
+        this.controls.enableDamping = false;
+        this.controls.update();
+        this.controls.enableDamping = true;
+
         let currentPosition = this.camera.position.clone();
         let currentCenter = this.controls.target.clone();
 
@@ -237,9 +248,9 @@ export default class ThreeBase extends EventDispatcher {
     }
 
     // 寻找最顶层的父元素
-    findRoot(dom: ParentNode): ParentNode | undefined {
+    _findRoot(dom: ParentNode): ParentNode | undefined {
         if (dom.parentNode) {
-            return this.findRoot(dom.parentNode);
+            return this._findRoot(dom.parentNode);
         } else {
             return dom;
         }
@@ -258,7 +269,7 @@ export default class ThreeBase extends EventDispatcher {
         this.controls.enabled = (this.controlsPosition.isDone() || this.controlsCenter.isDone());
 
         // canvas 没有在页面上面的话 就跳过渲染
-        if (this.findRoot(this.renderer.domElement) !== document) {
+        if (this._findRoot(this.renderer.domElement) !== document) {
             threeUtils.removeEventListener("requestAnimationFrame", this.renderBindThis);
             this.renderer.forceContextLoss();
             // 标记上下文被销毁了

package/package.json

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