@adatechnology/game-vehicles-three 0.3.3 → 0.3.5

package/dist/index.global.js

@@ -40400,6 +40400,7 @@ var GameVehiclesThree = (() => {
       __publicField(this, "extra", /* @__PURE__ */ new Map());
       __publicField(this, "plates", /* @__PURE__ */ new Map());
       __publicField(this, "gone", /* @__PURE__ */ new Set());
+      __publicField(this, "syncPlates", /* @__PURE__ */ new Map());
       __publicField(this, "lightsOn", true);
       __publicField(this, "hood");
       this.kit = kit;
@@ -40518,9 +40519,10 @@ var GameVehiclesThree = (() => {
         piv.position.set(hx, cy, sk + s * 0.016);
         piv.userData.rigid = true;
         this.c.vehicle.add(piv);
-        this.box(len, hgt, 0.022, this.paint(), hingeFront ? -len / 2 : len / 2, 0, 0, piv);
+        const panel = this.box(len, hgt, 0.022, this.paint(), hingeFront ? -len / 2 : len / 2, 0, 0, piv);
         this.plates.set(p.id, piv);
         this.extra.set(`recess_${p.id}`, [recess]);
+        this.showWhenOpen(p.id, piv, panel, recess);
       } else {
         const sk = this.surface("x", -1, B, grid(B.y0, B.y1, B.z0, B.z1));
         if (sk == null) return;
@@ -40533,10 +40535,37 @@ var GameVehiclesThree = (() => {
         piv.position.set(sk - 0.016, B.y1 - 0.05, 0);
         piv.userData.rigid = true;
         this.c.vehicle.add(piv);
-        this.box(0.022, wy, wz, this.paint(), 0, -wy / 2, 0, piv);
+        const panel = this.box(0.022, wy, wz, this.paint(), 0, -wy / 2, 0, piv);
         this.plates.set(p.id, piv);
         this.extra.set(`recess_${p.id}`, [recess]);
-      }
+        this.showWhenOpen(p.id, piv, panel, recess);
+      }
+    }
+    /**
+     * A closed door or lid is the body's own surface: the flat plate over it and the dark recess under it show only while it swings open or once it has come off, so the closed car
+     * keeps the shape of its model instead of flat panels over its curved sides. Follows the hinge's rotation, whoever turns it (the clips of a host, `detach`).
+     */
+    showWhenOpen(id, piv, panel, recess) {
+      const sync = () => {
+        const r = piv.rotation;
+        const open = Math.abs(r.x) + Math.abs(r.y) + Math.abs(r.z) > 1e-3 || this.gone.has(id) || piv.parent !== this.c.vehicle;
+        panel.visible = open;
+        recess.visible = open;
+      };
+      const euler = piv.rotation;
+      const quaternion = piv.quaternion;
+      const onEuler = euler._onChangeCallback;
+      const onQuaternion = quaternion._onChangeCallback;
+      euler._onChange(() => {
+        onEuler();
+        sync();
+      });
+      quaternion._onChange(() => {
+        onQuaternion();
+        sync();
+      });
+      this.syncPlates.set(id, sync);
+      sync();
     }
     makeMirror(p) {
       const [cx, cy, cz] = p.box.center;
@@ -40722,6 +40751,7 @@ var GameVehiclesThree = (() => {
       const trail = 0;
       let moved = false;
       this.gone.add(p.id);
+      this.syncPlates.get(p.id)?.();
       switch (p.role) {
         case "door":
         case "lid":
@@ -43221,6 +43251,7 @@ var GameVehiclesThree = (() => {
     return {
       id: VEHICLES_AREA_ID,
       name: text.name,
+      ground: { surface: "road" },
       group: text.group,
       get placed() {
         return placed;