@needle-tools/engine 2.24.0-pre

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

@@ -0,0 +1,129 @@
+// import { Canvas } from './Canvas';
+import * as ThreeMeshUI from 'three-mesh-ui';
+import { Behaviour, GameObject } from "../Component";
+import { EventSystem } from "./EventSystem";
+import { showGizmos } from '../../engine/engine_default_parameters';
+import { AxesHelper } from 'three';
+export const includesDir = "./include";
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy
+ThreeMeshUI.Block.prototype["interactable"] = {
+    get() {
+        return this.interactive;
+    },
+    set(value) {
+        this.interactable = value;
+    }
+};
+export class BaseUIComponent extends Behaviour {
+    isRoot() { return this.Root?.gameObject === this.gameObject; }
+    markDirty() {
+        EventSystem.markUIDirty(this.context);
+    }
+    shadowComponent = null;
+    _controlsChildLayout = true;
+    get controlsChildLayout() { return this._controlsChildLayout; }
+    set controlsChildLayout(val) {
+        this._controlsChildLayout = val;
+        if (this.shadowComponent) {
+            //@ts-ignore
+            this.shadowComponent.autoLayout = val;
+        }
+    }
+    _root = undefined;
+    get Root() {
+        if (this._root === undefined) {
+            this._root = GameObject.getComponentInParent(this.gameObject, UIRootComponent);
+        }
+        return this._root;
+    }
+    // private _intermediate?: Object3D;
+    _parentComponent = undefined;
+    onEnable() {
+        super.onEnable();
+    }
+    //@ts-ignore
+    addShadowComponent(container, parent) {
+        this.removeShadowComponent();
+        // instead of inserting here, we attach to the matching shadow hierarchy starting with the Canvas component.
+        const searchFrom = this.isRoot() ? this.gameObject : this.gameObject.parent;
+        this._parentComponent = GameObject.getComponentInParent(searchFrom, BaseUIComponent);
+        if (!this._parentComponent) {
+            console.warn(`Component \"${this.name}\" doesn't have a UI parent anywhere. Do you have a UI element outside a Canvas?`, this);
+            return;
+        }
+        // console.trace(container);
+        container.name = this.name + " (" + (this.constructor.name ?? "UI") + ")";
+        container.autoLayout = this._parentComponent.controlsChildLayout;
+        container.shadowComponentOwner = this;
+        const raycastTarget = this.raycastTarget;
+        // TODO: only traverse our own hierarchy, we can stop if we find another owner
+        container.traverse(c => {
+            if (c.shadowComponentOwner === undefined)
+                c.shadowComponentOwner = this;
+            if (raycastTarget === false) {
+                c.layers.set(2);
+            }
+        });
+        if (this.Root?.gameObject === this.gameObject) {
+            this.gameObject.add(container);
+        }
+        else {
+            let targetShadowComponent = this._parentComponent.shadowComponent;
+            if (targetShadowComponent) {
+                // console.log("ADD", this.name, "to", this._parentComponent.name, targetShadowComponent);
+                targetShadowComponent?.add(container);
+            }
+        }
+        this.shadowComponent = container;
+        if (parent && parent.shadowComponent && this.shadowComponent) {
+            parent.shadowComponent.add(this.shadowComponent);
+        }
+        // this.applyTransform();
+        if (showGizmos) {
+            container.add(new AxesHelper(.5));
+        }
+        this.onAfterAddedToScene();
+        // this.startCoroutine(this._updateRenderSettingsDelayed(), FrameEvent.OnBeforeRender);
+    }
+    set(_state) {
+        // if (!this.shadowComponent) return;
+        // this.traverseOwnedShadowComponents(this.shadowComponent, this, o => {
+        //     for (const ch of o.children) {
+        //         console.log(this, ch);
+        //         if (ch.isUI && typeof ch.set === "function") {
+        //             // ch.set(state);
+        //             // ch.update(true, true, true);
+        //         }
+        //     }
+        // })
+    }
+    traverseOwnedShadowComponents(current, owner, callback) {
+        if (!current)
+            return;
+        if (current["shadowComponentOwner"] === owner) {
+            callback(current);
+            for (const ch of current.children) {
+                this.traverseOwnedShadowComponents(ch, owner, callback);
+            }
+        }
+    }
+    removeShadowComponent() {
+        if (this.shadowComponent) {
+            this.shadowComponent.removeFromParent();
+        }
+    }
+    onAfterAddedToScene() {
+    }
+    setInteractable(value) {
+        if (this.shadowComponent) {
+            //@ts-ignore
+            this.shadowComponent.interactable = value;
+        }
+    }
+}
+export class UIRootComponent extends BaseUIComponent {
+    awake() {
+        super.awake();
+    }
+}
+//# sourceMappingURL=BaseUIComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseUIComponent.js","sourceRoot":"","sources":["../../../../engine-components/ui/BaseUIComponent.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAY,MAAM,OAAO,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC;AAEvC,yFAAyF;AAGzF,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG;IAC1C,GAAG;QACC,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,GAAG,CAAC,KAAK;QACL,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;CACJ,CAAA;AAED,MAAM,OAAO,eAAgB,SAAQ,SAAS;IAE1C,MAAM,KAAK,OAAO,IAAI,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IAE9D,SAAS;QACL,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;IAED,eAAe,GAA6B,IAAI,CAAC;IAEzC,oBAAoB,GAAG,IAAI,CAAC;IACpC,IAAI,mBAAmB,KAAc,OAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACxE,IAAI,mBAAmB,CAAC,GAAY;QAChC,IAAI,CAAC,oBAAoB,GAAG,GAAG,CAAC;QAChC,IAAI,IAAI,CAAC,eAAe,EAAE;YACtB,YAAY;YACX,IAAI,CAAC,eAA+C,CAAC,UAAU,GAAG,GAAG,CAAC;SAC1E;IACL,CAAC;IAEO,KAAK,GAA4B,SAAS,CAAC;IACnD,IAAc,IAAI;QACd,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;YAC1B,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,oBAAoB,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;SAClF;QACD,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,oCAAoC;IAC1B,gBAAgB,GAA4B,SAAS,CAAC;IAEhE,QAAQ;QACJ,KAAK,CAAC,QAAQ,EAAE,CAAC;IACrB,CAAC;IAED,YAAY;IACF,kBAAkB,CAAC,SAAc,EAAE,MAAwB;QAEjE,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAE7B,4GAA4G;QAC5G,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;QAC5E,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,oBAAoB,CAAC,UAAW,EAAE,eAAe,CAAC,CAAC;QACtF,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACxB,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,kFAAkF,EAAE,IAAI,CAAC,CAAC;YAC/H,OAAO;SACV;QAED,4BAA4B;QAC5B,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC;QAC1E,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC;QACjE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACtC,MAAM,aAAa,GAAI,IAA4B,CAAC,aAAa,CAAC;QAClE,8EAA8E;QAC9E,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;YACnB,IAAI,CAAC,CAAC,oBAAoB,KAAK,SAAS;gBACpC,CAAC,CAAC,oBAAoB,GAAG,IAAI,CAAC;YAClC,IAAI,aAAa,KAAK,KAAK,EAAE;gBACzB,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACnB;QACL,CAAC,CAAC,CAAA;QACF,IAAI,IAAI,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC,UAAU,EAAE;YAC3C,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;SAClC;aACI;YACD,IAAI,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC;YAClE,IAAI,qBAAqB,EAAE;gBACvB,0FAA0F;gBAC1F,qBAAqB,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;aACzC;SACJ;QACD,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;QACjC,IAAI,MAAM,IAAI,MAAM,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,EAAE;YAC1D,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SACpD;QACD,yBAAyB;QAEzB,IAAI,UAAU,EAAE;YACZ,SAAS,CAAC,GAAG,CAAC,IAAI,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;SACrC;QAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,uFAAuF;IAC3F,CAAC;IAGD,GAAG,CAAC,MAAc;QACd,qCAAqC;QACrC,wEAAwE;QACxE,qCAAqC;QACrC,iCAAiC;QACjC,yDAAyD;QACzD,gCAAgC;QAChC,8CAA8C;QAC9C,YAAY;QACZ,QAAQ;QACR,KAAK;IACT,CAAC;IAEO,6BAA6B,CAAC,OAAiB,EAAE,KAAU,EAAE,QAA4B;QAC7F,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,IAAI,OAAO,CAAC,sBAAsB,CAAC,KAAK,KAAK,EAAE;YAC3C,QAAQ,CAAC,OAAO,CAAC,CAAC;YAClB,KAAK,MAAM,EAAE,IAAI,OAAO,CAAC,QAAQ,EAAE;gBAC/B,IAAI,CAAC,6BAA6B,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;aAC3D;SACJ;IACL,CAAC;IAES,qBAAqB;QAC3B,IAAI,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,eAAe,CAAC,gBAAgB,EAAE,CAAC;SAC3C;IACL,CAAC;IAES,mBAAmB;IAE7B,CAAC;IAED,eAAe,CAAC,KAAc;QAC1B,IAAI,IAAI,CAAC,eAAe,EAAE;YACtB,YAAY;YACZ,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG,KAAK,CAAC;SAC7C;IACL,CAAC;CACJ;AAED,MAAM,OAAO,eAAgB,SAAQ,eAAe;IAChD,KAAK;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;IAClB,CAAC;CACJ"}

