@needle-tools/engine 2.24.0-pre

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

@@ -0,0 +1,177 @@
+import * as ThreeMeshUI from 'three-mesh-ui';
+import * as THREE from 'three';
+import { BaseUIComponent, includesDir } from './BaseUIComponent';
+import { RectTransform } from './RectTransform';
+var KeymapOption;
+(function (KeymapOption) {
+    KeymapOption[KeymapOption["fr"] = 0] = "fr";
+    KeymapOption[KeymapOption["ru"] = 1] = "ru";
+    KeymapOption[KeymapOption["de"] = 2] = "de";
+    KeymapOption[KeymapOption["es"] = 3] = "es";
+    KeymapOption[KeymapOption["el"] = 4] = "el";
+    KeymapOption[KeymapOption["nord"] = 5] = "nord";
+    KeymapOption[KeymapOption["eng"] = 6] = "eng";
+})(KeymapOption || (KeymapOption = {}));
+// see https://github.com/felixmariotto/three-mesh-ui/blob/master/examples/keyboard.js
+export class Keyboard extends BaseUIComponent {
+    font;
+    text;
+    keymap;
+    padding;
+    margin;
+    fontSize;
+    borderRadius;
+    colors = {
+        keyboardBack: 0x858585,
+        panelBack: 0x262626,
+        button: 0x363636,
+        hovered: 0x1c1c1c,
+        selected: 0x109c5d,
+    };
+    awake() {
+        super.awake();
+        const langKey = KeymapOption[this.keymap || KeymapOption.eng];
+        this.makeKeyboard(langKey);
+    }
+    onEnable() {
+        this.addShadowComponent(this.keyboard);
+    }
+    onDisable() {
+        this.removeShadowComponent();
+    }
+    keyboard = null;
+    _lastKeyPressed;
+    _lastKeyPressedStartTime = 0;
+    _lastKeyPressedTime = 0;
+    makeKeyboard(language) {
+        if (!language && !navigator.language) {
+            language = "en";
+        }
+        const fontName = this.font ? this.font : "arial";
+        const rt = this.gameObject.getComponent(RectTransform);
+        if (!rt) {
+            console.error("Missing rect transform, please add this component inside a canvas");
+            return;
+        }
+        const opts = {
+            ...rt.getBasicOptions(),
+            margin: this.margin || 0,
+            padding: this.padding || 0,
+            language: language,
+            fontFamily: includesDir + "/" + fontName + "-msdf.json",
+            fontTexture: includesDir + "/" + fontName + ".png",
+            fontSize: this.fontSize || 6,
+            backgroundColor: new THREE.Color(this.colors.keyboardBack),
+            backspaceTexture: includesDir + '/backspace.png',
+            shiftTexture: includesDir + '/shift.png',
+            enterTexture: includesDir + '/enter.png',
+            borderRadius: this.borderRadius || 0,
+            autoLayout: false,
+        };
+        // const ws = getWorldScale(this.gameObject);
+        const scale = this.gameObject.scale;
+        opts.width *= this.gameObject.scale.x;
+        opts.height *= this.gameObject.scale.y;
+        opts.fontSize *= Math.max(scale.x, scale.y);
+        this.keyboard = new ThreeMeshUI.Keyboard(opts);
+        // const scale = this.gameObject.scale;
+        // const max = Math.max(scale.x, scale.y, scale.z);
+        this.gameObject.scale.set(1, 1, 1);
+        //@ts-ignore
+        this.keyboard.keys.forEach((key) => {
+            key.setupState({
+                state: 'normal',
+                attributes: {
+                    offset: 0.003,
+                    backgroundColor: new THREE.Color(this.colors.button),
+                    backgroundOpacity: 1
+                }
+            });
+            key.setState("normal");
+            key.setupState({
+                state: 'hovered',
+                attributes: {
+                    offset: 0.3,
+                    backgroundColor: new THREE.Color(this.colors.hovered),
+                    backgroundOpacity: 1
+                }
+            });
+            key.setupState({
+                state: 'pressed',
+                attributes: {
+                    offset: 0.1,
+                    backgroundColor: new THREE.Color(this.colors.selected),
+                    backgroundOpacity: 1
+                },
+                // triggered when the user clicked on a keyboard's key
+                onSet: () => {
+                    const input = key.info.input;
+                    const cmd = key.info.command;
+                    if (this._lastKeyPressed !== input) {
+                        this._lastKeyPressedStartTime = this.context.time.time;
+                    }
+                    else if (this.context.time.time - this._lastKeyPressedTime > .05) {
+                        // there was probably a key up inbetween
+                        this._lastKeyPressedStartTime = this.context.time.time;
+                    }
+                    else if (this.context.time.time - this._lastKeyPressedStartTime < .5
+                        || cmd == "switch"
+                        || cmd == "shift"
+                        || cmd == "switch-set") {
+                        this._lastKeyPressedTime = this.context.time.time;
+                        return;
+                    }
+                    this._lastKeyPressedTime = this.context.time.time;
+                    this._lastKeyPressed = input;
+                    // if the key have a command (eg: 'backspace', 'switch', 'enter'...)
+                    // special actions are taken
+                    if (cmd) {
+                        switch (cmd) {
+                            // switch between panels
+                            case 'switch':
+                                //@ts-ignore
+                                this.keyboard.setNextPanel();
+                                break;
+                            // switch between panel charsets (eg: russian/english)
+                            case 'switch-set':
+                                //@ts-ignore
+                                this.keyboard.setNextCharset();
+                                break;
+                            case 'enter':
+                                this.tryAppend('\n');
+                                break;
+                            case 'space':
+                                this.tryAppend(' ');
+                                break;
+                            case 'backspace':
+                                //@ts-ignore
+                                if (!this.text?.text?.length)
+                                    break;
+                                if (this.text?.text)
+                                    this.text.text = this.text.text.substring(0, this.text.text.length - 1) || "";
+                                break;
+                            case 'shift':
+                                //@ts-ignore
+                                this.keyboard.toggleCase();
+                                break;
+                        }
+                        ;
+                        // print a glyph, if any
+                    }
+                    else if (key.info.input !== undefined) {
+                        this.tryAppend(key.info.input);
+                    }
+                    ;
+                }
+            });
+        });
+    }
+    ;
+    tryAppend(char) {
+        if (this.text) {
+            this.text.text += char;
+            this.markDirty();
+        }
+    }
+}
+//# sourceMappingURL=Keyboard.js.map

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

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

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

