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

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

@@ -167,6 +167,8 @@ export class Text extends Graphic {
         // if (this.canvas) {
         //     fontSize /= this.canvas?.scaleFactor;
         // }
+
+        // @TODO : THH check for changes. fontColor => color?
         const textOpts = {
             content: this.text,
             fontColor: this.color,
@@ -203,8 +205,13 @@ export class Text extends Graphic {
     private createBlock(rt: RectTransform, hideOverflow: boolean, content: THREE.Object3D | Array<THREE.Object3D> | null, isTextIntermediate: boolean = false): ThreeMeshUI.Block | null {
         //@ts-ignore
         const opts: ThreeMeshUI.BlockOptions = {};
+
+        // @TODO : THH would require update for 7.x
         opts.hiddenOverflow = hideOverflow;
+
+        // @TODO : THH would require update for 7.x
         opts.interLine = (this.lineSpacing - 1) * this.fontSize * 1.333;
+
         this.getAlignment(opts, isTextIntermediate);
         const block = rt.createNewBlock(opts);
         if (content) {
@@ -219,9 +226,31 @@ export class Text extends Graphic {
 
 
     private getAlignment(opts: ThreeMeshUI.BlockOptions | any, isTextIntermediate: boolean = false): ThreeMeshUI.BlockOptions {
-        if (!isTextIntermediate)
+        if (!isTextIntermediate) {
             opts.contentDirection = "row";
+
+            switch (this.alignment) {
+                case TextAnchor.UpperLeft:
+                case TextAnchor.MiddleLeft:
+                case TextAnchor.LowerLeft:
+                    opts.textAlign = "left";
+                    break;
+                case TextAnchor.UpperCenter:
+                case TextAnchor.MiddleCenter:
+                case TextAnchor.LowerCenter:
+                    opts.textAlign = "center";
+
+                    break;
+                case TextAnchor.UpperRight:
+                case TextAnchor.MiddleRight:
+                case TextAnchor.LowerRight:
+                    opts.textAlign = "right";
+                    break;
+            }
+        }
+
         switch (this.alignment) {
+            // @info ThreeMeshUI remaining alignment : space-between|space-around|"stretch(experimental)"
             default:
             case TextAnchor.UpperLeft:
             case TextAnchor.UpperCenter:
@@ -239,21 +268,24 @@ export class Text extends Graphic {
                 opts.justifyContent = "end";
                 break;
         }
+
+        // @TODO :  THH evaluate this is still useful. In case of texts, horizontal alignments are made with textAlign
         switch (this.alignment) {
             case TextAnchor.UpperLeft:
             case TextAnchor.MiddleLeft:
             case TextAnchor.LowerLeft:
-                opts.alignContent = isTextIntermediate ? "left" : "top";
+                opts.alignItems = "start";
                 break;
             case TextAnchor.UpperCenter:
             case TextAnchor.MiddleCenter:
             case TextAnchor.LowerCenter:
-                opts.alignContent = "center";
+                opts.alignItems = "center";
+
                 break;
             case TextAnchor.UpperRight:
             case TextAnchor.MiddleRight:
             case TextAnchor.LowerRight:
-                opts.alignContent = isTextIntermediate ? "right" : "bottom";
+                opts.alignItems = "end";
                 break;
         }
         return opts;
@@ -378,7 +410,7 @@ export class Text extends Graphic {
                 if (tag.type.length > 6) // color=
                 {
                     const col = tag.type.substring(6);
-                    opts.fontColor = getColorFromString(col);
+                    opts.fontColor = new Color(col);
                 }
                 else {
                     // if it does not contain a color it is white
@@ -477,174 +509,5 @@ declare type TagInfo = {
     isEndTag: boolean
 }
 
-
-function getColorFromString(str: string): Color {
-    if (str.startsWith("#")) {
-        const hex = str.substring(1);
-        var bigint = parseInt(hex, 16);
-        const r = (bigint >> 16) & 255;
-        const g = (bigint >> 8) & 255;
-        const b = bigint & 255;
-        return new Color(r / 255, g / 255, b / 255);
-    }
-    switch (str) {
-        // basic colors // https://www.rapidtables.com/web/color/RGB_Color.html
-        case "black": return new Color(0, 0, 0);
-        case "white": return new Color(1, 1, 1);
-        case "red": return new Color(1, 0, 0);
-        case "lime": return new Color(0, 1, 0);
-        case "blue": return new Color(0, 0, 1);
-        case "yellow": return new Color(1, 1, 0);
-        case "cyan": return new Color(0, 1, 1);
-        case "magenta": return new Color(1, 0, 1);
-        case "silver": return new Color(0.75, 0.75, 0.75);
-        case "gray": return new Color(0.5, 0.5, 0.5);
-        case "maroon": return new Color(0.5, 0, 0);
-        case "olive": return new Color(0.5, 0.5, 0);
-        case "green": return new Color(0, 0.5, 0);
-        case "purple": return new Color(0.5, 0, 0.5);
-        case "teal": return new Color(0, 0.5, 0.5);
-        case "navy": return new Color(0, 0, 0.5);
-
-        // case "maroon": return new Color(0.5, 0, 0);
-        case "darkred": return new Color(0.54, 0, 0);
-        case "brown": return new Color(0.55, 0.27, 0);
-        case "firebrick": return new Color(0.69, 0.13, 0.13);
-        case "crimson": return new Color(0.86, 0.08, 0.24);
-        // case "red": return new Color(1, 0, 0);
-        case "tomato": return new Color(1, 0.39, 0.28);
-        case "coral": return new Color(1, 0.49, 0.31);
-        case "indianred": return new Color(0.6, 0.31, 0.51);
-        case "lightcoral": return new Color(0.94, 0.5, 0.5);
-        case "darkorange": return new Color(1, 0.55, 0);
-        case "orange": return new Color(1, 0.65, 0);
-        case "gold": return new Color(1, 0.84, 0);
-        case "darkgoldenrod": return new Color(0.72, 0.53, 0.04);
-        case "goldenrod": return new Color(0.85, 0.65, 0.13);
-        case "palegoldenrod": return new Color(0.93, 0.87, 0.67);
-        case "darkkhaki": return new Color(0.74, 0.7, 0.42);
-        case "khaki": return new Color(0.94, 0.9, 0.55);
-        // case "olive": return new Color(0.5, 0.5, 0);
-        // case "yellow": return new Color(1, 1, 0);
-        case "yellowgreen": return new Color(0.6, 0.8, 0.19);
-        case "darkolivegreen": return new Color(0.33, 0.42, 0.18);
-        case "olivedrab": return new Color(0.42, 0.56, 0.14);
-        case "lawngreen": return new Color(0.49, 0.99, 0.0);
-        case "chartreuse": return new Color(0.5, 1, 0);
-        case "greenyellow": return new Color(0.68, 1, 0.18);
-        case "darkgreen": return new Color(0, 0.39, 0);
-        // case "green": return new Color(0, 1, 0);
-        case "forestgreen": return new Color(0.13, 0.55, 0.13);
-        // case "lime": return new Color(0, 1, 0);
-        case "limegreen": return new Color(0.19, 0.80, 0.19);
-        case "lightgreen": return new Color(0.56, 0.93, 0.56);
-        case "palegreen": return new Color(0.59, 0.98, 0.59);
-        case "darkseagreen": return new Color(0.56, 0.74, 0.56);
-        case "mediumspringgreen": return new Color(0, 0.98, 0.6);
-        case "springgreen": return new Color(0, 1, 0.5);
-        case "seagreen": return new Color(0.18, 0.31, 0.31);
-        case "mediumaquamarine": return new Color(0.4, 0.8, 0.66);
-        case "mediumseagreen": return new Color(0.24, 0.70, 0.44);
-        case "lightseagreen": return new Color(0.13, 0.70, 0.67);
-        case "darkslategray": return new Color(0.18, 0.31, 0.31);
-        // case "teal": return new Color(0, 0.5, 0.5);
-        case "darkcyan": return new Color(0, 0.55, 0.55);
-        case "aqua": return new Color(0, 1, 1);
-        // case "cyan": return new Color(0, 1, 1);
-        case "lightcyan": return new Color(0.8, 1, 1);
-        case "darkturquoise": return new Color(0, 0.81, 0.82);
-        case "turquoise": return new Color(0, 0.82, 0.82);
-        case "mediumturquoise": return new Color(0.28, 0.82, 0.8);
-        case "paleturquoise": return new Color(0.68, 1, 0.93);
-        case "aquamarine": return new Color(0.5, 1, 0.83);
-        case "powderblue": return new Color(0.69, 0.88, 0.9);
-        case "cadetblue": return new Color(0.37, 0.62, 0.63);
-        case "steelblue": return new Color(0.27, 0.51, 0.71);
-        case "cornflowerblue": return new Color(0.39, 0.58, 0.93);
-        case "deepskyblue": return new Color(0, 0.7, 1);
-        case "dodgerblue": return new Color(0.12, 0.56, 1);
-        case "lightblue": return new Color(0.68, 0.85, 0.9);
-        case "skyblue": return new Color(0.53, 0.81, 0.92);
-        case "lightskyblue": return new Color(0.53, 0.81, 0.98);
-        case "midnightblue": return new Color(0.18, 0.18, 0.31);
-        // case "navy": return new Color(0, 0, 0.5);
-        case "darkblue": return new Color(0, 0, 0.55);
-        case "mediumblue": return new Color(0, 0, 0.82);
-        // case "blue": return new Color(0, 0, 1);
-        case "royalblue": return new Color(0.25, 0.41, 0.88);
-        case "blueviolet": return new Color(0.54, 0.17, 0.89);
-        case "indigo": return new Color(0.29, 0, 0.51);
-        case "darkslateblue": return new Color(0.28, 0.24, 0.55);
-        case "slateblue": return new Color(0.42, 0.35, 0.80);
-        case "mediumslateblue": return new Color(0.48, 0.41, 0.9);
-        case "mediumpurple": return new Color(0.58, 0.44, 0.86);
-        case "darkmagenta": return new Color(0.55, 0, 0.55);
-        case "darkviolet": return new Color(0.58, 0, 0.83);
-        case "darkorchid": return new Color(0.6, 0.2, 0.8);
-        case "mediumorchid": return new Color(0.73, 0.33, 0.83);
-        // case "purple": return new Color(0.5, 0, 0.5);
-        case "thistle": return new Color(0.84, 0.75, 0.85);
-        case "plum": return new Color(0.87, 0.63, 0.87);
-        case "violet": return new Color(0.93, 0.51, 0.93);
-        // case "magenta": return new Color(1, 0, 1);
-        case "fuchsia": return new Color(1, 0, 1);
-        case "orchid": return new Color(0.85, 0.44, 0.84);
-        case "mediumvioletred": return new Color(0.78, 0.08, 0.52);
-        case "palevioletred": return new Color(0.86, 0.44, 0.58);
-        case "hotpink": return new Color(1, 0.4, 0.71);
-        case "deeppink": return new Color(1, 0.08, 0.58);
-        case "lightpink": return new Color(1, 0.71, 0.76);
-        case "pink": return new Color(1, 0.75, 0.78);
-        case "antiquewhite": return new Color(0.98, 0.92, 0.84);
-        case "beige": return new Color(0.96, 0.96, 0.86);
-        case "bisque": return new Color(1, 0.89, 0.77);
-        case "blanchedalmond": return new Color(1, 0.92, 0.82);
-        case "wheat": return new Color(0.96, 0.87, 0.87);
-        case "cornsilk": return new Color(1, 0.97, 0.86);
-        case "lemonchiffon": return new Color(1, 0.98, 0.8);
-        case "lightgoldenrodyellow": return new Color(0.98, 0.98, 0.82);
-        case "lightyellow": return new Color(1, 1, 0.8);
-        case "saddlebrown": return new Color(0.55, 0.27, 0.07);
-        case "sienna": return new Color(0.63, 0.32, 0.18);
-        case "chocolate": return new Color(0.82, 0.41, 0.12);
-        case "peru": return new Color(0.82, 0.52, 0.25);
-        case "sandybrown": return new Color(0.96, 0.64, 0.38);
-        case "burlywood": return new Color(0.87, 0.72, 0.53);
-        case "tan": return new Color(0.82, 0.71, 0.55);
-        case "rosybrown": return new Color(0.74, 0.56, 0.56);
-        case "moccasin": return new Color(1, 0.89, 0.71);
-        case "navajowhite": return new Color(1, 0.87, 0.68);
-        case "peachpuff": return new Color(1, 0.85, 0.73);
-        case "mistyrose": return new Color(1, 0.89, 0.88);
-        case "lavenderblush": return new Color(1, 0.94, 0.93);
-        case "linen": return new Color(0.98, 0.94, 0.9);
-        case "oldlace": return new Color(0.99, 0.96, 0.9);
-        case "papayawhip": return new Color(1, 0.94, 0.84);
-        case "seashell": return new Color(1, 0.96, 0.93);
-        case "mintcream": return new Color(0.98, 1, 0.98);
-        case "slategray": return new Color(0.44, 0.5, 0.56);
-        case "lightslategray": return new Color(0.47, 0.53, 0.6);
-        case "lightsteelblue": return new Color(0.69, 0.77, 0.87);
-        case "lavender": return new Color(0.9, 0.9, 0.98);
-        case "floralwhite": return new Color(1, 0.98, 0.98);
-        case "aliceblue": return new Color(0.94, 0.97, 1);
-        case "ghostwhite": return new Color(0.97, 0.97, 1);
-        case "honeydew": return new Color(0.94, 1, 0.94);
-        case "ivory": return new Color(1, 1, 0.94);
-        case "azure": return new Color(0.94, 1, 1);
-        case "snow": return new Color(1, 0.98, 0.98);
-        // case "black": return new Color(0, 0, 0);
-        case "dimgray": return new Color(0.4, 0.4, 0.4);
-        // case "gray": return new Color(0.5, 0.5, 0.5);
-        case "darkgray": return new Color(0.66, 0.66, 0.66);
-        // case "silver": return new Color(0.75, 0.75, 0.75);
-        case "lightgray": return new Color(0.83, 0.83, 0.83);
-        case "gainsboro": return new Color(0.86, 0.86, 0.86);
-        case "whitesmoke": return new Color(0.96, 0.96, 0.96);
-
-    }
-    return new Color(1, 1, 1);
-}
-
 // const anyTag = new RegExp('<.+?>', 'g');
 // const regex = new RegExp('<(?<type>.+?)>(?<text>.+?)<\/.+?>', 'g');

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

@@ -24,11 +24,11 @@ export class PlayerSync extends Behaviour {
         this.context.connection.beginListen(RoomEvents.JoinedRoom, this.joinedRoomFunction!)
     }
     onDisable(): void {
-        this.context.connection.stopListening(RoomEvents.JoinedRoom, this.joinedRoomFunction!)
+        this.context.connection.stopListen(RoomEvents.JoinedRoom, this.joinedRoomFunction!)
     }
 
     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