package/lib/engine-components/ui/Button.d.ts

@@ -0,0 +1,55 @@
+import { Behaviour } from "../Component";
+import { EventList } from "../EventList";
+import { IPointerEventHandler, PointerEventData } from "./PointerEvents";
+import { RGBAColor } from "../js-extensions/RGBAColor";
+import { Animator } from "../Animator";
+export declare enum Transition {
+    None = 0,
+    ColorTint = 1,
+    SpriteSwap = 2,
+    Animation = 3
+}
+declare class ButtonColors {
+    colorMultiplier: 1;
+    disabledColor: RGBAColor;
+    fadeDuration: number;
+    highlightedColor: RGBAColor;
+    normalColor: RGBAColor;
+    pressedColor: RGBAColor;
+    selectedColor: RGBAColor;
+}
+declare type AnimationTriggers = {
+    disabledTrigger: string;
+    highlightedTrigger: string;
+    normalTrigger: string;
+    pressedTrigger: string;
+    selectedTrigger: string;
+};
+export declare class Button extends Behaviour implements IPointerEventHandler {
+    onClick?: EventList;
+    private _isHovered;
+    onPointerEnter(_: any): void;
+    onPointerExit(): void;
+    onPointerDown(_: any): void;
+    onPointerUp(_: any): void;
+    onPointerClick(_args: PointerEventData): void;
+    colors?: ButtonColors;
+    transition?: Transition;
+    animationTriggers?: AnimationTriggers;
+    animator?: Animator;
+    set interactable(value: boolean);
+    get interactable(): boolean;
+    private _interactable;
+    private set_interactable;
+    awake(): void;
+    start(): void;
+    onEnable(): void;
+    private _requestedAnimatorTrigger?;
+    private setAnimatorTriggerAtEndOfFrame;
+    private _isInit;
+    private _image?;
+    private init;
+    private stateSetup;
+    private getFinalColor;
+}
+export {};

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