@@ -0,0 +1,10 @@
+import { Behaviour } from "../Component";
+export declare class LayoutGroup extends Behaviour {
+    reverseArrangement: boolean;
+}
+export declare class VerticalLayoutGroup extends LayoutGroup {
+}
+export declare class HorizontalLayoutGroup extends LayoutGroup {
+}
+export declare class GridLayoutGroup extends LayoutGroup {
+}

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

@@ -0,0 +1,11 @@
+import { Behaviour } from "../Component";
+export class LayoutGroup extends Behaviour {
+    reverseArrangement = false;
+}
+export class VerticalLayoutGroup extends LayoutGroup {
+}
+export class HorizontalLayoutGroup extends LayoutGroup {
+}
+export class GridLayoutGroup extends LayoutGroup {
+}
+//# sourceMappingURL=Layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../../engine-components/ui/Layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,OAAO,WAAY,SAAQ,SAAS;IACtC,kBAAkB,GAAY,KAAK,CAAC;CACvC;AAED,MAAM,OAAO,mBAAoB,SAAQ,WAAW;CAEnD;AAED,MAAM,OAAO,qBAAsB,SAAQ,WAAW;CAErD;AAED,MAAM,OAAO,eAAgB,SAAQ,WAAW;CAE/C"}

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

