@needle-tools/engine 4.4.0-beta → 4.4.0-beta.10

package/src/engine-components/SyncedTransform.ts

@@ -107,6 +107,15 @@ export class SyncedTransform extends Behaviour {
             this._model.requestOwnership();
     }
 
+    /**
+     * Free ownership of this object on the network.  
+     * You need to be connected to a room for this to work.  
+     * This will also be called automatically when the component is disabled.
+     */
+    public freeOwnership() {
+        this._model?.freeOwnership();
+    }
+
     /**
      * Checks if this client has ownership of the object
      * @returns true if this client has ownership, false if not, undefined if ownership state is unknown
@@ -312,8 +321,7 @@ export class SyncedTransform extends Behaviour {
 
         if (this._model && !this._model.hasOwnership && this._model.isOwned) {
             if (this._receivedDataBefore) {
-                const factor = this._receivedFastUpdate || this.fastMode ? .5 : .3;
-                const t = factor;//Mathf.clamp01(this.context.time.deltaTime * factor);
+                const t = this._receivedFastUpdate || this.fastMode ? .05 : .3;
                 let requireMarkDirty = false;
                 if (this.interpolatePosition && this._targetPosition) {
                     const pos = this.worldPosition;
@@ -366,13 +374,10 @@ export class SyncedTransform extends Behaviour {
             FAST_ACTIVE_SYNCTRANSFORMS++;
             if (fastUpdate && FAST_INTERVAL > 0 && this.context.time.frameCount % FAST_INTERVAL !== 0) return;
 
-            if (debug)
-                console.log("send update", this.context.connection.connectionId, this.guid, this.gameObject.name, this.gameObject.guid);
+            if (debug) console.debug("[SyncedTransform] Send update", this.context.connection.connectionId, this.guid, this.gameObject.name, this.gameObject.guid);
 
             this._needsUpdate = false;
             const st = createTransformModel(this.guid, this, fastUpdate ? true : false);
-            // this._state.update(this, this.rb);
-            // this._state.fast = fastUpdate ? true : false;
             this.context.connection.sendBinary(st);
         }
     }

package/src/engine-components/codegen/components.ts

@@ -194,6 +194,7 @@ export { Rect } from "../ui/RectTransform.js";
 export { RectTransform } from "../ui/RectTransform.js";
 export { SpatialHtml } from "../ui/SpatialHtml.js";
 export { Text } from "../ui/Text.js";
+export { EnvironmentScene } from "../utils/EnvironmentScene.js";
 export { LookAt } from "../utils/LookAt.js";
 export { OpenURL } from "../utils/OpenURL.js";
 export { VideoPlayer } from "../VideoPlayer.js";

package/src/engine-components/export/usdz/extensions/USDZUI.ts

@@ -1,12 +1,12 @@
 import { Color, Mesh, MeshBasicMaterial, Object3D } from "three";
 
 import { GameObject } from "../../../Component.js";
-import { SpriteRenderer } from "../../../SpriteRenderer.js";
-import { $shadowDomOwner, BaseUIComponent } from "../../../ui/BaseUIComponent.js";
+import { BaseUIComponent } from "../../../ui/BaseUIComponent.js";
 import { Canvas } from "../../../ui/Canvas.js";
 import { RenderMode } from "../../../ui/Canvas.js";
 import { CanvasGroup } from "../../../ui/CanvasGroup.js";
 import { RectTransform } from "../../../ui/RectTransform.js";
+import { $shadowDomOwner } from "../../../ui/Symbols.js";
 import { Text } from "../../../ui/Text.js";
 import type { IUSDExporterExtension } from "../Extension.js";
 import { USDObject, USDZExporterContext } from "../ThreeUSDZExporter.js";

package/src/engine-components/ui/BaseUIComponent.ts

@@ -8,6 +8,7 @@ import { getParam } from '../../engine/engine_utils.js';
 import { Behaviour, GameObject } from "../Component.js";
 import { EventSystem } from "./EventSystem.js";
 import type { ICanvas } from './Interfaces.js';
+import { $shadowDomOwner } from './Symbols.js';
 export const includesDir = "./include";
 
 const debug = getParam("debugshadowcomponents");
@@ -24,7 +25,6 @@ ThreeMeshUI.Block.prototype["interactable"] = {
     }
 }
 
-export const $shadowDomOwner = Symbol("shadowDomOwner");
 
 /**
  * Derive from this class if you want to implement your own UI components.   

package/src/engine-components/ui/EventSystem.ts

@@ -9,11 +9,11 @@ import { Context } from "../../engine/engine_setup.js";
 import { HideFlags, type IComponent } from "../../engine/engine_types.js";
 import { getParam } from "../../engine/engine_utils.js";
 import { Behaviour, GameObject } from "../Component.js";
-import { $shadowDomOwner } from "./BaseUIComponent.js";
 import type { ICanvasGroup } from "./Interfaces.js";
 import { hasPointerEventComponent, type IPointerEventHandler, type IPointerUpHandler, PointerEventData } from "./PointerEvents.js";
 import { ObjectRaycaster, Raycaster } from "./Raycaster.js";
 import { UIRaycastUtils } from "./RaycastUtils.js";
+import { $shadowDomOwner } from "./Symbols.js";
 import { isUIObject } from "./Utils.js";
 
 const debug = getParam("debugeventsystem");

package/src/engine-components/ui/Graphic.ts

@@ -98,6 +98,7 @@ export class Graphic extends BaseUIComponent implements IGraphic, IRectTransform
         super.__internalNewInstanceCreated(init);
         this._rect = null;
         this.uiObject = null;
+        this._stateManager = null;
         if (this._color) this._color = this._color.clone();
         return this;
     }
@@ -114,7 +115,6 @@ export class Graphic extends BaseUIComponent implements IGraphic, IRectTransform
     setupState(state: object) {
         this.makePanel();
         if (this.uiObject) {
-
             // @marwie : v7.x now have a concurrent state management in core mimicking html/css
             // ie : (::firstChild::hover::disabled) where firstchild, hover and disabled are all on different channels
             // In order to keep needle Raycaster and EventSystem intact, I added in v7 a SimpleStateBehavior, which acts as previously

package/src/engine-components/ui/RaycastUtils.ts

@@ -2,8 +2,8 @@ import { Object3D } from "three";
 
 import { foreachComponent } from "../../engine/engine_gameobject.js";
 import { type IComponent } from "../../engine/engine_types.js";
-import { $shadowDomOwner } from "./BaseUIComponent.js";
 import { type ICanvasGroup, type IGraphic } from "./Interfaces.js";
+import { $shadowDomOwner } from "./Symbols.js";
 
 
 export class UIRaycastUtils {

package/src/engine-components/ui/RectTransform.ts

@@ -106,20 +106,25 @@ export class RectTransform extends BaseUIComponent implements IRectTransform, IR
     private rectBlock!: Object3D;
     private _transformNeedsUpdate: boolean = false;
     private _initialPosition!: Vector3;
+    private _parentRectTransform?: RectTransform;
+    private _lastUpdateFrame: number = -1;
 
     awake() {
         super.awake();
-        // this is required if an animator animated the transform anchoring
-        if (!this._anchoredPosition)
-            this._anchoredPosition = new Vector2();
+        this._lastUpdateFrame = -1;
+        this._parentRectTransform = undefined;
 
-        this.lastMatrix = new Matrix4();
         this.rectBlock = new Object3D();
         this.rectBlock.name = this.name;
-
+        this.lastMatrix = new Matrix4();
+        this._lastAnchoring = null!;
         // TODO: get rid of the initial position
         this._initialPosition = this.gameObject.position.clone();
         this._initialPosition.z = 0;
+        // this is required if an animator animated the transform anchoring
+        if (!this._anchoredPosition) this._anchoredPosition = new Vector2();
+
+
 
         // TODO: we need to replace this with the watch that e.g. Rigibody is using (or the one in utils?)
         // perhaps we can also just manually check the few properties in the update loops?
@@ -184,8 +189,6 @@ export class RectTransform extends BaseUIComponent implements IRectTransform, IR
         }
     }
 
-    private _parentRectTransform?: RectTransform;
-    private _lastUpdateFrame: number = -1;
 
     private canUpdate() {
         return this._transformNeedsUpdate && this.activeAndEnabled && this._lastUpdateFrame !== this.context.time.frame;

package/src/engine-components/ui/Symbols.ts

@@ -0,0 +1,2 @@
+
+export const $shadowDomOwner = Symbol("shadowDomOwner");

package/src/engine-components/ui/Utils.ts

@@ -4,7 +4,8 @@ import ThreeMeshUI from "three-mesh-ui";
 
 import { FrameEvent } from "../../engine/engine_setup.js";
 import { Behaviour } from "../Component.js";
-import { $shadowDomOwner, BaseUIComponent } from "./BaseUIComponent.js";
+import { BaseUIComponent } from "./BaseUIComponent.js";
+import { $shadowDomOwner } from "./Symbols.js";
 
 export function tryGetUIComponent(obj: Object3D): BaseUIComponent | null {
     const owner = obj[$shadowDomOwner];

package/src/engine-components/utils/EnvironmentScene.ts

@@ -197,7 +197,7 @@ const neutral = {
   ]
 } as Env;
 
-export default class EnvironmentScene extends Scene {
+export class EnvironmentScene extends Scene {
   constructor(name: 'legacy'|'neutral') {
     super();