@needle-tools/engine 5.0.0 → 5.1.0-experimental.0

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

@@ -0,0 +1,289 @@
+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 { Matrix4 } from "three";
+import { Container, Fullscreen, reversePainterSortStable } from "@pmndrs/uikit";
+import { serializable } from "../../engine/engine_serialization_decorator.js";
+import { delayForFrames, getParam } from "../../engine/engine_utils.js";
+import { onUpdate } from "../../engine/engine_lifecycle_api.js";
+import { Camera } from "../Camera.js";
+import { Behaviour } from "../Component.js";
+import { RenderMode } from "./Canvas.js";
+const debugLayout = getParam("debuguilayout");
+/**
+ * Modern Canvas implementation using pmndrs/uikit.
+ * This is the new default Canvas component that replaces the three-mesh-ui based implementation.
+ *
+ * @summary Root component for UI elements using pmndrs/uikit
+ * @category User Interface
+ * @group Components
+ */
+export class CanvasUikit extends Behaviour {
+    _uikitRoot = null;
+    _previousParent = null;
+    _lastMatrixWorld = null;
+    get isCanvas() {
+        return true;
+    }
+    get screenspace() {
+        return this.renderMode !== RenderMode.WorldSpace;
+    }
+    set renderOnTop(val) {
+        if (val === this._renderOnTop)
+            return;
+        this._renderOnTop = val;
+        this.onRenderSettingsChanged();
+    }
+    get renderOnTop() {
+        if (this._renderOnTop !== undefined)
+            return this._renderOnTop;
+        if (this.screenspace) {
+            if (this._renderMode === RenderMode.ScreenSpaceOverlay)
+                return true;
+        }
+        return false;
+    }
+    _renderOnTop;
+    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 = false;
+    set receiveShadows(val) {
+        if (this._receiveShadows === val)
+            return;
+        this._receiveShadows = val;
+        this.onRenderSettingsChanged();
+    }
+    get receiveShadows() { return this._receiveShadows; }
+    _receiveShadows = false;
+    get renderMode() {
+        return this._renderMode;
+    }
+    set renderMode(val) {
+        if (this._renderMode === val)
+            return;
+        this._renderMode = val;
+        this.createUikitRoot();
+    }
+    _renderMode = RenderMode.WorldSpace;
+    get scaleFactor() {
+        return this._scaleFactor;
+    }
+    set scaleFactor(val) {
+        this._scaleFactor = val;
+    }
+    _scaleFactor = 1;
+    worldCamera;
+    planeDistance = 10;
+    pixelSize = 0.01;
+    _receivers = [];
+    _updateUnsubscribe;
+    registerEventReceiver(receiver) {
+        this._receivers.push(receiver);
+    }
+    unregisterEventReceiver(receiver) {
+        const index = this._receivers.indexOf(receiver);
+        if (index !== -1) {
+            this._receivers.splice(index, 1);
+        }
+    }
+    awake() {
+        this._previousParent = this.gameObject.parent;
+        if (debugLayout)
+            console.log("CanvasUikit.Awake()", this._previousParent?.name + "/" + this.gameObject.name);
+        // Enable renderer settings for uikit
+        this.context.renderer.localClippingEnabled = true;
+        this.context.renderer.setTransparentSort(reversePainterSortStable);
+    }
+    start() {
+        this.createUikitRoot();
+    }
+    onEnable() {
+        super.onEnable();
+        this._lastMatrixWorld = new Matrix4();
+        this.createUikitRoot();
+        document.addEventListener("resize", this._boundOnRenderSettingsChanged);
+        // Register update callback for uikit
+        this._updateUnsubscribe = onUpdate(() => {
+            this.updateUikit();
+        });
+    }
+    onDisable() {
+        super.onDisable();
+        document.removeEventListener("resize", this._boundOnRenderSettingsChanged);
+        // Unregister update callback
+        if (this._updateUnsubscribe) {
+            this._updateUnsubscribe();
+            this._updateUnsubscribe = undefined;
+        }
+        // Clean up uikit root
+        if (this._uikitRoot) {
+            this._uikitRoot.removeFromParent();
+            this._uikitRoot = null;
+        }
+    }
+    async onEnterXR(args) {
+        if (this.screenspace) {
+            if (args.xr.isVR || args.xr.isPassThrough) {
+                this.gameObject.visible = false;
+            }
+        }
+        else {
+            this.gameObject.visible = false;
+            await delayForFrames(1).then(() => {
+                this.gameObject.visible = true;
+            });
+        }
+    }
+    onLeaveXR(args) {
+        if (this.screenspace) {
+            if (args.xr.isVR || args.xr.isPassThrough) {
+                this.gameObject.visible = true;
+            }
+        }
+    }
+    _boundOnRenderSettingsChanged = this.onRenderSettingsChanged.bind(this);
+    createUikitRoot() {
+        // Clean up existing root
+        if (this._uikitRoot) {
+            this._uikitRoot.removeFromParent();
+            this._uikitRoot = null;
+        }
+        const properties = {
+            flexDirection: "column",
+        };
+        // Create appropriate uikit root based on render mode
+        switch (this._renderMode) {
+            case RenderMode.ScreenSpaceOverlay:
+            case RenderMode.ScreenSpaceCamera:
+                // Use Fullscreen for screenspace rendering
+                const camera = this._renderMode === RenderMode.ScreenSpaceCamera && this.worldCamera
+                    ? this.worldCamera
+                    : this.context.mainCameraComponent;
+                if (!camera) {
+                    console.warn("CanvasUikit: No camera available for screenspace mode");
+                    return;
+                }
+                this._uikitRoot = new Fullscreen(this.context.renderer, {
+                    ...properties,
+                    distanceToCamera: this.planeDistance > 0 ? this.planeDistance : undefined,
+                });
+                break;
+            case RenderMode.WorldSpace:
+            default:
+                // Use Container for worldspace rendering
+                this._uikitRoot = new Container({
+                    ...properties,
+                    pixelSize: this.pixelSize,
+                });
+                break;
+        }
+        // Add to scene
+        this.gameObject.add(this._uikitRoot);
+        if (debugLayout) {
+            console.log("Created uikit root:", this._renderMode, this._uikitRoot);
+        }
+    }
+    updateUikit() {
+        if (!this._uikitRoot)
+            return;
+        // Update uikit (required every frame)
+        this._uikitRoot.update(this.context.time.deltaTime);
+        // Invoke before render events
+        for (const receiver of this._receivers) {
+            receiver.onBeforeCanvasRender?.(this);
+        }
+        // Track matrix changes for layout updates
+        if (this._lastMatrixWorld) {
+            const matrixWorldChanged = !this._lastMatrixWorld.equals(this.gameObject.matrixWorld);
+            if (matrixWorldChanged && debugLayout) {
+                console.log("Canvas matrix changed", this.context.time.frameCount, this.name);
+            }
+            this._lastMatrixWorld.copy(this.gameObject.matrixWorld);
+        }
+    }
+    onRenderSettingsChanged() {
+        // Settings changed, may need to recreate root
+        if (debugLayout) {
+            console.log("CanvasUikit render settings changed");
+        }
+        // For now, just update material settings if needed
+        // TODO: Apply depthWrite, doubleSided, castShadows, receiveShadows to uikit materials
+    }
+    /**
+     * Get the uikit root container.
+     * Use this to add uikit UI elements to the canvas.
+     */
+    get uikitRoot() {
+        return this._uikitRoot;
+    }
+    // ICanvas compatibility methods
+    // These are here for compatibility with the old Canvas interface
+    // TODO: Remove these once RectTransform is migrated
+    registerTransform(_rt) {
+        console.warn("CanvasUikit.registerTransform is deprecated - uikit handles layout automatically");
+    }
+    unregisterTransform(_rt) {
+        // No-op for uikit
+    }
+    registerLayoutGroup(_group) {
+        console.warn("CanvasUikit.registerLayoutGroup is deprecated - uikit handles layout automatically");
+    }
+    unregisterLayoutGroup(_group) {
+        // No-op for uikit
+    }
+}
+__decorate([
+    serializable()
+], CanvasUikit.prototype, "renderOnTop", null);
+__decorate([
+    serializable()
+], CanvasUikit.prototype, "depthWrite", null);
+__decorate([
+    serializable()
+], CanvasUikit.prototype, "doubleSided", null);
+__decorate([
+    serializable()
+], CanvasUikit.prototype, "castShadows", null);
+__decorate([
+    serializable()
+], CanvasUikit.prototype, "receiveShadows", null);
+__decorate([
+    serializable()
+], CanvasUikit.prototype, "renderMode", null);
+__decorate([
+    serializable()
+], CanvasUikit.prototype, "scaleFactor", null);
+__decorate([
+    serializable(Camera)
+], CanvasUikit.prototype, "worldCamera", void 0);
+__decorate([
+    serializable()
+], CanvasUikit.prototype, "planeDistance", void 0);
+__decorate([
+    serializable()
+], CanvasUikit.prototype, "pixelSize", void 0);
+//# sourceMappingURL=CanvasUikit.js.map

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

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

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