@@ -0,0 +1,35 @@
+export interface IInputEventArgs {
+    get used(): boolean;
+    Use(): void;
+    StopPropagation?(): void;
+}
+export declare class PointerEventData implements IInputEventArgs {
+    used: boolean;
+    Use(): void;
+    StopPropagation(): void;
+    inputSource: any;
+    object: THREE.Object3D;
+    isDown: boolean | undefined;
+    isUp: boolean | undefined;
+    isPressed: boolean | undefined;
+    isClicked: boolean | undefined;
+    private event?;
+    constructor(events?: Event);
+}
+export interface IPointerDownHandler {
+    onPointerDown?(args: PointerEventData): any;
+}
+export interface IPointerUpHandler {
+    onPointerUp?(args: PointerEventData): any;
+}
+export interface IPointerEnterHandler {
+    onPointerEnter?(args: PointerEventData): any;
+}
+export interface IPointerExitHandler {
+    onPointerExit?(args: PointerEventData): any;
+}
+export interface IPointerClickHandler {
+    onPointerClick?(args: PointerEventData): any;
+}
+export interface IPointerEventHandler extends IPointerDownHandler, IPointerUpHandler, IPointerEnterHandler, IPointerExitHandler, IPointerClickHandler {
+}

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

@@ -0,0 +1,20 @@
+export class PointerEventData {
+    used = false;
+    Use() {
+        this.used = true;
+    }
+    StopPropagation() {
+        this.event?.stopImmediatePropagation();
+    }
+    inputSource;
+    object;
+    isDown;
+    isUp;
+    isPressed;
+    isClicked;
+    event;
+    constructor(events) {
+        this.event = events;
+    }
+}
+//# sourceMappingURL=PointerEvents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PointerEvents.js","sourceRoot":"","sources":["../../../../engine-components/ui/PointerEvents.ts"],"names":[],"mappings":"AAMA,MAAM,OAAO,gBAAgB;IACzB,IAAI,GAAY,KAAK,CAAC;IAEtB,GAAG;QACC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,eAAe;QACX,IAAI,CAAC,KAAK,EAAE,wBAAwB,EAAE,CAAC;IAC3C,CAAC;IAED,WAAW,CAAM;IACjB,MAAM,CAAkB;IAExB,MAAM,CAAsB;IAC5B,IAAI,CAAsB;IAC1B,SAAS,CAAsB;IAC/B,SAAS,CAAsB;IAEvB,KAAK,CAAQ;IAErB,YAAY,MAAa;QACrB,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;IACxB,CAAC;CACJ"}

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

@@ -0,0 +1,20 @@
+import { Camera } from "three";
+import { RaycastOptions } from "../../engine/engine_physics";
+import { Behaviour } from "../Component";
+export declare class Raycaster extends Behaviour {
+    awake(): void;
+    onEnable(): void;
+    onDisable(): void;
+    performRaycast(_opts?: RaycastOptions | null): THREE.Intersection[] | null;
+}
+export declare class ObjectRaycaster extends Raycaster {
+    private targets;
+    private raycastHits;
+    start(): void;
+    performRaycast(opts?: RaycastOptions | null): THREE.Intersection[] | null;
+}
+export declare class GraphicRaycaster extends ObjectRaycaster {
+    eventCamera: Camera | null;
+    ignoreReversedGraphics: boolean;
+    rootRaycaster: GraphicRaycaster | null;
+}

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

