@needle-tools/engine 2.24.0-pre

package/lib/engine-components/SpectatorCamera.js

@@ -0,0 +1,311 @@
+import { Behaviour, GameObject } from "./Component";
+import { Camera } from "./Camera";
+import * as THREE from "three";
+import { WebXR, WebXREvent } from "./WebXR";
+import { AvatarMarker } from "./WebXRAvatar";
+import { XRStateFlag } from "./XRFlag";
+import { SmoothFollow } from "./SmoothFollow";
+import { setWorldPosition, setWorldQuaternion, getWorldPosition, getWorldQuaternion } from "../engine/engine_three_utils";
+export class SpectatorCamera extends Behaviour {
+    cam = null;
+    _firstPersonMode = false;
+    get firstPersonMode() {
+        return true;
+        return this._firstPersonMode ?? false;
+    }
+    set firstPersonMode(_val) {
+        // this._firstPersonMode = val;
+        // if (this._firstPersonMode) this.enableFirstPersonMode();
+        // else this.enableThirdPersonMode();
+    }
+    enableFirstPersonMode() {
+        this._firstPersonMode = true;
+        this.updateUI();
+        if (this.cam) {
+            if (this.firstPersonFollow) {
+                this.firstPersonFollow.enabled = true;
+                this.firstPersonFollow.updateNow(true);
+            }
+            if (this.orbit) {
+                this.orbit.enabled = false;
+            }
+        }
+    }
+    enableThirdPersonMode() {
+        this._firstPersonMode = false;
+        this.updateUI();
+        if (this.firstPersonFollow) {
+            this.firstPersonFollow.enabled = false;
+        }
+        if (!this.cam)
+            return;
+        setWorldPosition(this.cam.cam, this._orbitStartPos);
+        setWorldQuaternion(this.cam.cam, this._orbitStartRot);
+        setWorldPosition(this.cam.gameObject, this._orbitStartPos2);
+        setWorldQuaternion(this.cam.gameObject, this._orbitStartRot2);
+        if (this.orbit) {
+            this.orbit.enabled = true;
+            this.orbit.setFromTargetPosition();
+        }
+    }
+    // private currentViewport : THREE.Vector4 = new THREE.Vector4();
+    // private currentScissor : THREE.Vector4 = new THREE.Vector4();
+    // private currentScissorTest : boolean = false;
+    orbit = null;
+    firstPersonFollow = null;
+    spectatorUIDomElement = null;
+    _avatar = null;
+    eventSub_WebXRRequestStartEvent = null;
+    eventSub_WebXRStartEvent = null;
+    eventSub_WebXREndEvent = null;
+    awake() {
+        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;
+        }
+        this.cam = GameObject.getComponent(this.gameObject, Camera);
+        if (!this.cam) {
+            // TODO: adding camera component does currently not work properly
+            console.error("Spectator camera needs camera component", this);
+            return;
+            // this.cam = GameObject.addNewComponent(this.gameObject, Camera) as Camera;
+        }
+        if (this.cam) {
+            this.cam.enabled = true;
+            this._orbitStartPos.copy(getWorldPosition(this.cam.cam));
+            this._orbitStartRot.copy(getWorldQuaternion(this.cam.cam));
+            this._orbitStartPos2.copy(getWorldPosition(this.cam.gameObject));
+            this._orbitStartRot2.copy(getWorldQuaternion(this.cam.gameObject));
+        }
+        this.eventSub_WebXRRequestStartEvent = this.onXRSessionRequestStart.bind(this);
+        this.eventSub_WebXRStartEvent = this.onXRSessionStart.bind(this);
+        this.eventSub_WebXREndEvent = this.onXRSessionEnded.bind(this);
+        WebXR.addEventListener(WebXREvent.RequestVRSession, this.eventSub_WebXRRequestStartEvent);
+        WebXR.addEventListener(WebXREvent.XRStarted, this.eventSub_WebXRStartEvent);
+        WebXR.addEventListener(WebXREvent.XRStopped, this.eventSub_WebXREndEvent);
+        this.context.domElement.querySelector("button#toggle-spectator-view")?.addEventListener("click", this.toggleView.bind(this));
+        this.updateUI();
+    }
+    onDestroy() {
+        WebXR.removeEventListener(WebXREvent.RequestVRSession, this.eventSub_WebXRStartEvent);
+        WebXR.removeEventListener(WebXREvent.XRStarted, this.eventSub_WebXRStartEvent);
+        WebXR.removeEventListener(WebXREvent.XRStopped, this.eventSub_WebXREndEvent);
+    }
+    toggleView() {
+        this.firstPersonMode = !this.firstPersonMode;
+    }
+    updateUI() {
+        const el = this.context.domElement.querySelector("button#toggle-spectator-view");
+        if (!el)
+            return;
+        el.disabled = true; // !this._sessionHasStarted;
+        if (el.firstChild) {
+            if (!this._sessionHasStarted) {
+                el.firstChild.textContent = "Waiting for VR session";
+            }
+            else
+                el.firstChild.textContent = this.firstPersonMode ? "👁️" : "📷";
+        }
+        if (el.children?.length > 1) {
+            const tooltipElement = el.children[1];
+            tooltipElement.style.display = !this._sessionHasStarted ? "none" : "block";
+            if (this.firstPersonMode) {
+                tooltipElement.textContent = "First-Person View. See what the person in VR sees";
+            }
+            else {
+                tooltipElement.textContent = "Third-Person View. Freely move the camera around";
+            }
+        }
+    }
+    isSupportedPlatform() {
+        const ua = window.navigator.userAgent;
+        const standalone = /Windows|MacOS/.test(ua);
+        const isHololens = /Windows NT/.test(ua) && /Edg/.test(ua) && !/Win64/.test(ua);
+        return standalone && !isHololens;
+    }
+    onXRSessionRequestStart(_evt) {
+        this._sessionHasStarted = false;
+        this.spectatorUIDomElement?.classList.remove("hidden");
+        GameObject.setActive(this.gameObject, true);
+        // if (!this.orbit && this.cam) {
+        //     const lookAt = GameObject.addNewComponent(this.gameObject, LookAtConstraint);
+        //     lookAt.constraintActive = true;
+        //     const center = new THREE.Object3D();
+        //     this.context.scene.add(center);
+        //     lookAt.sources = [center];
+        //     this.orbit = GameObject.addNewComponent(this.cam?.gameObject, OrbitControls);
+        //     this.orbit.lookAtConstraint = lookAt;
+        //     this.orbit.debugLog = true;
+        //     this.orbit.enabled = !this.firstPersonMode;
+        // }
+        if (this.cam && this.cam.cam) {
+            setWorldPosition(this.cam.cam, this._orbitStartPos);
+            setWorldQuaternion(this.cam.cam, this._orbitStartRot);
+            setWorldPosition(this.cam.gameObject, this._orbitStartPos2);
+            setWorldQuaternion(this.cam.gameObject, this._orbitStartRot2);
+        }
+        if (this.firstPersonMode) {
+            this.enableFirstPersonMode();
+        }
+        else
+            this.enableThirdPersonMode();
+    }
+    onXRSessionStart(_evt) {
+        this._sessionHasStarted = true;
+        this.updateUI();
+    }
+    onXRSessionEnded(_evt) {
+        this._sessionHasStarted = false;
+        this.spectatorUIDomElement?.classList.add("hidden");
+        GameObject.setActive(this.gameObject, false);
+    }
+    _sessionHasStarted = false;
+    _isFirstStart = true;
+    _firstPersonIsSetup = false;
+    _orbitStartPos = new THREE.Vector3();
+    _orbitStartRot = new THREE.Quaternion();
+    _orbitStartPos2 = new THREE.Vector3();
+    _orbitStartRot2 = 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() {
+        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);
+                //     }
+                // }
+            }
+        }
+        const renderer = this.context.renderer;
+        const xrWasEnabled = renderer.xr.enabled;
+        // these should not be needed if we don't override viewport/scissor
+        // renderer.getViewport(this.currentViewport);
+        // renderer.getScissor(this.currentScissor);
+        // this.currentScissorTest = renderer.getScissorTest();
+        if (!renderer.xr.isPresenting)
+            return;
+        // remember XR render target so we can restore later
+        const previousRenderTarget = renderer.getRenderTarget();
+        let oldFramebuffer = null;
+        // seems that in some cases, renderer.getRenderTarget returns null
+        // even when we're rendering to a headset.
+        if (!previousRenderTarget) {
+            if (!renderer.state.bindFramebuffer || !renderer.state.bindXRFramebuffer)
+                return;
+            oldFramebuffer = renderer["_framebuffer"];
+            renderer.state.bindXRFramebuffer(null);
+        }
+        this.setAvatarFlagsBeforeRender();
+        // for scissor rendering (e.g. just a part of the screen / viewport, multiplayer split view)
+        // let left = 0;
+        // let bottom = 100;
+        // let width = 300;
+        // let height = 300;
+        // renderer.setViewport(left, bottom, width, height);
+        // renderer.setScissor(left, bottom, width, height);
+        // renderer.setScissorTest(true);
+        renderer.setClearColor(new THREE.Color(1, 1, 1));
+        renderer.setRenderTarget(null); // null: direct to Canvas
+        renderer.xr.enabled = false;
+        const cam = this.cam?.cam;
+        this.context.updateAspect(cam);
+        const wasPresenting = renderer.xr.isPresenting;
+        renderer.xr.isPresenting = false;
+        renderer.setSize(this.context.domWidth, this.context.domHeight);
+        renderer.render(this.context.scene, cam);
+        renderer.xr.isPresenting = wasPresenting;
+        // restore previous settings so we can continue to render XR
+        renderer.xr.enabled = xrWasEnabled;
+        //renderer.setViewport(this.currentViewport);
+        //renderer.setScissor(this.currentScissor);
+        //renderer.setScissorTest(this.currentScissorTest);
+        if (previousRenderTarget)
+            renderer.setRenderTarget(previousRenderTarget);
+        else
+            renderer.state.bindXRFramebuffer(oldFramebuffer);
+        this.resetAvatarFlags();
+    }
+    setupFollowMode(object, flipForward = true) {
+        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);
+        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;
+        const perspectiveCamera = this.context.mainCamera;
+        if (perspectiveCamera) {
+            this.cam.cam.near = perspectiveCamera.near;
+            this.cam.cam.far = perspectiveCamera.far;
+            this.cam.cam.updateProjectionMatrix();
+        }
+        if (this.orbit)
+            this.orbit.enabled = false;
+    }
+    setAvatarFlagsBeforeRender() {
+        for (const av of AvatarMarker.instances) {
+            if (av.avatar && "isLocalAvatar" in av.avatar) {
+                const mask = this.firstPersonMode && this._firstPersonIsSetup && av.avatar.isLocalAvatar ? XRStateFlag.FirstPerson : XRStateFlag.ThirdPerson;
+                const flags = av.avatar.flags;
+                if (!flags)
+                    continue;
+                for (const flag of flags) {
+                    flag.UpdateVisible(mask);
+                }
+            }
+        }
+    }
+    resetAvatarFlags() {
+        for (const av of AvatarMarker.instances) {
+            if (av.avatar && "flags" in av.avatar) {
+                const flags = av.avatar.flags;
+                if (!flags)
+                    continue;
+                for (const flag of flags) {
+                    if (av.avatar?.isLocalAvatar) {
+                        flag.UpdateVisible(XRStateFlag.FirstPerson);
+                    }
+                    else {
+                        flag.UpdateVisible(XRStateFlag.ThirdPerson);
+                    }
+                }
+            }
+        }
+    }
+}
+//# sourceMappingURL=SpectatorCamera.js.map

