@needle-tools/engine 2.26.0-pre → 2.27.0-pre

package/lib/engine-components/ui/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../engine-components/ui/Image.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG5C,MAAM,MAAM;IAER,OAAO,CAAiB;IAExB,IAAI,CAAqC;CAC5C;AAHG;IADC,aAAa,CAAC,OAAO,CAAC;uCACC;AAK5B,MAAM,OAAO,KAAM,SAAQ,eAAe;IAGtC,MAAM,CAAU;IAER,eAAe;QACnB,QAAQ,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;YAChC,KAAK,sBAAsB,CAAC;YAC5B,KAAK,UAAU,CAAC;YAChB,KAAK,YAAY;gBACb,OAAO,IAAI,CAAC;SACnB;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;IAES,cAAc,CAAC,IAAS;QAC9B,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE;YACxB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;YACtB,IAAI,CAAC,WAAW,GAAG,IAAI,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;YACzC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YACtC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACzB;IACL,CAAC;IAES,cAAc;QACpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,IAAI,CAAC,eAAe,EAAE;YAAE,OAAO;QACnC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1C,CAAC;CACJ;AA1BG;IADC,aAAa,CAAC,MAAM,CAAC;qCACN;AA4BpB,MAAM,OAAO,QAAS,SAAQ,eAAe;IAEzC,WAAW,CAAW;IAEZ,cAAc;QACpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,qBAAqB;QACrB,0BAA0B;QAC1B,qCAAqC;QACrC,2CAA2C;QAC3C,IAAI;QACJ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;CACJ;AAXG;IADC,aAAa,CAAC,OAAO,CAAC;6CACD"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../engine-components/ui/Image.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG5C,MAAM,MAAM;IAER,OAAO,CAAiB;IAExB,IAAI,CAAqC;CAC5C;AAHG;IADC,aAAa,CAAC,OAAO,CAAC;uCACC;AAK5B,MAAM,OAAO,KAAM,SAAQ,eAAe;IAGtC,MAAM,CAAU;IAER,eAAe;QACnB,QAAQ,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;YAChC,KAAK,sBAAsB,CAAC;YAC5B,KAAK,UAAU,CAAC;YAChB,KAAK,YAAY;gBACb,OAAO,IAAI,CAAC;SACnB;QACD,0FAA0F;QAC1F,0BAA0B;QAC1B,IAAG,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,EAAE;YACtF,OAAO,IAAI,CAAC;QAChB,OAAO,KAAK,CAAC;IACjB,CAAC;IAES,cAAc,CAAC,IAAS;QAC9B,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE;YACxB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;YACtB,IAAI,CAAC,WAAW,GAAG,IAAI,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;YACzC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;YACtC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;SACzB;IACL,CAAC;IAES,cAAc;QACpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,IAAI,CAAC,eAAe,EAAE;YAAE,OAAO;QACnC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1C,CAAC;CACJ;AA9BG;IADC,aAAa,CAAC,MAAM,CAAC;qCACN;AAgCpB,MAAM,OAAO,QAAS,SAAQ,eAAe;IAEzC,WAAW,CAAW;IAEZ,cAAc;QACpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,qBAAqB;QACrB,0BAA0B;QAC1B,qCAAqC;QACrC,2CAA2C;QAC3C,IAAI;QACJ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;CACJ;AAXG;IADC,aAAa,CAAC,OAAO,CAAC;6CACD"}

package/lib/engine-components/ui/RectTransform.js

