emacroh5lib 1.0.83 → 1.0.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "emacroh5lib",
-  "version": "1.0.83",
+  "version": "1.0.84",
   "description": "EMacro前端组件库",
   "main": "dist/emacroh5lib.min.js",
   "scripts": {

package/src/views/ModelViewer/index.vue

@@ -128,6 +128,10 @@
       showThumbnail: {
         type: Boolean,
         default: false,
+      },
+      background: {
+        type: Number,
+        default: 0xb9d3ff,
       }
     },
     computed: {
@@ -159,7 +163,7 @@
     mounted() {
 
       // this.show = true
-     
+
 
 
       // Message.success("按键提示 ");
@@ -363,8 +367,10 @@
 
       // 计算空间两点中点
       getCenterPosition(A, B) {
-        let pos = { x: (A.x + B.x) / 2, y: (A.y + B.y) / 2, z: (A.z + B.z) / 2 }
-        return pos
+        if (A.z == null || B.z == null) {
+          return { x: (A.x + B.x) / 2, y: (A.y + B.y) / 2 }
+        }
+        return { x: (A.x + B.x) / 2, y: (A.y + B.y) / 2, z: (A.z + B.z) / 2 }
       },
 
 
@@ -407,6 +413,12 @@
         this.loading = false
 
 
+        const keyEvent = new KeyboardEvent('keydown', {
+          bubbles: true, cancelable: true, keyCode: 90
+        });
+        document.dispatchEvent(keyEvent);
+
+
 
 
 
@@ -763,7 +775,7 @@
            */
           this.gl.renderer = new THREE.WebGLRenderer();
           this.gl.renderer.setSize(width, height); //设置渲染区域尺寸
-          this.gl.renderer.setClearColor(0xb9d3ff, 1); //设置背景颜色
+          this.gl.renderer.setClearColor(this.background, 1); //设置背景颜色
 
           this.gl.WebGLoutput.innerHTML = ""
           this.gl.renderer.domElement.style.width = "100%"
@@ -850,6 +862,20 @@
           })
 
 
+          document.addEventListener("keydown", event => {
+
+            if (event.key == '') {
+              const gl = this.gl
+              const zd = gl.camera.position.z !== 0 ? -gl.camera.position.z : -d
+              gl.camera.position.set(0, 0, zd);
+              gl.camera.lookAt(new THREE.Vector3(0, 0, 0));
+              gl.ambient.position.set(0, 0, zd);
+              gl.pointLight.position.set(0, 0, zd);
+              gl.axialDirection = zd > 0 ? 'z' : '-z';
+            }
+
+          })
+
 
           document.addEventListener("keyup", event => {
 

package/src/views/TestView/index.vue

@@ -27,7 +27,7 @@
     </Draw>
 
     <!-- <video-viewer :list="srcList" :show.sync="showVideoViewer" width="80%" height="80%" /> -->
-    <model-viewer :list="modelList" :show.sync="showModelViewer" width="80%" height="80%" />
+    <model-viewer :list="modelList" :show.sync="showModelViewer" width="80%" height="80%" :background="0xff0000" />
 
   </div>
 </template>