package/lib/engine-components/SpectatorCamera.js.map

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

package/lib/engine-components/SphereCollider.d.ts

@@ -0,0 +1,2 @@
+import { SphereCollider } from "./Collider";
+export default SphereCollider;

package/lib/engine-components/SphereCollider.js

@@ -0,0 +1,3 @@
+import { SphereCollider } from "./Collider";
+export default SphereCollider;
+//# sourceMappingURL=SphereCollider.js.map

package/lib/engine-components/SphereCollider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SphereCollider.js","sourceRoot":"","sources":["../../../engine-components/SphereCollider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,eAAe,cAAc,CAAC"}

package/lib/engine-components/SpringJoint.d.ts

@@ -0,0 +1,13 @@
+import { Behaviour } from "./Component";
+import { Rigidbody } from "./RigidBody";
+import { Vector3 } from "three";
+export declare class SpringJoint extends Behaviour {
+    anchor: Vector3 | null;
+    connectedBody: Rigidbody | null;
+    connectedAnchor: Vector3 | null;
+    spring: number;
+    damper: number;
+    private rb;
+    awake(): void;
+    update(): void;
+}

package/lib/engine-components/SpringJoint.js

@@ -0,0 +1,42 @@
+import { Behaviour, GameObject } from "./Component";
+import { Rigidbody } from "./RigidBody";
+import * as CANNON from 'cannon-es';
+export class SpringJoint extends Behaviour {
+    anchor = null;
+    connectedBody = null;
+    connectedAnchor = null;
+    spring = 10;
+    damper = .2;
+    rb = null;
+    awake() {
+        this.rb = GameObject.getComponent(this.gameObject, Rigidbody);
+        if (!this.connectedBody || !this.connectedBody.body || !this.rb || !this.rb.body)
+            return;
+        this.connectedBody.body.mass = Math.min(this.rb.body.mass * .99, this.connectedBody.body.mass);
+        const spring = new CANNON.Spring(this.rb.body, this.connectedBody.body, {
+            // localAnchorA: new CANNON.Vec3(-1, 1, 0),
+            // localAnchorB: new CANNON.Vec3(0, 0, 0),
+            // restLength: -.1,
+            // stiffness: 10,
+            // damping: .2,
+            restLength: 0.01,
+            stiffness: this.spring * .5,
+            damping: this.damper,
+            // localAnchorA: new CANNON.Vec3(this.anchor.x, this.anchor.y, this.anchor.z),
+            // localAnchorB: new CANNON.Vec3(
+            //     this.connectedAnchor.x,
+            //     this.connectedAnchor.y,
+            //     this.connectedAnchor.z
+            // ),
+        });
+        this.context.physics.addPostStepListener(_ => {
+            // const wp = this.connectedBody.worldPosition;
+            // console.log(wp.y, this.connectedBody.body.position.y, this.rb.body.position.y);
+            spring.applyForce();
+        });
+    }
+    update() {
+        // console.log(this.worldPosition.y)
+    }
+}
+//# sourceMappingURL=SpringJoint.js.map