@@ -0,0 +1,217 @@
+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, GameObject } from "../Component";
+import { EventList } from "../EventList";
+import { Image } from "./Image";
+import { RGBAColor } from "../js-extensions/RGBAColor";
+import { serializeable } from "../../engine/engine_serialization_decorator";
+import { Animator } from "../Animator";
+import { getParam } from "../../engine/engine_utils";
+const debug = getParam("debugbutton");
+/// <summary>
+///Transition mode for a Selectable.
+/// </summary>
+export var Transition;
+(function (Transition) {
+    /// <summary>
+    /// No Transition.
+    /// </summary>
+    Transition[Transition["None"] = 0] = "None";
+    /// <summary>
+    /// Use an color tint transition.
+    /// </summary>
+    Transition[Transition["ColorTint"] = 1] = "ColorTint";
+    /// <summary>
+    /// Use a sprite swap transition.
+    /// </summary>
+    Transition[Transition["SpriteSwap"] = 2] = "SpriteSwap";
+    /// <summary>
+    /// Use an animation transition.
+    /// </summary>
+    Transition[Transition["Animation"] = 3] = "Animation";
+})(Transition || (Transition = {}));
+export class Button extends Behaviour {
+    onClick;
+    _isHovered = false;
+    onPointerEnter(_) {
+        if (debug)
+            console.log("Button Enter", this.animationTriggers?.highlightedTrigger, this.animator);
+        this._isHovered = true;
+        if (this.transition == Transition.Animation && this.animationTriggers && this.animator) {
+            this.animator.SetTrigger(this.animationTriggers.highlightedTrigger);
+        }
+        else if (this.transition === Transition.ColorTint && this.colors) {
+            this._image?.setState("hovered");
+        }
+    }
+    onPointerExit() {
+        if (debug)
+            console.log("Button Exit", this.animationTriggers?.highlightedTrigger, this.animator);
+        this._isHovered = false;
+        if (this.transition == Transition.Animation && this.animationTriggers && this.animator) {
+            this.animator.SetTrigger(this.animationTriggers.normalTrigger);
+        }
+        else if (this.transition === Transition.ColorTint && this.colors) {
+            this._image?.setState("normal");
+        }
+    }
+    onPointerDown(_) {
+        if (debug)
+            console.log("Button Down", this.animationTriggers?.highlightedTrigger, this.animator);
+        if (this.transition == Transition.Animation && this.animationTriggers && this.animator) {
+            this.animator.SetTrigger(this.animationTriggers.pressedTrigger);
+        }
+        else if (this.transition === Transition.ColorTint && this.colors) {
+            this._image?.setState("pressed");
+        }
+    }
+    onPointerUp(_) {
+        if (debug)
+            console.log("Button Down", this.animationTriggers?.highlightedTrigger, this.animator);
+        if (this.transition == Transition.Animation && this.animationTriggers && this.animator) {
+            this.animator.SetTrigger(this._isHovered ? this.animationTriggers.highlightedTrigger : this.animationTriggers.normalTrigger);
+        }
+        else if (this.transition === Transition.ColorTint && this.colors) {
+            this._image?.setState(this._isHovered ? "hovered" : "normal");
+        }
+    }
+    onPointerClick(_args) {
+        if (debug)
+            console.trace("Button Click", this.onClick);
+        this.onClick?.invoke();
+    }
+    colors;
+    transition;
+    animationTriggers;
+    animator;
+    // @serializeable(Image)
+    // image? : Image;
+    set interactable(value) {
+        this._interactable = value;
+        if (this._image) {
+            this._image.setInteractable(value);
+            if (value)
+                this._image.setState("normal");
+            else
+                this._image.setState("disabled");
+        }
+    }
+    get interactable() { return this._interactable; }
+    _interactable = true;
+    set_interactable(value) {
+        this.interactable = value;
+    }
+    awake() {
+        super.awake();
+        if (debug)
+            console.log(this);
+        this.init();
+    }
+    start() {
+        this._image?.setInteractable(this.interactable);
+    }
+    onEnable() {
+        super.onEnable();
+    }
+    _requestedAnimatorTrigger;
+    *setAnimatorTriggerAtEndOfFrame(requestedTriggerId) {
+        this._requestedAnimatorTrigger = requestedTriggerId;
+        yield;
+        yield;
+        if (this._requestedAnimatorTrigger == requestedTriggerId) {
+            this.animator?.SetTrigger(requestedTriggerId);
+        }
+    }
+    _isInit = false;
+    _image;
+    init() {
+        if (this._isInit)
+            return;
+        this._isInit = true;
+        this._image = GameObject.getComponent(this.gameObject, Image);
+        if (this._image) {
+            this.stateSetup(this._image);
+            if (this.interactable)
+                this._image.setState("normal");
+            else
+                this._image.setState("disabled");
+        }
+    }
+    stateSetup(image) {
+        image.setInteractable(this.interactable);
+        const normal = this.getFinalColor(image.color, this.colors?.normalColor);
+        const normalState = {
+            state: "normal",
+            attributes: {
+                backgroundColor: normal,
+                backgroundOpacity: normal.alpha,
+            },
+        };
+        image.setupState(normalState);
+        const hover = this.getFinalColor(image.color, this.colors?.highlightedColor);
+        const hoverState = {
+            state: "hovered",
+            attributes: {
+                backgroundColor: hover,
+                backgroundOpacity: hover.alpha,
+            },
+        };
+        image.setupState(hoverState);
+        const pressed = this.getFinalColor(image.color, this.colors?.pressedColor);
+        const pressedState = {
+            state: "pressed",
+            attributes: {
+                backgroundColor: pressed,
+                backgroundOpacity: pressed.alpha,
+            }
+        };
+        image.setupState(pressedState);
+        const selected = this.getFinalColor(image.color, this.colors?.selectedColor);
+        const selectedState = {
+            state: "selected",
+            attributes: {
+                backgroundColor: selected,
+                backgroundOpacity: selected.alpha,
+            }
+        };
+        image.setupState(selectedState);
+        const disabled = this.getFinalColor(image.color, this.colors?.disabledColor);
+        const disabledState = {
+            state: "disabled",
+            attributes: {
+                backgroundColor: disabled,
+                backgroundOpacity: disabled.alpha,
+            }
+        };
+        image.setupState(disabledState);
+    }
+    getFinalColor(col, col2) {
+        if (col2) {
+            return col.clone().multiply(col2);
+        }
+        return col.clone();
+    }
+}
+__decorate([
+    serializeable(EventList)
+], Button.prototype, "onClick", void 0);
+__decorate([
+    serializeable()
+], Button.prototype, "colors", void 0);
+__decorate([
+    serializeable()
+], Button.prototype, "transition", void 0);
+__decorate([
+    serializeable()
+], Button.prototype, "animationTriggers", void 0);
+__decorate([
+    serializeable(Animator)
+], Button.prototype, "animator", void 0);
+__decorate([
+    serializeable()
+], Button.prototype, "interactable", null);
+//# sourceMappingURL=Button.js.map

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

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

