add drag/move, quaternion rotation, lay flat, work mesh matrix debug

src/mesh/api.js

@@ -24,7 +24,7 @@ let selected = [];
 let selection = {
     // @returns {MeshObject[]}
     list() {
-        return selected.slice()
+        return selected.slice();
     },
 
     // @param group {MeshObject[]}
@@ -39,6 +39,11 @@ let selection = {
         this.update();
     },
 
+    toggle(object) {
+        selected.remove(object) || selected.addOnce(object);
+        this.update();
+    },
+
     // @param group {MeshObject}
     remove(object) {
         selected.remove(object);
@@ -172,6 +177,10 @@ let api = mesh.api = {
         remove: (model) => {
             model.group.remove(model);
         }
+    },
+
+    objects: () => {
+        return group.list().map(o => o.models).flat().map(o => o.object());
     }
 };
 

src/mesh/model.js

@@ -57,12 +57,12 @@ mesh.model = class MeshModel extends mesh.object {
             vertices: this.mesh.geometry.attributes.position.array,
             matrix: this.mesh.matrixWorld.elements
         }).then(data => {
-            console.log({data: data[0]});
-            // mesh.api.group.new([new mesh.model({
-            //     file: "synth",
-            //     mesh: data[0]
-            // })]);
-            this.load(data[0]);
+            if (data && data.length)
+            // for debugging matrix ops
+            return mesh.api.group.new([new mesh.model({
+                file: "synth",
+                mesh: data[0]
+            })]);
         });
     }
 
@@ -78,9 +78,24 @@ mesh.model = class MeshModel extends mesh.object {
         meh.receiveShadow = true;
         meh.castShadow = true;
         meh.renderOrder = 1;
+        // this ref allows clicks to be traced to models and groups
+        meh.model = this;
         return meh;
     }
 
+    reload(vertices, indices) {
+        let geo = this.mesh.geometry;
+        geo.setAttribute('position', new THREE.BufferAttribute(vertices, 3));
+        geo.setAttribute('normal', undefined);
+        if (indices) {
+            geo.setIndex(new THREE.BufferAttribute(indices, 1));
+            geo.attributes.index.needsUpdate = true;
+        }
+        geo.attributes.position.needsUpdate = true;
+        geo.computeFaceNormals();
+        geo.computeVertexNormals();
+    }
+
     get group() {
         return this._group;
     }

src/mesh/object.js

@@ -77,6 +77,10 @@ mesh.object = class MeshObject {
         if (z) this.object().rotateOnWorldAxis(new THREE.Vector3(0,0,1), z);
     }
 
+    qrotate(quaternion) {
+        this.object().setRotationFromQuaternion(quaternion);
+    }
+
     position() {
         let pos = this.object().position;
         if (arguments.length === 0) {

src/mesh/work.js

@@ -22,7 +22,7 @@ let space_rotation = new THREE.Matrix4().makeRotationX(Math.PI / 2);
 
 moto.worker.bind("model_sync", (data, send) => {
     let { vertices, matrix } = data;
-    console.log('model_sync', {vertices, matrix, send});
+    // return send.done(vertices);
     let geo = new THREE.BufferGeometry();
     geo.setAttribute('position', new THREE.BufferAttribute(vertices, 3));
     geo.setAttribute('normal', undefined);
@@ -30,6 +30,8 @@ moto.worker.bind("model_sync", (data, send) => {
     geo.computeVertexNormals();
     let m4 = space_rotation.clone().multiply( new THREE.Matrix4().fromArray(matrix) );
     geo.applyMatrix4(m4);
+    return send.done();
+    // for debugging matrix ops
     send.done(geo.attributes.position.array);
 });