@needle-tools/engine 2.66.1-pre → 2.67.0-pre

package/src/engine-components-experimental/networking/PlayerSync.ts

@@ -28,7 +28,7 @@ export class PlayerSync extends Behaviour {
     }
 
     private async onUserJoined(_model) {
-        const instance = await this.asset?.instantiateSynced({parent:this.gameObject}, true);
+        const instance = await this.asset?.instantiateSynced({ parent: this.gameObject }, true);
         if (instance) {
             let pl = GameObject.getComponent(instance as Object3D, PlayerState);
             if (pl) {
@@ -60,6 +60,17 @@ export class PlayerSync extends Behaviour {
     }
 }
 
+export enum PlayerStateEvent {
+    OwnerChanged = "ownerChanged",
+}
+
+export declare interface PlayerStateOwnerChangedArgs {
+    playerState: PlayerState;
+    oldValue: string;
+    newValue: string;
+}
+
+export declare type PlayerStateEventCallback = (args: CustomEvent<PlayerStateOwnerChangedArgs>) => void;
 
 export class PlayerState extends Behaviour {
 
@@ -78,24 +89,70 @@ export class PlayerState extends Behaviour {
     //** use to check if a component or gameobject is part of a instance owned by the local player */
     static isLocalPlayer(obj: THREE.Object3D | Component): boolean {
         if (obj instanceof Object3D) {
-            return GameObject.getComponentInParent(obj, PlayerState)?.isLocalPlayer ?? false;
+            const state = GameObject.getComponentInParent(obj, PlayerState);
+            return state?.isLocalPlayer ?? false;
         }
         else if (obj instanceof Component) {
-            return GameObject.getComponentInParent(obj.gameObject, PlayerState)?.isLocalPlayer ?? false;
+            const state = GameObject.getComponentInParent(obj.gameObject, PlayerState);
+            return state?.isLocalPlayer ?? false;
         }
         return false;
     }
 
-    @syncField()
-    @serializable()
+    // static Callback
+    private static _callbacks: { [key: string]: PlayerStateEventCallback[] } = {};
+    /**
+     * Add a callback for a PlayerStateEvent
+     */
+    static addEventListener(event: PlayerStateEvent, cb: PlayerStateEventCallback) {
+        if (!this._callbacks[event]) this._callbacks[event] = [];
+        this._callbacks[event].push(cb);
+        return cb;
+    }
+    static removeEventListener(event: PlayerStateEvent, cb: PlayerStateEventCallback) {
+        if (!this._callbacks[event]) return;
+        const index = this._callbacks[event].indexOf(cb);
+        if (index >= 0) this._callbacks[event].splice(index, 1);
+    }
+    private static dispatchEvent(event: PlayerStateEvent, args: CustomEvent<PlayerStateOwnerChangedArgs>) {
+        if (!this._callbacks[event]) return;
+        for (const cb of this._callbacks[event]) {
+            cb(args);
+        }
+    }
+
+    @syncField("onOwnerChange")
     owner?: string;
 
     get isLocalPlayer(): boolean {
         return this.owner === this.context.connection.connectionId;
     }
 
+    private onOwnerChange(newOwner: string, oldOwner: string) {
+        // Remove from local owner array if it was local before
+        const index = PlayerState._local.indexOf(this);
+        if (index >= 0) PlayerState._local.splice(index, 1);
+
+        // Args to use for dispatching events
+        const detail: PlayerStateOwnerChangedArgs = {
+            playerState: this,
+            oldValue: oldOwner,
+            newValue: newOwner
+        }
+
+        if (this.owner === this.context.connection.connectionId) {
+            PlayerState._local.push(this);
+            // console.warn(this.gameObject.guid, this.guid, this.owner, this.isLocalPlayer, PlayerState.isLocalPlayer(this));
+            const evt = new CustomEvent("local-owner-changed", { detail: detail });
+            this.dispatchEvent(evt);
+            PlayerState.dispatchEvent(PlayerStateEvent.OwnerChanged, evt);
+        }
+        const evt = new CustomEvent("owner-changed", { detail: detail });
+        this.dispatchEvent(evt);
+        PlayerState.dispatchEvent(PlayerStateEvent.OwnerChanged, evt);
+    }
+
     awake(): void {
-        if (this.isLocalPlayer) PlayerState.local.push(this);
         PlayerState.all.push(this);
 
         this.context.connection.beginListen(RoomEvents.UserLeftRoom, (model: { userId: string }) => {
@@ -109,12 +166,16 @@ export class PlayerState extends Behaviour {
     }
 
     start() {
-        if (!this.owner || !this.context.connection.userIsInRoom(this.owner)) {
+        // If a player is spawned but not in the room anymore we want to destroy it
+        // this might happen in a case where all users get disconnected at once and the server 
+        // still has the syncInstantiate messages that are sent to all clients
+        if (this.owner && !this.context.connection.userIsInRoom(this.owner)) {
             this.doDestroy();
             return;
         }
     }
 
+    /** this tells the server that this client has been destroyed and the networking message for the instantiate will be removed */
     doDestroy() {
         syncDestroy(this.gameObject, this.context.connection);
     }

package/src/include/three/ARButton.js

@@ -1,13 +1,15 @@
 class ARButton {
 
-	static createButton( renderer, sessionInit = {} ) {
+	static createButton( renderer, options = {} ) {
 
 		const button = document.createElement( 'button' );
 		let ARButtonControlsDomOverlay = false;
 
-		function showStartAR( /*device*/ ) {
+		function showStartAR( /*device*/ ) {			
+			
+			options.optionalFeatures = options.optionalFeatures || [];
 
-			if ( sessionInit.domOverlay === undefined) {
+			if ( options.domOverlay === undefined) {
 
 				var overlay = document.createElement( 'div' );
 				overlay.style.display = 'none';
@@ -32,25 +34,12 @@ class ARButton {
 				path.setAttribute( 'stroke-width', 2 );
 				svg.appendChild( path );
 
-				if ( sessionInit.optionalFeatures === undefined ) {
-
-					sessionInit.optionalFeatures = [];
-
-				}
-
-				sessionInit.optionalFeatures.push( 'dom-overlay' );
-				sessionInit.domOverlay = { root: overlay };
+				options.optionalFeatures.push( 'dom-overlay' );
+				options.domOverlay = { root: overlay };
 				ARButtonControlsDomOverlay = true;
 
 			}
 
-			if ( sessionInit.optionalFeatures === undefined ) sessionInit.optionalFeatures = [];
-
-			// added for Hololens support
-			sessionInit.optionalFeatures.push( 'local-floor' );
-			sessionInit.optionalFeatures.push( 'hand-tracking' );
-			sessionInit.optionalFeatures.push( 'layers' );
-
 			//
 
 			let currentSession = null;
@@ -62,8 +51,8 @@ class ARButton {
 				// HTMLElements that are inside the Canvas element are not visible in the DOM Overlay.
 				const isWebXRViewer = /WebXRViewer\//i.test( navigator.userAgent );
 				if (isWebXRViewer) {
-					if(sessionInit.domOverlay?.root) {
-						const overlayElement = sessionInit.domOverlay.root;
+					if(options.domOverlay?.root) {
+						const overlayElement = options.domOverlay.root;
 						originalDomOverlayParent = overlayElement.parentElement;
 						if (originalDomOverlayParent) {
 							console.log("Reparent DOM Overlay to body", overlayElement, overlayElement.style.display);
@@ -89,7 +78,7 @@ class ARButton {
 				button.textContent = 'STOP AR';
 				
 				if (ARButtonControlsDomOverlay)
-					sessionInit.domOverlay.root.style.display = '';
+					options.domOverlay.root.style.display = '';
 
 				currentSession = session;
 
@@ -103,10 +92,10 @@ class ARButton {
 				
 				// if we reparented the DOM overlay, we're reverting it here
 				if (originalDomOverlayParent)
-					originalDomOverlayParent.appendChild(sessionInit.domOverlay.root);
+					originalDomOverlayParent.appendChild(options.domOverlay.root);
 				
 				if (ARButtonControlsDomOverlay)
-					sessionInit.domOverlay.root.style.display = 'none';
+					options.domOverlay.root.style.display = 'none';
 
 				currentSession = null;
 
@@ -138,7 +127,7 @@ class ARButton {
 
 				if ( currentSession === null ) {
 
-					navigator.xr.requestSession( 'immersive-ar', sessionInit ).then( onSessionStarted );
+					navigator.xr.requestSession( 'immersive-ar', options ).then( onSessionStarted );
 
 				} else {
 

package/src/include/three/VRButton.js

@@ -2,12 +2,6 @@ class VRButton {
 
 	static createButton( renderer, options ) {
 
-		if ( options ) {
-
-			console.error( 'THREE.VRButton: The "options" parameter has been removed. Please set the reference space type via renderer.xr.setReferenceSpaceType() instead.' );
-
-		}
-
 		const button = document.createElement( 'button' );
 
 		function showEnterVR( /*device*/ ) {
@@ -70,7 +64,7 @@ class VRButton {
 					// ('local' is always available for immersive sessions and doesn't need to
 					// be requested separately.)
 
-					const sessionInit = { optionalFeatures: [ 'local-floor', 'bounded-floor', 'hand-tracking', 'high-fixed-foveation-level', 'layers' ] };
+					const sessionInit = { optionalFeatures: options.optionalFeatures };
 					navigator.xr.requestSession( 'immersive-vr', sessionInit ).then( onSessionStarted );
 
 				} else {

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

@@ -1,34 +0,0 @@
-import { Behaviour } from "./Component";
-import { Context } from "../engine/engine_setup";
-export declare enum TonemappingMode {
-    None = 0,
-    Neutral = 1,
-    ACES = 2
-}
-export declare class VolumeParameter {
-    overrideState: boolean;
-    value: number;
-}
-export declare class VolumeComponent {
-    active: boolean;
-    parameters?: VolumeParameter[];
-}
-export declare class ToneMapping extends VolumeComponent {
-    mode?: VolumeParameter;
-    get isToneMapping(): boolean;
-}
-export declare class ColorAdjustments extends VolumeComponent {
-    postExposure?: VolumeParameter;
-}
-export declare class VolumeProfile {
-    components?: VolumeComponent[];
-    apply(context: Context): void;
-    unapply(context: Context): void;
-    private onUpdate;
-}
-export declare class Volume extends Behaviour {
-    sharedProfile?: VolumeProfile;
-    awake(): void;
-    onEnable(): void;
-    onDisable(): void;
-}

package/lib/engine-components/Volume.js

@@ -1,140 +0,0 @@
-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 { LinearToneMapping, ACESFilmicToneMapping, ReinhardToneMapping } from "three";
-import { serializable } from "../engine/engine_serialization_decorator";
-import { getParam } from "../engine/engine_utils";
-const debug = getParam("debugvolume");
-export var TonemappingMode;
-(function (TonemappingMode) {
-    TonemappingMode[TonemappingMode["None"] = 0] = "None";
-    TonemappingMode[TonemappingMode["Neutral"] = 1] = "Neutral";
-    TonemappingMode[TonemappingMode["ACES"] = 2] = "ACES";
-})(TonemappingMode || (TonemappingMode = {}));
-export class VolumeParameter {
-    overrideState = false;
-    value = 0;
-}
-export class VolumeComponent {
-    active = false;
-    parameters;
-}
-export class ToneMapping extends VolumeComponent {
-    mode;
-    get isToneMapping() { return true; }
-}
-export class ColorAdjustments extends VolumeComponent {
-    postExposure;
-}
-// resolve the types:
-function resolveComponentType(data) {
-    if ("mode" in data)
-        return ToneMapping;
-    if ("postExposure" in data)
-        return ColorAdjustments;
-    return VolumeComponent;
-}
-const volumeKey = Symbol("volumeprofile");
-export class VolumeProfile {
-    components;
-    apply(context) {
-        this.onUpdate(context, false);
-    }
-    unapply(context) {
-        this.onUpdate(context, true);
-    }
-    onUpdate(context, remove) {
-        if (!this.components)
-            return;
-        const renderer = context.renderer;
-        const currentProfile = renderer[volumeKey];
-        const isActive = currentProfile !== undefined;
-        if (remove) {
-            // can not remove volume profile that is not active
-            if (!isActive)
-                return;
-        }
-        else {
-            renderer[volumeKey] = this;
-        }
-        for (const component of this.components) {
-            if (component instanceof ToneMapping) {
-                const tonemapping = component;
-                if (!component.active || remove) {
-                    context.renderer.toneMapping = LinearToneMapping;
-                    continue;
-                }
-                if (debug)
-                    console.log("VOLUME:", TonemappingMode[tonemapping.mode?.value ?? 0]);
-                const mode = tonemapping.mode;
-                const value = mode?.overrideState ? mode?.value : 0;
-                switch (value ?? 0) {
-                    case TonemappingMode.None:
-                        context.renderer.toneMapping = LinearToneMapping;
-                        break;
-                    case TonemappingMode.Neutral:
-                        context.renderer.toneMapping = ReinhardToneMapping;
-                        break;
-                    case TonemappingMode.ACES:
-                        context.renderer.toneMapping = ACESFilmicToneMapping;
-                        break;
-                }
-            }
-            else if (component instanceof ColorAdjustments) {
-                if (!component.active)
-                    continue;
-                const colorAdjustments = component;
-                // unity range goes from -15..15
-                // three.js range goes from 0..inf
-                if (debug)
-                    console.log(colorAdjustments.postExposure);
-                let exposure = 1;
-                // convert to linear
-                if (colorAdjustments.postExposure)
-                    exposure = Math.pow(2, colorAdjustments.postExposure.value);
-                // ACES applies a factor of roughly 1.666 ( /= .6 )
-                if (context.renderer.toneMapping === ACESFilmicToneMapping) {
-                    // exposure /= Math.PI / 2;
-                }
-                const useExposure = colorAdjustments.postExposure?.overrideState && !remove;
-                context.renderer.toneMappingExposure = useExposure ? exposure : 1;
-                if (!context.renderer.toneMapping)
-                    context.renderer.toneMapping = LinearToneMapping;
-            }
-        }
-    }
-}
-__decorate([
-    serializable([d => resolveComponentType(d), VolumeComponent])
-], VolumeProfile.prototype, "components", void 0);
-export class Volume extends Behaviour {
-    sharedProfile;
-    awake() {
-        if (debug) {
-            console.log(this);
-            console.log("Press P to toggle post processing");
-            window.addEventListener("keydown", (e) => {
-                if (e.key === "p") {
-                    console.log("Toggle volume: " + this.name, !this.enabled);
-                    this.enabled = !this.enabled;
-                }
-            });
-        }
-    }
-    onEnable() {
-        if (debug)
-            console.log("APPLY VOLUME", this);
-        this.sharedProfile?.apply(this.context);
-    }
-    onDisable() {
-        this.sharedProfile?.unapply(this.context);
-    }
-}
-__decorate([
-    serializable(VolumeProfile)
-], Volume.prototype, "sharedProfile", void 0);
-//# sourceMappingURL=Volume.js.map

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

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

package/src/engine-components/Volume.ts

@@ -1,141 +0,0 @@
-import { Behaviour } from "./Component";
-import { NoToneMapping, LinearToneMapping, ACESFilmicToneMapping, ReinhardToneMapping } from "three";
-import { serializable } from "../engine/engine_serialization_decorator";
-import { Context } from "../engine/engine_setup";
-import { getParam } from "../engine/engine_utils";
-
-const debug = getParam("debugvolume");
-
-export enum TonemappingMode {
-    None = 0,
-    Neutral = 1, // Neutral tonemapper
-    ACES = 2,    // ACES Filmic reference tonemapper (custom approximation)
-}
-
-export class VolumeParameter {
-    overrideState: boolean = false;
-    value: number = 0;
-}
-
-export class VolumeComponent {
-    active: boolean = false;
-    parameters?: VolumeParameter[];
-}
-
-export class ToneMapping extends VolumeComponent {
-    mode?: VolumeParameter;
-    get isToneMapping() { return true; }
-}
-
-export class ColorAdjustments extends VolumeComponent {
-    postExposure?: VolumeParameter;
-}
-
-// resolve the types:
-function resolveComponentType(data) {
-    if ("mode" in data) return ToneMapping;
-    if ("postExposure" in data) return ColorAdjustments;
-    return VolumeComponent;
-}
-
-const volumeKey = Symbol("volumeprofile");
-
-export class VolumeProfile {
-    @serializable([d => resolveComponentType(d), VolumeComponent])
-    components?: VolumeComponent[];
-
-    apply(context: Context) {
-        this.onUpdate(context, false);
-    }
-
-    unapply(context: Context) {
-        this.onUpdate(context, true);
-    }
-
-    private onUpdate(context: Context, remove: boolean) {
-        if (!this.components) return;
-        const renderer = context.renderer;
-        const currentProfile = renderer[volumeKey];
-        const isActive = currentProfile !== undefined;
-        if (remove) {
-            // can not remove volume profile that is not active
-            if (!isActive) return;
-        }
-        else {
-            renderer[volumeKey] = this;
-        }
-        for (const component of this.components) {
-
-            if (component instanceof ToneMapping) {
-                const tonemapping = component as ToneMapping;
-                if (!component.active || remove) {
-                    context.renderer.toneMapping = LinearToneMapping;
-                    continue;
-                }
-                if (debug) console.log("VOLUME:", TonemappingMode[tonemapping.mode?.value ?? 0]);
-                const mode = tonemapping.mode;
-                const value = mode?.overrideState ? mode?.value : 0;
-                switch (value ?? 0) {
-                    case TonemappingMode.None:
-                        context.renderer.toneMapping = LinearToneMapping;
-                        break;
-                    case TonemappingMode.Neutral:
-                        context.renderer.toneMapping = ReinhardToneMapping;
-                        break;
-                    case TonemappingMode.ACES:
-                        context.renderer.toneMapping = ACESFilmicToneMapping;
-                        break;
-                }
-            }
-            else if (component instanceof ColorAdjustments) {
-                if (!component.active) continue;
-                const colorAdjustments = component as ColorAdjustments;
-                // unity range goes from -15..15
-                // three.js range goes from 0..inf
-                if (debug)
-                    console.log(colorAdjustments.postExposure);
-                let exposure = 1;
-                // convert to linear
-                if (colorAdjustments.postExposure)
-                    exposure = Math.pow(2, colorAdjustments.postExposure.value);
-                // ACES applies a factor of roughly 1.666 ( /= .6 )
-                if (context.renderer.toneMapping === ACESFilmicToneMapping) {
-                    // exposure /= Math.PI / 2;
-                }
-                const useExposure = colorAdjustments.postExposure?.overrideState && !remove;
-                context.renderer.toneMappingExposure = useExposure ? exposure : 1;
-                if (!context.renderer.toneMapping)
-                    context.renderer.toneMapping = LinearToneMapping;
-            }
-        }
-    }
-}
-
-
-export class Volume extends Behaviour {
-
-    @serializable(VolumeProfile)
-    sharedProfile?: VolumeProfile;
-
-    awake() {
-        if (debug) {
-            console.log(this);
-            console.log("Press P to toggle post processing");
-            window.addEventListener("keydown", (e) => {
-                if (e.key === "p") {
-                    console.log("Toggle volume: " + this.name, !this.enabled);
-                    this.enabled = !this.enabled;
-                }
-            });
-        }
-    }
-
-    onEnable() {
-        if (debug) console.log("APPLY VOLUME", this)
-        this.sharedProfile?.apply(this.context);
-    }
-
-    onDisable() {
-        this.sharedProfile?.unapply(this.context);
-    }
-}