package/lib/engine-components/ui/Canvas.d.ts

@@ -0,0 +1,39 @@
+import { UIRootComponent } from "./BaseUIComponent";
+export declare enum RenderMode {
+    ScreenSpaceOverlay = 0,
+    ScreenSpaceCamera = 1,
+    WorldSpace = 2
+}
+export declare class Canvas extends UIRootComponent {
+    set renderOnTop(val: boolean);
+    get renderOnTop(): boolean;
+    private _renderOnTop;
+    set depthWrite(val: boolean);
+    get depthWrite(): boolean;
+    private _depthWrite;
+    set doubleSided(val: boolean);
+    get doubleSided(): boolean;
+    private _doubleSided;
+    set castShadows(val: boolean);
+    get castShadows(): boolean;
+    private _castShadows;
+    set receiveShadows(val: boolean);
+    get receiveShadows(): boolean;
+    private _receiveShadows;
+    get renderMode(): RenderMode;
+    set renderMode(val: RenderMode);
+    private _renderMode;
+    private _rootCanvas;
+    set rootCanvas(val: Canvas);
+    get rootCanvas(): Canvas;
+    awake(): void;
+    onEnable(): void;
+    private previousAspect;
+    onBeforeRender(): void;
+    private _updateRenderSettingsRoutine?;
+    private onRenderSettingsChanged;
+    private _updateRenderSettingsDelayed;
+    private _activeRenderMode;
+    private get isScreenSpace();
+    private updateRenderMode;
+}

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