@@ -57,7 +57,7 @@ export class RectTransform extends BaseUIComponent {
     onEnable() {
         super.onEnable();
         this.addShadowComponent(this.rectBlock);
-        this.applyTransform();
+        this._transformNeedsUpdate = true;
     }
     onDisable() {
         super.onDisable();

package/lib/engine-components/ui/RectTransform.js.map

@@ -1 +1 @@
-{"version":3,"file":"RectTransform.js","sourceRoot":"","sources":["../../../../engine-components/ui/RectTransform.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"RectTransform.js","sourceRoot":"","sources":["../../../../engine-components/ui/RectTransform.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@needle-tools/engine",
-    "version": "2.26.0-pre",
+    "version": "2.27.0-pre",
     "description": "Needle Engine is a web-based runtime for 3D apps. It runs on your machine for development, and can be deployed anywhere. It is flexible, extensible, and collaboration and XR come naturally.",
     "main": "dist/needle-engine.js",
     "module": "lib/needle-engine.js",

package/src/engine/engine_serialization_builtin_serializer.ts

@@ -146,11 +146,23 @@ class ComponentSerializer extends TypeSerializer {
     }
 
     findObjectForGuid(guid: string, root: THREE.Object3D): any {
-        return GameObject.foreachComponent(root, (c) => {
-            if (guid === c.gameObject.guid) return c.gameObject;
+        // recursively search root
+        // need to check the root object too
+        if (root["guid"] === guid) return root;
+
+        const res = GameObject.foreachComponent(root, (c) => {
             if (c.guid === guid) return c;
             return undefined;
-        });
+        }, false);
+        if (res !== undefined)
+            return res;
+
+        // if not found, search in children
+        for (let i = 0; i < root.children.length; i++) {
+            const child = root.children[i];
+            const res = this.findObjectForGuid(guid, child);
+            if (res) return res;
+        }
     }
 }
 export const componentSerializer = new ComponentSerializer();

package/src/engine/extensions/NEEDLE_techniques_webgl.ts

@@ -392,7 +392,7 @@ export class NEEDLE_techniques_webgl implements GLTFLoaderPlugin {
                     for (const key in materialExtension.values) {
                         const val = materialExtension.values[key];
                         if (typeof val === "string") {
-                            if (val.startsWith("textures/")) {
+                            if (val.startsWith("/textures/")) {
                                 const indexString = val.substring(9);
                                 const texIndex = Number.parseInt(indexString);
                                 if (texIndex >= 0) {

package/src/engine/extensions/extension_utils.ts

@@ -10,12 +10,13 @@ declare type DependencyInfo = {
     dependencyName: string,
 }
 
+const rootExtensionPrefix = "/extensions/";
 const defaultDependencies = [
-    { prefix: "nodes/", dependencyName: "node" },
-    { prefix: "meshes/", dependencyName: "mesh" },
-    { prefix: "materials/", dependencyName: "material" },
-    { prefix: "textures/", dependencyName: "texture" },
-    { prefix: "animations/", dependencyName: "animation" }
+    { prefix: "/nodes/", dependencyName: "node" },
+    { prefix: "/meshes/", dependencyName: "mesh" },
+    { prefix: "/materials/", dependencyName: "material" },
+    { prefix: "/textures/", dependencyName: "texture" },
+    { prefix: "/animations/", dependencyName: "animation" }
 ]
 
 export async function resolveReferences(parser: GLTFParser, obj) {
@@ -93,7 +94,6 @@ function internalResolve(paths: DependencyInfo[], parser: GLTFParser, obj, promi
 }
 
 
-const rootExtensionPrefix = "extensions/";
 function resolveExtension(parser: GLTFParser, str): Promise<void> | null {
     if (parser && parser.plugins && typeof str === "string" && str.startsWith(rootExtensionPrefix)) {
         let name = str.substring(rootExtensionPrefix.length);

package/src/engine-components/AvatarLoader.ts

@@ -31,26 +31,13 @@ export class AvatarModel {
         // this.leftHand?.traverse(h => h.layers.set(2));
         // this.rigthHand?.traverse(h => h.layers.set(2));
     }
-
-    // createNewInstance(): AvatarModel {
-    //     const head = GameObject.instantiate(this.head);
-    //     const lh = GameObject.instantiate(this.leftHand);
-    //     const rh = GameObject.instantiate(this.rigthHand);
-    //     const model = new AvatarModel(this.root, head, lh, rh);
-    //     this.assignRandomColors();
-    //     return model;
-    // }
-
-    assignRandomColors() {
-        AvatarLoader.assignRandomPlayerColors(this);
-    }
 }
 
 export class AvatarLoader {
 
-    private readonly avatarRegistryUrl: string | null = null;// = "https://needle-storage-castle-demo.glitch.me";//"https://smol-worlds.glitch.me/files/";
+    private readonly avatarRegistryUrl: string | null = null;
     // private loader: GLTFLoader | null;
-    private avatarModelCache: Map<string, AvatarModel | null> = new Map<string, AvatarModel | null>();
+    // private avatarModelCache: Map<string, AvatarModel | null> = new Map<string, AvatarModel | null>();
 
     public async getOrCreateNewAvatarInstance(context: Context, avatarId: string | THREE.Object3D): Promise<AvatarModel | null> {
 
@@ -74,8 +61,7 @@ export class AvatarLoader {
             return null;
         }
         const model = this.findAvatar(root);
-        // console.log(model);
-        model.assignRandomColors();
+        // model.assignRandomColors();
         // this.cacheModel(avatarId, model);
 
         if (model.isValid) {
@@ -166,19 +152,19 @@ export class AvatarLoader {
         // some GLTFs have a "scene" root it seems, others don't, we skip the root here if there's only one child
         if (searchIn.children.length == 1)
             searchIn = obj.children[0];
-        let head = this.findAvatarPart(searchIn, "head");
+        let head = this.findAvatarPart(searchIn, ["head"]);
 
-        const leftHand = this.findAvatarPart(searchIn, "left");
-        const rightHand = this.findAvatarPart(searchIn, "right");
+        const leftHand = this.findAvatarPart(searchIn, ["left", "hand"]);
+        const rightHand = this.findAvatarPart(searchIn, ["right", "hand"]);
 
         if (!head) {
             // very last fallback, entire root is used as head
             head = root;
 
             // normalize size, if the object isn't properly setup the scale might be totally off
-            let boundsSize = new THREE.Vector3();
+            const boundsSize = new THREE.Vector3();
             new THREE.Box3().setFromObject(head).getSize(boundsSize);
-            let maxAxis = Math.max(boundsSize.x, boundsSize.y, boundsSize.z);
+            const maxAxis = Math.max(boundsSize.x, boundsSize.y, boundsSize.z);
             console.warn("[Custom Avatar] " + "Normalizing head scale, it's too big: " + maxAxis + " meters! Should be < 0.3m");
             if (maxAxis > 0.3) {
                 head.scale.multiplyScalar(1.0 / maxAxis * 0.3);
@@ -190,10 +176,22 @@ export class AvatarLoader {
     }
 
 
-    private findAvatarPart(obj: THREE.Object3D, searchString: string): THREE.Object3D | null {
-        for (let child of obj.children) {
-            if (child.name.toLowerCase().indexOf(searchString) > -1)
-                return child;
+    private findAvatarPart(obj: THREE.Object3D, searchString: string[]): THREE.Object3D | null {
+
+        const name = obj.name.toLowerCase();
+        let matchesAll = true;
+        for (const str of searchString) {
+            if (!matchesAll) break;
+            if (name.indexOf(str) === -1)
+                matchesAll = false;
+        }
+        if (matchesAll) return obj;
+
+        if (obj.children) {
+            for (const child of obj.children) {
+                const found = this.findAvatarPart(child, searchString);
+                if (found) return found;
+            }
         }
         return null;
     }
@@ -204,37 +202,4 @@ export class AvatarLoader {
         }
         return response;
     }
-
-    public static assignRandomPlayerColors(model: AvatarModel) {
-
-        const foundMaterials: Map<string, THREE.Material> = new Map<string, THREE.Material>();
-
-        function findPlayerColorMeshesAndAssignColors(o) {
-            // console.log(o);
-            if (o.type === "Mesh") {
-                const mesh = o as THREE.Mesh;
-                const mat: THREE.Material = mesh.material as THREE.Material;
-                if (mat && mat.name) {
-                    if (foundMaterials.has(mat.uuid)) {
-                        const found = foundMaterials.get(mat.uuid);
-                        if (found)
-                            mesh.material = found;
-                        return;
-                    }
-                    if (mat.name.endsWith("_playercolor") || mat.name.endsWith("_player_color2")) {
-                        const uuid = mat.uuid;
-                        mesh.material = mat.clone();
-                        mesh.material["color"] = new THREE.Color(Math.random(), Math.random(), Math.random());
-                        foundMaterials.set(uuid, mesh.material);
-                    }
-                }
-            }
-        }
-        if (model.head)
-            model.head.traverse(findPlayerColorMeshesAndAssignColors);
-        if (model.leftHand)
-            model.leftHand.traverse(findPlayerColorMeshesAndAssignColors);
-        if (model.rigthHand)
-            model.rigthHand.traverse(findPlayerColorMeshesAndAssignColors);
-    }
 }

package/src/engine-components/Component.ts

@@ -680,6 +680,17 @@ abstract class GameObject extends THREE.Object3D implements THREE.Object3D {
 }
 
 
+// this is a fix to allow gameObject active animation be applied to a three object
+Object.defineProperty(THREE.Object3D.prototype, "activeSelf", {
+    get: function () {
+        return this.visible;
+    },
+    set: function (val: boolean | number) {
+        const state = typeof val === "number" ? val > 0.5 : val;
+        this.visible = state;
+    }
+});
+
 
 THREE.Object3D.prototype["addNewComponent"] = function <T extends Behaviour>(type: ConstructorConcrete<T>) {
     return GameObject.addNewComponent(this, type);
@@ -981,7 +992,7 @@ class Component implements EventTarget {
     }
 
 
-    
+
     // EventTarget implementation:
 
     private _eventListeners = new Map<string, EventListener[]>();
@@ -1021,12 +1032,12 @@ class Behaviour extends Component {
         // when called from animationclip we receive numbers
         // due to interpolation they can be anything between 0 and 1
         if (typeof val === "number") {
-            if(val >= 0.5) val = true;
+            if (val >= 0.5) val = true;
             else val = false;
         }
 
         if (val === this.__isEnabled) return;
-        
+
         this.__isEnabled = val;
         // console.log(val);
         // need to check here because codegen is calling this before everything is setup

package/src/engine-components/Renderer.ts

@@ -171,17 +171,6 @@ export class Renderer extends Behaviour {
         return lm !== null && lm !== undefined;
     }
 
-
-    get activeSelf(): boolean {
-        return this.enabled;
-    }
-
-    set activeSelf(val: boolean | number) {
-        const target = typeof val === "number" ? val > 0.5 : val;
-        this.enabled = target;
-        if (target) this.gameObject.visible = true;
-    }
-
     awake() {
         const type = this.gameObject.type;
         if (type === "Group") {

package/src/engine-components/SmoothFollow.ts

@@ -45,7 +45,7 @@ export class SmoothFollow extends Behaviour {
         if (this.rotateFactor > 0) {
             const wr = utils.getWorldQuaternion(this.target);
             if(this.flipForward){
-                wr.multiply(SmoothFollow._invertForward);
+                wr.premultiply(SmoothFollow._invertForward);
             }
             const frot = this._firstUpdate || hard ? 1 : Mathf.clamp01(this.context.time.deltaTime * this.rotateFactor);
             this.worldQuaternion = this.worldQuaternion.slerp(wr, frot);

package/src/engine-components/SpectatorCamera.ts

@@ -4,21 +4,22 @@ import * as THREE from "three";
 import { OrbitControls } from "./OrbitControls";
 import { WebXR, WebXREvent } from "./WebXR";
 import { AvatarMarker } from "./WebXRAvatar";
-import { XRFlag, XRStateFlag } from "./XRFlag";
+import { XRStateFlag } from "./XRFlag";
 import { SmoothFollow } from "./SmoothFollow";
-import { setWorldPosition, setWorldQuaternion, getWorldPosition, getWorldQuaternion } from "../engine/engine_three_utils";
+import { setWorldPosition, setWorldQuaternion, getWorldPosition, getWorldQuaternion, lookAtInverse } from "../engine/engine_three_utils";
+import { ArrayCamera } from "three";
+import { KeyCode } from "../engine/engine_input";
 
 export class SpectatorCamera extends Behaviour {
 
     cam: Camera | null = null;
 
-    private _firstPersonMode: boolean | undefined = false;
+    private _firstPersonMode: boolean | undefined = true;
     get firstPersonMode(): boolean {
-        return true;
         return this._firstPersonMode ?? false;
     }
-    set firstPersonMode(_val: boolean) {
-        // this._firstPersonMode = val;
+    set firstPersonMode(val: boolean) {
+        this._firstPersonMode = val;
         // if (this._firstPersonMode) this.enableFirstPersonMode();
         // else this.enableThirdPersonMode();
     }
@@ -62,7 +63,6 @@ export class SpectatorCamera extends Behaviour {
     private orbit: OrbitControls | null = null;
     private firstPersonFollow: SmoothFollow | null = null;
     private spectatorUIDomElement: HTMLElement | null = null;
-    private _avatar: AvatarMarker | null = null;
 
     private eventSub_WebXRRequestStartEvent: Function | null = null;
     private eventSub_WebXRStartEvent: Function | null = null;
@@ -72,14 +72,6 @@ export class SpectatorCamera extends Behaviour {
 
         GameObject.setActive(this.gameObject, false);
 
-        const uiQuery = "#spectator-camera-ui";
-        this.spectatorUIDomElement = this.context.domElement.querySelector(uiQuery);
-        if (!this.spectatorUIDomElement) {
-            console.warn("Could not find spectator camera UI element", uiQuery);
-        }
-        this.spectatorUIDomElement?.classList.add("hidden");
-
-
         if (!this.isSupportedPlatform()) {
             console.log("Disable spectator cam", window.navigator.userAgent, this);
             return;
@@ -93,6 +85,22 @@ export class SpectatorCamera extends Behaviour {
             // this.cam = GameObject.addNewComponent(this.gameObject, Camera) as Camera;
         }
 
+        const uiQuery = "#spectator-camera-ui";
+        this.spectatorUIDomElement = this.context.domElement.querySelector(uiQuery);
+        if (!this.spectatorUIDomElement) {
+            console.warn("Could not find spectator camera UI element", uiQuery);
+            // this.spectatorUIDomElement = document.createElement("div");
+            // this.spectatorUIDomElement.id = "spectator-camera-ui";
+            // this.spectatorUIDomElement.classList.add("desktop");
+            // this.context.domElement.appendChild(this.spectatorUIDomElement);
+            
+            // const toggle = document.createElement("button");
+            // toggle.id = "toggle-spectator-view";
+            // this.spectatorUIDomElement.appendChild(toggle);
+        }
+        this.spectatorUIDomElement?.classList.add("hidden");
+
+
         if (this.cam) {
             this.cam.enabled = true;
             this._orbitStartPos.copy(getWorldPosition(this.cam.cam));
@@ -189,53 +197,37 @@ export class SpectatorCamera extends Behaviour {
     private onXRSessionStart(_evt) {
         this._sessionHasStarted = true;
         this.updateUI();
+
+        if (this.context.mainCamera) {
+            const cam = this.context.renderer.xr.getCamera(this.context.mainCamera) as ArrayCamera;
+            this.setupFollowMode(cam);
+        }
     }
 
     private onXRSessionEnded(_evt) {
         this._sessionHasStarted = false;
+        this._firstPersonIsSetup = false;
         this.spectatorUIDomElement?.classList.add("hidden");
         GameObject.setActive(this.gameObject, false);
     }
 
     private _sessionHasStarted: boolean = false;
-    private _isFirstStart = true;
     private _firstPersonIsSetup: boolean = false;
     private _orbitStartPos: THREE.Vector3 = new THREE.Vector3();
     private _orbitStartRot: THREE.Quaternion = new THREE.Quaternion();
     private _orbitStartPos2: THREE.Vector3 = new THREE.Vector3();
     private _orbitStartRot2: THREE.Quaternion = new THREE.Quaternion();
 
-
     // TODO: only show Spectator cam for DesktopVR;
     // don't show for AR, don't show on Quest
     // TODO: properly align cameras on enter/exit VR, seems currently spectator cam breaks alignment
     onAfterRender(): void {
         if (!this.cam) return;
 
-        // if (this.context.time.frameCount % 120 === 0) {
-        //     this.firstPersonMode = !this.firstPersonMode;
-        // }
-
-        if (this.firstPersonMode) {
-            if (!this._firstPersonIsSetup) {
-                if (!this._avatar || this._avatar?.destroyed) {
-                    for (const av of AvatarMarker.instances) {
-                        if (av.avatar && "isLocalAvatar" in av.avatar && av.avatar?.isLocalAvatar) {
-                            this._avatar = av;
-                            const head = av.avatar.head;
-                            if (!head) continue;
-                            this.setupFollowMode(head);
-                        }
-                    }
-                }
-                // else {
-                //     if (this.context.mainCamera) {
-                //         this.setupFollowMode(this.context.mainCamera, true);
-                //     }
-                // }
-            }
-        }
-
+        if(this.context.input.isKeyDown(KeyCode.KEY_S))
+            this.firstPersonMode = !this.firstPersonMode;
+        
+        this.updateFollowSettings();
 
         const renderer = this.context.renderer;
         const xrWasEnabled = renderer.xr.enabled;
@@ -295,20 +287,22 @@ export class SpectatorCamera extends Behaviour {
         this.resetAvatarFlags();
     }
 
-    private setupFollowMode(object: THREE.Object3D, flipForward: boolean = true) {
+    private setupFollowMode(object: THREE.Object3D) {
         if (!object) return;
         if (!this.cam) return;
         if (this._firstPersonIsSetup) return;
         this._firstPersonIsSetup = true;
 
-        const target = object.add(new THREE.Object3D());
-        target.add(new THREE.AxesHelper());
+
         this.firstPersonFollow = GameObject.addNewComponent(this.cam.gameObject, SmoothFollow);
+
+        const target = new THREE.Object3D();
+        object.add(target);
+        target.add(new THREE.AxesHelper(.2))
         this.firstPersonFollow.target = target;
-        this.firstPersonFollow.followFactor = 12;
-        this.firstPersonFollow.rotateFactor = 5;
-        // TODO: figure out why this needs flipping when we use the spectator cam without an Avatar
-        if (flipForward) this.firstPersonFollow.flipForward = true;
+
+        this.updateFollowSettings();
+
         const perspectiveCamera = this.context.mainCamera as THREE.PerspectiveCamera;
         if (perspectiveCamera) {
             this.cam.cam.near = perspectiveCamera.near;
@@ -318,6 +312,26 @@ export class SpectatorCamera extends Behaviour {
         if (this.orbit) this.orbit.enabled = false;
     }
 
+    private updateFollowSettings() {
+        const target = this.firstPersonFollow?.target;
+        if (!target || !this.firstPersonFollow) return;
+        if (this.firstPersonMode === false) {
+            this.firstPersonFollow.followFactor = 3;
+            this.firstPersonFollow.rotateFactor = 2;
+            this.firstPersonFollow.flipForward = false;
+            target.position.set(0, .5, 1.5);
+            target.quaternion.identity();
+            // lookAtInverse(target, new THREE.Vector3(0, 0, 0));
+        }
+        else {
+            target.position.set(0, 0, 0);
+            target.quaternion.identity();
+            this.firstPersonFollow.followFactor = 12;
+            this.firstPersonFollow.rotateFactor = 5;
+            this.firstPersonFollow.flipForward = false;
+        }
+    }
+
     private setAvatarFlagsBeforeRender() {
         for (const av of AvatarMarker.instances) {
             if (av.avatar && "isLocalAvatar" in av.avatar) {

package/src/engine-components/WebXRController.ts

@@ -249,6 +249,7 @@ export class WebXRController extends Behaviour {
         this.webXR.Rig?.add(this.controller);
         this.webXR.Rig?.add(this.raycastLine);
         this.raycastLine?.add(this._raycastHitPoint);
+        this._raycastHitPoint.visible = false;
         this.hand.add(this.handPointerModel);
         console.log("ADDED TO RIG", this.webXR.Rig);
 

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

@@ -67,19 +67,26 @@ export class BaseUIComponent extends Behaviour {
             return;
         }
 
-        // console.trace(container);
         container.name = this.name + " (" + (this.constructor.name ?? "UI") + ")";
         container.autoLayout = this._parentComponent.controlsChildLayout;
         container.shadowComponentOwner = this;
-        const raycastTarget = (this as unknown as IGraphic).raycastTarget;
+
+        // TODO: raycastTarget doesnt work anymore -> i think we need to set the gameObject layer and then check in the raycaster if the shadowComponentOwner is on the correct layer?!
+        // const raycastTarget = (this as unknown as IGraphic).raycastTarget;
+        // this.gameObject.layers.set(2)
+
+
         // TODO: only traverse our own hierarchy, we can stop if we find another owner
         container.traverse(c => {
-            if (c.shadowComponentOwner === undefined)
+            if (c.shadowComponentOwner === undefined) {
                 c.shadowComponentOwner = this;
-            if (raycastTarget === false) {
-                c.layers.set(2);
             }
+            // // this makes text not render anymore when enabled again
+            // if (raycastTarget === false) {
+            //     c.layers.set(2);
+            // }
         })
+
         if (this.Root?.gameObject === this.gameObject) {
             this.gameObject.add(container);
         }

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

@@ -22,6 +22,10 @@ export class Image extends MaskableGraphic {
             case "Background":
                 return true;
         }
+        // this is a hack/workaround for production builds where the name of the sprite is missing
+        // need to remove this!!!!
+        if(this.sprite?.texture?.image?.width === 32 && this.sprite?.texture?.image?.height === 32) 
+            return true;
         return false;
     }
 

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

@@ -66,7 +66,7 @@ export class RectTransform extends BaseUIComponent {
     onEnable() {
         super.onEnable();
         this.addShadowComponent(this.rectBlock);
-        this.applyTransform();
+        this._transformNeedsUpdate = true;
     }
 
     onDisable() {