package/lib/engine-components/SpringJoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpringJoint.js","sourceRoot":"","sources":["../../../engine-components/SpringJoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,MAAM,MAAM,WAAW,CAAA;AAGnC,MAAM,OAAO,WAAY,SAAQ,SAAS;IACtC,MAAM,GAAmB,IAAI,CAAC;IAC9B,aAAa,GAAqB,IAAI,CAAC;IACvC,eAAe,GAAmB,IAAI,CAAC;IACvC,MAAM,GAAW,EAAE,CAAC;IACpB,MAAM,GAAW,EAAE,CAAC;IAEZ,EAAE,GAAuB,IAAI,CAAC;IAEtC,KAAK;QACD,IAAI,CAAC,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;QAC9D,IAAG,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI;YAAE,OAAO;QACxF,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,GAAC,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7F,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;YACpE,2CAA2C;YAC3C,0CAA0C;YAC1C,mBAAmB;YACnB,iBAAiB;YACjB,eAAe;YACf,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,IAAI,CAAC,MAAM,GAAC,EAAE;YACzB,OAAO,EAAE,IAAI,CAAC,MAAM;YACpB,8EAA8E;YAC9E,iCAAiC;YACjC,8BAA8B;YAC9B,8BAA8B;YAC9B,6BAA6B;YAC7B,KAAK;SACR,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE;YACzC,+CAA+C;YAC/C,kFAAkF;YAClF,MAAM,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM;QACF,oCAAoC;IACxC,CAAC;CACJ"}