@@ -0,0 +1,40 @@
+import { RaycastOptions } from "../../engine/engine_physics";
+import { Behaviour } from "../Component";
+import { EventSystem } from "./EventSystem";
+export class Raycaster extends Behaviour {
+    awake() {
+        EventSystem.createIfNoneExists(this.context);
+    }
+    onEnable() {
+        EventSystem.instance?.register(this);
+    }
+    onDisable() {
+        EventSystem.instance?.unregister(this);
+    }
+    performRaycast(_opts = null) {
+        return null;
+    }
+}
+export class ObjectRaycaster extends Raycaster {
+    targets = null;
+    raycastHits = [];
+    start() {
+        this.targets = [this.gameObject];
+    }
+    performRaycast(opts = null) {
+        if (!this.targets)
+            return null;
+        opts ??= new RaycastOptions();
+        opts.targets = this.targets;
+        opts.results = this.raycastHits;
+        const hits = this.context.physics.raycast(opts);
+        // console.log(this.context.alias, hits);
+        return hits;
+    }
+}
+export class GraphicRaycaster extends ObjectRaycaster {
+    eventCamera = null;
+    ignoreReversedGraphics = false;
+    rootRaycaster = null;
+}
+//# sourceMappingURL=Raycaster.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Raycaster.js","sourceRoot":"","sources":["../../../../engine-components/ui/Raycaster.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,OAAO,SAAU,SAAQ,SAAS;IACpC,KAAK;QACD,WAAW,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,QAAQ;QACJ,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,SAAS;QACL,WAAW,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,cAAc,CAAC,QAA+B,IAAI;QAC9C,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAED,MAAM,OAAO,eAAgB,SAAQ,SAAS;IAClC,OAAO,GAA4B,IAAI,CAAC;IACxC,WAAW,GAAyB,EAAE,CAAC;IAE/C,KAAK;QACD,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC;IAED,cAAc,CAAC,OAA8B,IAAI;QAC7C,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,IAAI,KAAK,IAAI,cAAc,EAAE,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAChD,yCAAyC;QACzC,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ;AAED,MAAM,OAAO,gBAAiB,SAAQ,eAAe;IACjD,WAAW,GAAkB,IAAI,CAAC;IAClC,sBAAsB,GAAY,KAAK,CAAC;IACxC,aAAa,GAA4B,IAAI,CAAC;CACjD"}

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

@@ -0,0 +1,39 @@
+import * as ThreeMeshUI from 'three-mesh-ui';
+import { BaseUIComponent } from "./BaseUIComponent";
+import { Vector3 } from "three";
+export declare class Size {
+    width: number;
+    height: number;
+}
+export declare class Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare class RectTransform extends BaseUIComponent {
+    offset: number;
+    get translation(): Vector3;
+    get rotation(): import("three").Quaternion;
+    get scale(): THREE.Vector3;
+    private _anchoredPosition;
+    private get anchoredPosition();
+    rect?: Rect;
+    sizeDelta: THREE.Vector2;
+    anchoredPosition3D?: THREE.Vector3;
+    pivot?: THREE.Vector2;
+    private lastMatrix;
+    private rectBlock;
+    private _transformNeedsUpdate;
+    awake(): void;
+    onEnable(): void;
+    onDisable(): void;
+    private applyTransform;
+    markDirty(): void;
+    onBeforeRender(): void;
+    private applyAnchoring;
+    getBasicOptions(): ThreeMeshUI.BlockOptions;
+    private ensureValidSize;
+    private _createdBlocks;
+    createNewBlock(opts?: ThreeMeshUI.BlockOptions | object): ThreeMeshUI.Block;
+}

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