@@ -1,4 +1,4 @@
-import { Texture } from 'three';
+import { Color, Texture } from 'three';
 import * as ThreeMeshUI from 'three-mesh-ui';
 import type { Options } from 'three-mesh-ui/build/types/core/elements/MeshUIBaseElement.js';
 import { ComponentInit } from '../../engine/engine_types.js';
@@ -14,7 +14,8 @@ import { RectTransform } from './RectTransform.js';
 export declare class Graphic extends BaseUIComponent implements IGraphic, IRectTransformChangedReceiver {
     get isGraphic(): boolean;
     get color(): RGBAColor;
-    set color(col: RGBAColor);
+    set color(col: RGBAColor | Color);
+    private _color;
     private _alphaFactor;
     setAlphaFactor(factor: number): void;
     get alphaFactor(): number;
@@ -23,7 +24,6 @@ export declare class Graphic extends BaseUIComponent implements IGraphic, IRectT
     private get m_Color();
     raycastTarget: boolean;
     protected uiObject: ThreeMeshUI.Block | null;
-    private _color;
     private _rect;
     private _stateManager;
     protected get rectTransform(): RectTransform;

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

@@ -33,7 +33,11 @@ export class Graphic extends BaseUIComponent {
         return this._color;
     }
     set color(col) {
-        const changed = !this._color || this._color.r !== col.r || this._color.g !== col.g || this._color.b !== col.b || this._color.alpha !== col.alpha;
+        const changed = !this._color
+            || this._color.r !== col.r
+            || this._color.g !== col.g
+            || this._color.b !== col.b
+            || ("alpha" in col ? this._color.alpha !== col.alpha : this._color.alpha !== 1);
         if (!changed)
             return;
         if (!this._color) {
@@ -42,6 +46,7 @@ export class Graphic extends BaseUIComponent {
         this._color.copy(col);
         this.onColorChanged();
     }
+    _color = null;
     _alphaFactor = 1;
     setAlphaFactor(factor) {
         this._alphaFactor = factor;
@@ -80,7 +85,6 @@ export class Graphic extends BaseUIComponent {
     }
     raycastTarget = true;
     uiObject = null;
-    _color = null;
     _rect = null;
     _stateManager = null;
     get rectTransform() {

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

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

package/lib/engine-components/ui/Graphic.legacy.d.ts

@@ -0,0 +1,55 @@
+import { Texture } from 'three';
+import * as ThreeMeshUI from 'three-mesh-ui';
+import type { Options } from 'three-mesh-ui/build/types/core/elements/MeshUIBaseElement.js';
+import { ComponentInit } from '../../engine/engine_types.js';
+import { RGBAColor } from "../../engine/js-extensions/index.js";
+import { BaseUIComponent } from "./BaseUIComponent.js";
+import { type IGraphic, type IRectTransformChangedReceiver } from './Interfaces.js';
+import { RectTransform } from './RectTransform.js';
+/**
+ * @category User Interface
+ * @group Components
+ */
+export declare class Graphic extends BaseUIComponent implements IGraphic, IRectTransformChangedReceiver {
+    get isGraphic(): boolean;
+    get color(): RGBAColor;
+    set color(col: RGBAColor);
+    private _alphaFactor;
+    setAlphaFactor(factor: number): void;
+    get alphaFactor(): number;
+    private sRGBColor;
+    protected onColorChanged(): void;
+    private get m_Color();
+    raycastTarget: boolean;
+    protected uiObject: ThreeMeshUI.Block | null;
+    private _color;
+    private _rect;
+    private _stateManager;
+    protected get rectTransform(): RectTransform;
+    onParentRectTransformChanged(): void;
+    __internalNewInstanceCreated(init: ComponentInit<this>): this;
+    setState(state: string): void;
+    setupState(state: object): void;
+    setOptions(opts: Options): void;
+    awake(): void;
+    onEnable(): void;
+    onDisable(): void;
+    private _currentlyCreatingPanel;
+    protected makePanel(): void;
+    protected onBeforeCreate(_opts: any): void;
+    protected onCreate(opts: any): void;
+    protected onAfterCreated(): void;
+    private applyEffects;
+    /** used internally to ensure textures assigned to UI use linear encoding */
+    static textureCache: Map<Texture, Texture>;
+    protected setTexture(tex: Texture | null | undefined): Promise<void>;
+    protected onAfterAddedToScene(): void;
+}
+/**
+ * @category User Interface
+ * @group Components
+ */
+export declare class MaskableGraphic extends Graphic {
+    private _flippedObject;
+    protected onAfterCreated(): void;
+}