package/lib/engine-components/SpriteRenderer.d.ts

@@ -0,0 +1,33 @@
+import { Behaviour } from "./Component";
+import * as THREE from "three";
+import { RGBAColor } from "./js-extensions/RGBAColor";
+export declare enum SpriteDrawMode {
+    Simple = 0,
+    Sliced = 1,
+    Tiled = 2
+}
+declare class Vec2 {
+    x: number;
+    y: number;
+}
+export declare class Sprite {
+    texture?: THREE.Texture;
+    triangles: Array<number>;
+    uv: Array<Vec2>;
+    vertices: Array<Vec2>;
+    _geometry?: THREE.BufferGeometry;
+}
+export declare class SpriteRenderer extends Behaviour {
+    drawMode: SpriteDrawMode;
+    size: Vec2;
+    color?: RGBAColor;
+    sharedMaterial?: THREE.Material;
+    get sprite(): Sprite | undefined;
+    set sprite(value: Sprite | undefined);
+    private _sprite?;
+    private _currentSprite?;
+    awake(): void;
+    start(): void;
+    private updateSprite;
+}
+export {};

package/lib/engine-components/SpriteRenderer.js

@@ -0,0 +1,141 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Behaviour } from "./Component";
+import * as THREE from "three";
+import { serializeable } from "../engine/engine_serialization_decorator";
+import { Material, Texture } from "three";
+import { RGBAColor } from "./js-extensions/RGBAColor";
+/// <summary>
+///   <para>SpriteRenderer draw mode.</para>
+/// </summary>
+export var SpriteDrawMode;
+(function (SpriteDrawMode) {
+    /// <summary>
+    ///   <para>Displays the full sprite.</para>
+    /// </summary>
+    SpriteDrawMode[SpriteDrawMode["Simple"] = 0] = "Simple";
+    /// <summary>
+    ///   <para>The SpriteRenderer will render the sprite as a 9-slice image where the corners will remain constant and the other sections will scale.</para>
+    /// </summary>
+    SpriteDrawMode[SpriteDrawMode["Sliced"] = 1] = "Sliced";
+    /// <summary>
+    ///   <para>The SpriteRenderer will render the sprite as a 9-slice image where the corners will remain constant and the other sections will tile.</para>
+    /// </summary>
+    SpriteDrawMode[SpriteDrawMode["Tiled"] = 2] = "Tiled";
+})(SpriteDrawMode || (SpriteDrawMode = {}));
+class Vec2 {
+    x;
+    y;
+}
+export class Sprite {
+    texture;
+    triangles;
+    uv;
+    vertices;
+    _geometry;
+}
+__decorate([
+    serializeable(Texture)
+], Sprite.prototype, "texture", void 0);
+class SpriteUtils {
+    static getOrCreateGeometry(sprite) {
+        if (sprite._geometry)
+            return sprite._geometry;
+        const geo = new THREE.BufferGeometry();
+        sprite._geometry = geo;
+        const vertices = new Float32Array(sprite.triangles.length * 3);
+        const uvs = new Float32Array(sprite.triangles.length * 2);
+        for (let i = 0; i < sprite.triangles.length; i += 1) {
+            const index = sprite.triangles[i];
+            vertices[i * 3] = -sprite.vertices[index].x;
+            vertices[i * 3 + 1] = sprite.vertices[index].y;
+            vertices[i * 3 + 2] = 0;
+            const uv = sprite.uv[index];
+            uvs[i * 2] = uv.x;
+            uvs[i * 2 + 1] = 1 - uv.y;
+        }
+        // console.log(vertices);
+        geo.setAttribute("position", new THREE.BufferAttribute(vertices, 3));
+        geo.setAttribute("uv", new THREE.BufferAttribute(uvs, 2));
+        return geo;
+    }
+}
+export class SpriteRenderer extends Behaviour {
+    drawMode = SpriteDrawMode.Simple;
+    size = { x: 1, y: 1 };
+    color;
+    sharedMaterial;
+    get sprite() {
+        return this._sprite;
+    }
+    set sprite(value) {
+        if (value === this._sprite)
+            return;
+        this._sprite = value;
+        this.updateSprite();
+    }
+    _sprite;
+    _currentSprite;
+    awake() {
+        this._currentSprite = undefined;
+    }
+    start() {
+        if (this.drawMode === SpriteDrawMode.Tiled) {
+            console.warn("Tiled draw mode is not supported yet", this);
+        }
+        if (!this._currentSprite)
+            this.updateSprite();
+        else if (this.gameObject)
+            this.gameObject.add(this._currentSprite);
+    }
+    updateSprite() {
+        if (!this.__didAwake)
+            return;
+        if (!this.sprite)
+            return;
+        if (!this.sharedMaterial)
+            return;
+        if (!this._currentSprite) {
+            const mat = new THREE.MeshBasicMaterial({ color: 0xffffff, side: THREE.DoubleSide });
+            if (!mat)
+                return;
+            if (this.color) {
+                if (!mat["color"])
+                    mat["color"] = new THREE.Color();
+                mat["color"].copy(this.color);
+                mat["opacity"] = this.color.alpha;
+            }
+            mat.alphaTest = 0.5;
+            if (this.sprite.texture && !mat.wireframe) {
+                const t = this.sprite.texture;
+                // t.wrapS = THREE.RepeatWrapping;
+                mat["map"] = t;
+            }
+            this._currentSprite = new THREE.Mesh(SpriteUtils.getOrCreateGeometry(this.sprite), mat);
+        }
+        else {
+            this._currentSprite.geometry = SpriteUtils.getOrCreateGeometry(this.sprite);
+            this._currentSprite.material["map"] = this.sprite.texture;
+        }
+        if (this._currentSprite.parent !== this.gameObject) {
+            if (this.drawMode === SpriteDrawMode.Tiled)
+                this._currentSprite.scale.set(this.size.x, this.size.y, 1);
+            if (this.gameObject)
+                this.gameObject.add(this._currentSprite);
+        }
+    }
+}
+__decorate([
+    serializeable()
+], SpriteRenderer.prototype, "drawMode", void 0);
+__decorate([
+    serializeable(RGBAColor)
+], SpriteRenderer.prototype, "color", void 0);
+__decorate([
+    serializeable(Material)
+], SpriteRenderer.prototype, "sharedMaterial", void 0);
+//# sourceMappingURL=SpriteRenderer.js.map

package/lib/engine-components/SpriteRenderer.js.map

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

package/lib/engine-components/SyncedCamera.d.ts

@@ -0,0 +1,23 @@
+import { Behaviour } from "./Component";
+import { Camera } from "./Camera";
+import { AssetReference } from "../engine/engine_addressables";
+export declare class SyncedCamera extends Behaviour {
+    getUserCamera(userId: string): THREE.Object3D | null;
+    cam: Camera | null;
+    cameraPrefab: THREE.Object3D | null | AssetReference;
+    private _lastWorldPosition;
+    private _lastWorldQuaternion;
+    private _model;
+    private _needsUpdate;
+    private _lastUpdateTime;
+    private remoteCams;
+    private userToCamMap;
+    private _camTimeoutInSeconds;
+    private _receiveCallback;
+    awake(): Promise<void>;
+    start(): void;
+    onEnable(): void;
+    onDisable(): void;
+    update(): void;
+    private onReceivedRemoteCameraInfoBin;
+}