@@ -0,0 +1,173 @@
+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 * as ThreeMeshUI from 'three-mesh-ui';
+import { BaseUIComponent } from "./BaseUIComponent";
+import { serializeable } from "../../engine/engine_serialization_decorator";
+import { Matrix4, Object3D, Vector2, Vector3 } from "three";
+import { EventSystem } from "./EventSystem";
+import { getParam } from "../../engine/engine_utils";
+import { onChange } from "./Utils";
+const debug = getParam("debugui");
+export class Size {
+    width;
+    height;
+}
+export class Rect {
+    x;
+    y;
+    width;
+    height;
+}
+export class RectTransform extends BaseUIComponent {
+    offset = 0.01;
+    // @serializeable(Object3D)
+    // root? : Object3D;
+    get translation() { return this.gameObject.position; }
+    get rotation() { return this.gameObject.quaternion; }
+    get scale() { return this.gameObject.scale; }
+    _anchoredPosition;
+    get anchoredPosition() {
+        if (!this._anchoredPosition)
+            this._anchoredPosition = new Vector3();
+        return this._anchoredPosition;
+    }
+    rect;
+    sizeDelta;
+    anchoredPosition3D;
+    pivot;
+    lastMatrix;
+    rectBlock;
+    _transformNeedsUpdate = false;
+    awake() {
+        super.awake();
+        this.lastMatrix = new Matrix4();
+        this.rectBlock = new Object3D();
+        ;
+        this.rectBlock.position.z = .1;
+        this.rectBlock.name = this.name;
+        // this is required if an animator animated the transform anchoring
+        if (!this._anchoredPosition)
+            this._anchoredPosition = new Vector3();
+        onChange(this, "_anchoredPosition", () => { this._transformNeedsUpdate = true; });
+    }
+    onEnable() {
+        super.onEnable();
+        this.addShadowComponent(this.rectBlock);
+        this.applyTransform();
+    }
+    onDisable() {
+        super.onDisable();
+        this.removeShadowComponent();
+    }
+    applyTransform() {
+        const uiobject = this.shadowComponent;
+        if (!uiobject)
+            return;
+        this._transformNeedsUpdate = false;
+        if (!this.isRoot()) {
+            // this.gameObject transform has authority over three mesh ui shadow components
+            // so we keep copy the transform to the threemesh ui components
+            uiobject.position.copy(this.gameObject.position);
+            uiobject.position.x *= -1;
+            uiobject.position.z *= -1;
+            // move slightly forward to avoid z fighting
+            uiobject.position.z -= this.offset;
+            uiobject.quaternion.copy(this.gameObject.quaternion);
+            uiobject.rotation.x *= -1;
+            // flip images
+            uiobject.rotation.z *= -1;
+            uiobject.scale.copy(this.gameObject.scale);
+        }
+        else {
+            uiobject.rotation.y = Math.PI;
+        }
+        this.applyAnchoring(uiobject.position);
+        this.lastMatrix.copy(this.gameObject.matrix);
+    }
+    markDirty() {
+        this._transformNeedsUpdate = true;
+    }
+    onBeforeRender() {
+        // only handle update here if this is not the canvas
+        // the canvas component does inherit from this class but it only serves as a root
+        // it does not emit any UI elements and therefor we dont want to change its transform
+        // if (this._parentComponent) 
+        // {
+        const transformChanged = this._transformNeedsUpdate || this.lastMatrix.equals(this.gameObject.matrix) === false;
+        if (transformChanged) {
+            if (debug)
+                console.log("updating", this.name);
+            this.applyTransform();
+        }
+        // }
+        EventSystem.ensureUpdateMeshUI(ThreeMeshUI, this.context);
+    }
+    applyAnchoring(pos) {
+        if (this.pivot && this.sizeDelta) {
+            let tx = (this.pivot.x * 2 - 1);
+            let ty = (this.pivot.y * 2 - 1);
+            // tx -= this.m_AnchoredPosition.x * .05;
+            ty -= this.anchoredPosition.y * .05;
+            const offx = this.sizeDelta.x * tx;
+            const offy = this.sizeDelta.y * ty;
+            // console.log(this.name, this.pivot, tx, ty, "offset", offx, offy);
+            pos.x -= offx * .5;
+            pos.y -= offy * .5;
+        }
+    }
+    getBasicOptions() {
+        const opts = {
+            width: this.rect.width,
+            height: this.rect.height,
+            offset: this.offset,
+            backgroundOpacity: 0,
+            borderWidth: 0,
+            borderRadius: 0,
+            borderOpacity: 0,
+            // justifyContent: 'center',
+            // alignItems: 'center',
+            // alignContent: 'center',
+            // backgroundColor: new Color(1, 1, 1),
+        };
+        this.ensureValidSize(opts);
+        return opts;
+    }
+    // e.g. when a transform has the size 0,0 we still want to render the text
+    ensureValidSize(opts, fallbackWidth = 0.0001) {
+        if (opts.width <= 0) {
+            opts.width = fallbackWidth;
+        }
+        if (opts.height <= 0)
+            opts.height = 0.0001;
+        return opts;
+    }
+    _createdBlocks = [];
+    createNewBlock(opts) {
+        opts = {
+            ...this.getBasicOptions(),
+            ...opts
+        };
+        if (debug)
+            console.log(this.name, opts);
+        const block = new ThreeMeshUI.Block(opts);
+        this._createdBlocks.push(block);
+        return block;
+    }
+}
+__decorate([
+    serializeable(Rect)
+], RectTransform.prototype, "rect", void 0);
+__decorate([
+    serializeable(Vector2)
+], RectTransform.prototype, "sizeDelta", void 0);
+__decorate([
+    serializeable(Vector3)
+], RectTransform.prototype, "anchoredPosition3D", void 0);
+__decorate([
+    serializeable(Vector2)
+], RectTransform.prototype, "pivot", void 0);
+//# sourceMappingURL=RectTransform.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { Behaviour } from '../Component';
+export declare class SpatialHtml extends Behaviour {
+    id: string | null;
+    keepAspect: boolean;
+    start(): void;
+}

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

