@shopware-ag/dive 1.1.2 → 1.2.0

package/README.md

@@ -172,6 +172,7 @@ In the following you find a list of all available actions to perform on DIVEComm
 | [ZOOM_CAMERA](./src/com/actions/camera/zoomcamera.ts)                     | Zoom in or out
 | [GENERATE_MEDIA](./src/com/actions/media/generatemedia.ts)                | Generate a screenshot with the specified parameters
 | [MODEL_LOADED](./src/com/actions/object/model/modelloaded.ts)             | Is performed when a model file is completely loaded
+| [DROP_IT](./src/com/actions/object/model/dropit.ts)                       | Places the model onto the nextg underlying object's bounding box
 | [PLACE_ON_FLOOR](./src/com/actions/object/model/placeonfloor.ts)          | Set a model onto to the floor
 | [ADD_OBJECT](./src/com/actions/object/addobject.ts)                       | Add an object to the scene
 | [UPDATE_OBJECT](./src/com/actions/object/updateobject.ts)                 | Update an existing object

package/build/dive.cjs

@@ -296,6 +296,10 @@ var _DIVECommunication = class _DIVECommunication {
         returnValue = this.setBackground(payload);
         break;
       }
+      case "DROP_IT": {
+        returnValue = this.dropIt(payload);
+        break;
+      }
       case "PLACE_ON_FLOOR": {
         returnValue = this.placeOnFloor(payload);
         break;
@@ -429,6 +433,13 @@ var _DIVECommunication = class _DIVECommunication {
     this.scene.SetBackground(payload.color);
     return true;
   }
+  dropIt(payload) {
+    const object = this.registered.get(payload.id);
+    if (!object) return false;
+    const model = this.scene.GetSceneObject(object);
+    model.DropIt();
+    return true;
+  }
   placeOnFloor(payload) {
     if (!this.registered.get(payload.id)) return false;
     this.scene.PlaceOnFloor(payload);
@@ -658,6 +669,16 @@ var import_three8 = require("three");
 
 // src/model/Model.ts
 var import_three7 = require("three");
+
+// src/helper/findSceneRecursive/findSceneRecursive.ts
+var findSceneRecursive = (object) => {
+  if (object.parent) {
+    return findSceneRecursive(object.parent);
+  }
+  return object;
+};
+
+// src/model/Model.ts
 var DIVEModel = class extends import_three7.Object3D {
   constructor() {
     super();
@@ -696,6 +717,30 @@ var DIVEModel = class extends import_three7.Object3D {
     this.position.y = -this.boundingBox.min.y * this.scale.y;
     (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("UPDATE_OBJECT", { id: this.userData.id, position: this.position, rotation: this.rotation, scale: this.scale });
   }
+  DropIt() {
+    var _a;
+    if (!this.parent) {
+      console.warn("DIVEModel: DropIt() called on a model that is not in the scene.", this);
+      return;
+    }
+    const bottomY = this.boundingBox.min.y * this.scale.y;
+    const bbBottomCenter = this.localToWorld(this.boundingBox.getCenter(new import_three7.Vector3()).multiply(this.scale));
+    bbBottomCenter.y = bottomY + this.position.y;
+    const raycaster = new import_three7.Raycaster(bbBottomCenter, new import_three7.Vector3(0, -1, 0));
+    raycaster.layers.mask = PRODUCT_LAYER_MASK;
+    const intersections = raycaster.intersectObjects(findSceneRecursive(this).Root.children, true);
+    if (intersections.length > 0) {
+      const mesh = intersections[0].object;
+      mesh.geometry.computeBoundingBox();
+      const meshBB = mesh.geometry.boundingBox;
+      const worldPos = mesh.localToWorld(meshBB.max.clone());
+      const oldPos = this.position.clone();
+      const newPos = this.position.clone().setY(worldPos.y).add(new import_three7.Vector3(0, bottomY, 0));
+      this.position.copy(newPos);
+      if (this.position.y === oldPos.y) return;
+      (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("UPDATE_OBJECT", { id: this.userData.id, position: this.position, rotation: this.rotation, scale: this.scale });
+    }
+  }
   onMove() {
     var _a;
     (_a = DIVECommunication.get(this.userData.id)) == null ? void 0 : _a.PerformAction("UPDATE_OBJECT", { id: this.userData.id, position: this.position, rotation: this.rotation, scale: this.scale });