@@ -0,0 +1,169 @@
+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 { updateRenderSettings as updateRenderSettingsRecursive } from "./Utils";
+import { serializeable } from "../../engine/engine_serialization_decorator";
+import { FrameEvent } from "../../engine/engine_setup";
+import { BaseUIComponent, UIRootComponent } from "./BaseUIComponent";
+import { Mathf } from "../../engine/engine_math";
+export var RenderMode;
+(function (RenderMode) {
+    RenderMode[RenderMode["ScreenSpaceOverlay"] = 0] = "ScreenSpaceOverlay";
+    RenderMode[RenderMode["ScreenSpaceCamera"] = 1] = "ScreenSpaceCamera";
+    RenderMode[RenderMode["WorldSpace"] = 2] = "WorldSpace";
+})(RenderMode || (RenderMode = {}));
+export class Canvas extends UIRootComponent {
+    set renderOnTop(val) {
+        if (val === this._renderOnTop) {
+            return;
+        }
+        this._renderOnTop = val;
+        this.onRenderSettingsChanged();
+    }
+    get renderOnTop() { return this._renderOnTop; }
+    _renderOnTop = false;
+    set depthWrite(val) {
+        if (this._depthWrite === val)
+            return;
+        this._depthWrite = val;
+        this.onRenderSettingsChanged();
+    }
+    get depthWrite() { return this._depthWrite; }
+    _depthWrite = false;
+    set doubleSided(val) {
+        if (this._doubleSided === val)
+            return;
+        this._doubleSided = val;
+        this.onRenderSettingsChanged();
+    }
+    get doubleSided() { return this._doubleSided; }
+    _doubleSided = true;
+    set castShadows(val) {
+        if (this._castShadows === val)
+            return;
+        this._castShadows = val;
+        this.onRenderSettingsChanged();
+    }
+    get castShadows() { return this._castShadows; }
+    _castShadows = true;
+    set receiveShadows(val) {
+        if (this._receiveShadows === val)
+            return;
+        this._receiveShadows = val;
+        this.onRenderSettingsChanged();
+    }
+    get receiveShadows() { return this._receiveShadows; }
+    _receiveShadows = true;
+    get renderMode() {
+        return this._renderMode;
+    }
+    set renderMode(val) {
+        if (this._renderMode === val)
+            return;
+        this._renderMode = val;
+        this.onRenderSettingsChanged();
+    }
+    _renderMode = -1;
+    _rootCanvas;
+    set rootCanvas(val) {
+        if (this._rootCanvas instanceof Canvas)
+            return;
+        this._rootCanvas = val;
+    }
+    get rootCanvas() {
+        return this._rootCanvas;
+    }
+    awake() {
+        this.shadowComponent = this.gameObject;
+        super.awake();
+    }
+    onEnable() {
+        super.onEnable();
+        this._updateRenderSettingsRoutine = undefined;
+        this.onRenderSettingsChanged();
+    }
+    previousAspect = -1;
+    onBeforeRender() {
+        if (this.isScreenSpace && this.context.mainCameraComponent && this.context.mainCameraComponent.aspect !== this.previousAspect) {
+            this.previousAspect = this.context.mainCameraComponent.aspect;
+            this.updateRenderMode();
+        }
+    }
+    _updateRenderSettingsRoutine;
+    onRenderSettingsChanged() {
+        if (this._updateRenderSettingsRoutine)
+            return;
+        this._updateRenderSettingsRoutine = this.startCoroutine(this._updateRenderSettingsDelayed(), FrameEvent.OnBeforeRender);
+    }
+    *_updateRenderSettingsDelayed() {
+        yield;
+        this._updateRenderSettingsRoutine = undefined;
+        if (this.shadowComponent) {
+            this.updateRenderMode();
+            // this.onWillUpdateRenderSettings();
+            updateRenderSettingsRecursive(this.shadowComponent, this);
+            for (const ch of this.gameObject.getComponentsInChildren(BaseUIComponent)) {
+                updateRenderSettingsRecursive(ch.shadowComponent, this);
+            }
+        }
+    }
+    _activeRenderMode = -1;
+    get isScreenSpace() {
+        return this._activeRenderMode === RenderMode.ScreenSpaceCamera || this._activeRenderMode === RenderMode.ScreenSpaceOverlay;
+    }
+    updateRenderMode() {
+        if (this.renderMode === this._activeRenderMode)
+            return;
+        switch (this.renderMode) {
+            case RenderMode.ScreenSpaceOverlay:
+            case RenderMode.ScreenSpaceCamera:
+                const camera = this.context.mainCameraComponent;
+                if (!camera)
+                    return;
+                const canvas = this.gameObject;
+                const camObj = camera.gameObject;
+                camObj?.add(canvas);
+                const pos = camera.farClipPlane;
+                canvas.position.x = 0;
+                canvas.position.y = 0;
+                canvas.position.z = -pos;
+                // console.log(this.shadowComponent)
+                const w = Math.tan(Mathf.toRadians(camera.fieldOfView) * pos) * (camera.aspect * 1.333333);
+                const h = w * (this.context.domHeight / this.context.domWidth);
+                canvas.scale.x = -w;
+                canvas.scale.y = h;
+                // const rects = this.gameObject.getComponentsInChildren(BaseUIComponent);
+                // for (const rect of rects) {
+                //     rect.set({ width: this.context.domWidth * .5, height: 100 })
+                // }
+                break;
+            case RenderMode.WorldSpace:
+                break;
+        }
+    }
+}
+__decorate([
+    serializeable()
+], Canvas.prototype, "renderOnTop", null);
+__decorate([
+    serializeable()
+], Canvas.prototype, "depthWrite", null);
+__decorate([
+    serializeable()
+], Canvas.prototype, "doubleSided", null);
+__decorate([
+    serializeable()
+], Canvas.prototype, "castShadows", null);
+__decorate([
+    serializeable()
+], Canvas.prototype, "receiveShadows", null);
+__decorate([
+    serializeable()
+], Canvas.prototype, "renderMode", null);
+__decorate([
+    serializeable(Canvas)
+], Canvas.prototype, "rootCanvas", null);
+//# sourceMappingURL=Canvas.js.map

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

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

package/lib/engine-components/ui/CanvasGroup.d.ts

@@ -0,0 +1,14 @@
+import { Behaviour } from "../Component";
+import { ICanvasGroup } from "./Interfaces";
+export declare class CanvasGroup extends Behaviour implements ICanvasGroup {
+    get alpha(): number;
+    set alpha(val: number);
+    private _alpha;
+    interactable: boolean;
+    blocksRaycasts: boolean;
+    private _isDirty;
+    private markDirty;
+    private applyChangesDelayed;
+    private _buffer;
+    private applyChangesNow;
+}