@@ -0,0 +1,58 @@
+import * as THREE from 'three';
+import { HTMLMesh } from 'three/examples/jsm/interactive/HTMLMesh.js';
+import { InteractiveGroup } from 'three/examples/jsm/interactive/InteractiveGroup.js';
+import { getWorldRotation, setWorldRotationXYZ } from '../../engine/engine_three_utils';
+import { Behaviour } from '../Component';
+export class SpatialHtml extends Behaviour {
+    id = null;
+    keepAspect = false;
+    start() {
+        if (!this.id || !this.context.mainCamera)
+            return;
+        const div = document.getElementById(this.id);
+        if (!div) {
+            console.warn("Could not find element with id \"" + this.id + "\"");
+            return;
+        }
+        div.style.display = "block";
+        div.style.visibility = "hidden";
+        const group = new InteractiveGroup(this.context.renderer, this.context.mainCamera);
+        this.gameObject.add(group);
+        const mesh = new HTMLMesh(div);
+        group.add(mesh);
+        mesh.visible = false;
+        console.log(mesh);
+        const mat = mesh.material;
+        mat.transparent = true;
+        // need to wait one frame for it to render to get bounds
+        setTimeout(() => {
+            mesh.visible = true;
+            // align box to get bounding box
+            const rot = getWorldRotation(this.gameObject).clone();
+            setWorldRotationXYZ(this.gameObject, 0, 0, 0);
+            this.gameObject.updateMatrixWorld();
+            const aabb = new THREE.Box3();
+            aabb.setFromObject(group);
+            this.setWorldRotation(rot.x, rot.y, rot.z);
+            // apply bounds
+            const width = aabb.max.x - aabb.min.x;
+            const height = aabb.max.y - aabb.min.y;
+            if (this.keepAspect) {
+                const aspect = width / height;
+                if (width > height) {
+                    mesh.scale.set(1 / width, 1 / height / aspect, 1);
+                }
+                else {
+                    mesh.scale.set(1 / width * aspect, 1 / height, 1);
+                }
+            }
+            else {
+                mesh.scale.set(1 / width, 1 / height, 1);
+            }
+            // TODO: replace with world scale once we have that
+            const factor = this.gameObject.scale;
+            mesh.scale.multiply(factor);
+        }, 1);
+    }
+}
+//# sourceMappingURL=SpatialHtml.js.map

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

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