w-threejs-vue 1.0.0

package/src/js/addStl.mjs

@@ -0,0 +1,83 @@
+import get from 'lodash-es/get'
+import isNumber from 'lodash-es/isNumber'
+import isestr from 'wsemi/src/isestr.mjs'
+import oc from 'wsemi/src/color.mjs'
+import * as THREE from 'three'
+import { STLLoader } from 'three/addons/loaders/STLLoader.js'
+
+
+let addStl = async(ev, url, opt = {}) => {
+
+    //color
+    let color = get(opt, 'color', null)
+    if (!isestr(color)) {
+        color = '#fff'
+    }
+    color = oc.toRgbString(color)
+    // console.log('color', color)
+
+    //opacity
+    let opacity = get(opt, 'opacity', null)
+    if (!isNumber(opacity)) {
+        opacity = 1
+    }
+
+    //transparent
+    let transparent = opacity < 1
+
+    //loader
+    let loader = new STLLoader()
+    let geometry = await loader.loadAsync(url, (xhr) => {
+        let prog = (xhr.loaded / xhr.total) * 100
+        ev.emit('loading', {
+            url,
+            prog,
+        })
+    })
+    // console.log('geometry', geometry)
+
+    //material, MeshLambertMaterial, MeshPhysicalMaterial
+    let material = new THREE.MeshLambertMaterial({
+
+        // visible:false,
+
+        color: new THREE.Color(color),
+        // wireframe: true,
+
+        depthTest: true,
+        depthWrite: true,
+
+        transparent,
+        opacity,
+
+        side: THREE.DoubleSide,
+
+        // polygonOffset: true,
+        // polygonOffsetFactor: 1, // positive value pushes polygon further away
+        // polygonOffsetUnits: 1,
+
+        // //for MeshPhysicalMaterial
+        // clearcoat: 1.0,//物体表面清漆层或者说透明涂层的厚度
+        // clearcoatRoughness: 0.1,//透明涂层表面的粗糙度
+        // envMap: envTexture,
+        // metalness: 0.25,
+        // roughness: 0.1,
+        // transmission: 0.99,
+
+    })
+
+    //mesh
+    let mesh = new THREE.Mesh(geometry, material)
+    // console.log('mesh', mesh)
+
+    // // wireframe, 若要使用也需要座標平移
+    // var geo = new THREE.WireframeGeometry( geometry ); // or WireframeGeometry
+    // var mat = new THREE.LineBasicMaterial( { color: 0x000000 } );
+    // var wireframe = new THREE.LineSegments( geo, mat );
+    // mesh.add( wireframe )
+
+    return mesh
+}
+
+
+export default addStl

package/src/js/getCsrdFromMeshs.mjs

@@ -0,0 +1,85 @@
+import map from 'lodash-es/map'
+import min from 'lodash-es/min'
+import max from 'lodash-es/max'
+
+
+let getCsrdFromMesh = (mesh) => {
+    // console.log('mesh',mesh)
+    let geometry = mesh.geometry
+    // console.log('geometry',geometry)
+    let cs = geometry.boundingSphere.center
+    // console.log('cs',cloneDeep(cs))
+    let rd = geometry.boundingSphere.radius
+    // console.log('rd',rd)
+    return {
+        cs,
+        rd,
+    }
+}
+
+
+let BoxFromMesh = (mesh) => {
+    let r = getCsrdFromMesh(mesh)
+    let xmin = r.cs.x - r.rd
+    let xmax = r.cs.x + r.rd
+    let ymin = r.cs.y - r.rd
+    let ymax = r.cs.y + r.rd
+    let zmin = r.cs.z - r.rd
+    let zmax = r.cs.z + r.rd
+    return {
+        xmin,
+        xmax,
+        ymin,
+        ymax,
+        zmin,
+        zmax,
+    }
+}
+
+
+let getBoxFromMeshs = (meshs) => {
+    let bxs = map(meshs, (mesh, kmesh) => {
+        // console.log('kmesh', kmesh, mesh)
+        let bx = BoxFromMesh(mesh)
+        // console.log('bx',bx)
+        return bx
+    })
+    let xmin = min(map(bxs, 'xmin'))
+    let xmax = max(map(bxs, 'xmax'))
+    let ymin = min(map(bxs, 'ymin'))
+    let ymax = max(map(bxs, 'ymax'))
+    let zmin = min(map(bxs, 'zmin'))
+    let zmax = max(map(bxs, 'zmax'))
+    return {
+        xmin,
+        xmax,
+        ymin,
+        ymax,
+        zmin,
+        zmax,
+    }
+}
+
+
+let getCsrdFromMeshs = (meshs) => {
+    let bx = getBoxFromMeshs(meshs)
+    // console.log('bx(all)',bx)
+    let xrng = bx.xmax - bx.xmin
+    let yrng = bx.ymax - bx.ymin
+    let zrng = bx.zmax - bx.zmin
+    let xc = (bx.xmax + bx.xmin) / 2
+    let yc = (bx.ymax + bx.ymin) / 2
+    let zc = (bx.zmax + bx.zmin) / 2
+    let rd = max([xrng, yrng, zrng])
+    return {
+        cs: {
+            x: xc,
+            y: yc,
+            z: zc,
+        },
+        rd,
+    }
+}
+
+
+export default getCsrdFromMeshs