@operato/scene-visualizer 10.0.0-beta.1 → 10.0.0-beta.2

package/dist/threed/real-object-scene.js

@@ -1,72 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-import { createFloor } from './floor/floor.js';
-import { disposeObject3D } from './utils/dispose.js';
-export class RealObjectScene extends RealObject {
-    getObject3dInstance() {
-        return new THREE.Scene();
-    }
-    dispose() {
-        for (const child of this.object3d.children) {
-            disposeObject3D(child);
-        }
-        if (this._animationMixer) {
-            this._animationMixer.stopAllAction();
-            this._animationMixer.uncacheRoot(this.object3d);
-            this._animationMixer = undefined;
-        }
-        super.dispose();
-    }
-    clear() {
-        if (this._floor) {
-            this.object3d.remove(this._floor);
-            if (this._floor.material instanceof Array) {
-                ;
-                this._floor.material.forEach(material => material.dispose());
-            }
-            else {
-                this._floor.material.dispose();
-            }
-            this._floor.geometry.dispose();
-            delete this._floor;
-        }
-        return super.clear();
-    }
-    get floor() {
-        return this._floor;
-    }
-    set floor(floor) {
-        if (this._floor) {
-            this.object3d.remove(this._floor);
-            this._floor.clear();
-            delete this._floor;
-        }
-        if (floor) {
-            this._floor = floor;
-            this.object3d.add(floor);
-        }
-        this.component.invalidate();
-    }
-    build() {
-        super.build();
-        this.floor = createFloor(this.component);
-    }
-    updateTransform() { }
-    updateTransformReverse() { }
-    updateDimension() { }
-    updatePosition() { }
-    updateRotate() { }
-    updateScale() { }
-    updateAlpha() { }
-    updateHidden() { }
-    get animationMixer() {
-        if (!this._animationMixer) {
-            this._animationMixer = new THREE.AnimationMixer(this.object3d);
-        }
-        return this._animationMixer;
-    }
-}
-//# sourceMappingURL=real-object-scene.js.map

package/dist/threed/real-object-scene.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-scene.js","sourceRoot":"","sources":["../../src/threed/real-object-scene.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { RealObject } from './real-object.js'\nimport { createFloor } from './floor/floor.js'\nimport { disposeObject3D } from './utils/dispose.js'\n\nexport class RealObjectScene extends RealObject<THREE.Scene> {\n  private _floor?: THREE.Mesh\n  private _animationMixer?: THREE.AnimationMixer\n\n  protected getObject3dInstance() {\n    return new THREE.Scene()\n  }\n\n  dispose() {\n    for (const child of this.object3d.children) {\n      disposeObject3D(child)\n    }\n\n    if (this._animationMixer) {\n      this._animationMixer.stopAllAction()\n      this._animationMixer.uncacheRoot(this.object3d)\n      this._animationMixer = undefined\n    }\n\n    super.dispose()\n  }\n\n  clear() {\n    if (this._floor) {\n      this.object3d.remove(this._floor)\n\n      if (this._floor.material instanceof Array) {\n        ;(this._floor.material as THREE.Material[]).forEach(material => material.dispose())\n      } else {\n        this._floor.material.dispose()\n      }\n      this._floor.geometry.dispose()\n\n      delete this._floor\n    }\n\n    return super.clear()\n  }\n\n  get floor(): THREE.Mesh {\n    return this._floor!\n  }\n\n  set floor(floor: THREE.Mesh | undefined) {\n    if (this._floor) {\n      this.object3d.remove(this._floor)\n      this._floor.clear()\n      delete this._floor\n    }\n\n    if (floor) {\n      this._floor = floor\n      this.object3d.add(floor)\n    }\n\n    this.component.invalidate()\n  }\n\n  build() {\n    super.build()\n\n    this.floor = createFloor(this.component)\n  }\n\n  updateTransform() {}\n  updateTransformReverse() {}\n  updateDimension() {}\n  updatePosition() {}\n  updateRotate() {}\n  updateScale() {}\n  updateAlpha() {}\n  updateHidden() {}\n\n  get animationMixer(): THREE.AnimationMixer {\n    if (!this._animationMixer) {\n      this._animationMixer = new THREE.AnimationMixer(this.object3d)\n    }\n\n    return this._animationMixer\n  }\n}\n"]}

package/dist/threed/real-object-sprite-2d.d.ts

@@ -1,14 +0,0 @@
-import { RealObjectSprite } from './real-object-sprite.js';
-export declare class RealObjectSprite2D extends RealObjectSprite {
-    buildMaterial(): void;
-    get scale(): {
-        x: number;
-        y: number;
-        z: any;
-    };
-    update(): void;
-    updateFillStyle(): void;
-    updateStrokeStyle(): void;
-    updateAlpha(): void;
-    updateText(): void;
-}

package/dist/threed/real-object-sprite-2d.js

@@ -1,45 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObjectSprite } from './real-object-sprite.js';
-import { createCanvasTexture } from './texture/canvas-texture.js';
-export class RealObjectSprite2D extends RealObjectSprite {
-    buildMaterial() {
-        var material = this.object3d.material;
-        if (material) {
-            material.dispose();
-        }
-        this.object3d.material = new THREE.SpriteMaterial({
-            map: createCanvasTexture(this.component),
-            alphaTest: 0.01,
-            sizeAttenuation: false
-        });
-    }
-    get scale() {
-        const { width, height } = this.component.bounds;
-        const { width: parentWidth, height: parentHeight } = this.threeContainer.bounds;
-        const { scale = 1 } = this.component.state;
-        return {
-            x: (scale * width) / parentWidth,
-            y: (scale * height) / parentHeight,
-            z: scale
-        };
-    }
-    update() {
-        this.build();
-    }
-    updateFillStyle() {
-        this.update();
-    }
-    updateStrokeStyle() {
-        this.update();
-    }
-    updateAlpha() {
-        this.update();
-    }
-    updateText() {
-        this.update();
-    }
-}
-//# sourceMappingURL=real-object-sprite-2d.js.map

package/dist/threed/real-object-sprite-2d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-sprite-2d.js","sourceRoot":"","sources":["../../src/threed/real-object-sprite-2d.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjE,MAAM,OAAO,kBAAmB,SAAQ,gBAAgB;IACtD,aAAa;QACX,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAgC,CAAA;QAC7D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,OAAO,EAAE,CAAA;QACpB,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC;YAChD,GAAG,EAAE,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC;YACxC,SAAS,EAAE,IAAI;YACf,eAAe,EAAE,KAAK;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,KAAK;QACP,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QAC/C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,GAAI,IAAI,CAAC,cAAuB,CAAC,MAAM,CAAA;QACzF,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE1C,OAAO;YACL,CAAC,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,WAAW;YAChC,CAAC,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,YAAY;YAClC,CAAC,EAAE,KAAK;SACT,CAAA;IACH,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,eAAe;QACb,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC;IAED,WAAW;QACT,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC;IAED,UAAU;QACR,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { RealObjectSprite } from './real-object-sprite.js'\nimport { createCanvasTexture } from './texture/canvas-texture.js'\n\nexport class RealObjectSprite2D extends RealObjectSprite {\n  buildMaterial() {\n    var material = this.object3d.material as THREE.SpriteMaterial\n    if (material) {\n      material.dispose()\n    }\n\n    this.object3d.material = new THREE.SpriteMaterial({\n      map: createCanvasTexture(this.component),\n      alphaTest: 0.01,\n      sizeAttenuation: false\n    })\n  }\n\n  get scale() {\n    const { width, height } = this.component.bounds\n    const { width: parentWidth, height: parentHeight } = (this.threeContainer as any)!.bounds\n    const { scale = 1 } = this.component.state\n\n    return {\n      x: (scale * width) / parentWidth,\n      y: (scale * height) / parentHeight,\n      z: scale\n    }\n  }\n\n  update() {\n    this.build()\n  }\n\n  updateFillStyle() {\n    this.update()\n  }\n\n  updateStrokeStyle() {\n    this.update()\n  }\n\n  updateAlpha() {\n    this.update()\n  }\n\n  updateText() {\n    this.update()\n  }\n}\n"]}

package/dist/threed/real-object-sprite.d.ts

@@ -1,11 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-export declare abstract class RealObjectSprite extends RealObject<THREE.Sprite> {
-    protected getObject3dInstance(): THREE.Sprite;
-    build(): void;
-    abstract buildMaterial(): void;
-    get cz(): any;
-    updateAlpha(): void;
-    updateHidden(): void;
-    updateFillStyle(): void;
-}

package/dist/threed/real-object-sprite.js

@@ -1,52 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { applyAlpha } from './common.js';
-import { RealObject } from './real-object.js';
-export class RealObjectSprite extends RealObject {
-    getObject3dInstance() {
-        return new THREE.Sprite();
-    }
-    build() {
-        super.build();
-        this.buildMaterial();
-    }
-    /* overide */
-    get cz() {
-        var { zPos = 0 } = this.component.state;
-        var { height } = this.component.bounds;
-        var { tz = 0 } = this.component.delta();
-        return zPos + tz + height / 2;
-    }
-    updateAlpha() {
-        var { alpha = 1, fillStyle } = this.component.state;
-        applyAlpha(this.object3d.material, alpha, fillStyle);
-    }
-    updateHidden() {
-        this.object3d.visible = !this.component.state.hidden;
-    }
-    updateFillStyle() {
-        var { fillStyle } = this.component.state;
-        var material = this.object3d.material;
-        if (!material) {
-            return;
-        }
-        const texture = RealObject.buildFillStyleTexture(this.component);
-        if (texture) {
-            if (material.map)
-                material.map.dispose();
-            texture.needsUpdate = true;
-            material.map = texture;
-        }
-        else if (typeof fillStyle == 'string') {
-            if (fillStyle !== 'transparent') {
-                material.color.set(fillStyle);
-            }
-            else {
-                material.opacity = 0;
-            }
-        }
-    }
-}
-//# sourceMappingURL=real-object-sprite.js.map

package/dist/threed/real-object-sprite.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-sprite.js","sourceRoot":"","sources":["../../src/threed/real-object-sprite.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,OAAgB,gBAAiB,SAAQ,UAAwB;IAC3D,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,CAAA;IAC3B,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAID,aAAa;IAEb,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QACvC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QACtC,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAW,CAAA;QAEhD,OAAO,IAAI,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC,CAAA;IAC/B,CAAC;IAED,WAAW;QACT,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAEnD,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IACtD,CAAC;IAED,YAAY;QACV,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAA;IACtD,CAAC;IAED,eAAe;QACb,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QACxC,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAgC,CAAA;QAC7D,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAM;QACR,CAAC;QAED,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAEhE,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,QAAQ,CAAC,GAAG;gBAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,CAAA;YACxC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAA;YAC1B,QAAQ,CAAC,GAAG,GAAG,OAAO,CAAA;QACxB,CAAC;aAAM,IAAI,OAAO,SAAS,IAAI,QAAQ,EAAE,CAAC;YACxC,IAAI,SAAS,KAAK,aAAa,EAAE,CAAC;gBAChC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;YAC/B,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAA;YACtB,CAAC;QACH,CAAC;IACH,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { applyAlpha } from './common.js'\nimport { DELTA } from '@hatiolab/things-scene'\n\nimport { RealObject } from './real-object.js'\n\nexport abstract class RealObjectSprite extends RealObject<THREE.Sprite> {\n  protected getObject3dInstance() {\n    return new THREE.Sprite()\n  }\n\n  build() {\n    super.build()\n\n    this.buildMaterial()\n  }\n\n  abstract buildMaterial(): void\n\n  /* overide */\n\n  get cz() {\n    var { zPos = 0 } = this.component.state\n    var { height } = this.component.bounds\n    var { tz = 0 } = this.component.delta() as DELTA\n\n    return zPos + tz + height / 2\n  }\n\n  updateAlpha() {\n    var { alpha = 1, fillStyle } = this.component.state\n\n    applyAlpha(this.object3d.material, alpha, fillStyle)\n  }\n\n  updateHidden() {\n    this.object3d.visible = !this.component.state.hidden\n  }\n\n  updateFillStyle() {\n    var { fillStyle } = this.component.state\n    var material = this.object3d.material as THREE.SpriteMaterial\n    if (!material) {\n      return\n    }\n\n    const texture = RealObject.buildFillStyleTexture(this.component)\n\n    if (texture) {\n      if (material.map) material.map.dispose()\n      texture.needsUpdate = true\n      material.map = texture\n    } else if (typeof fillStyle == 'string') {\n      if (fillStyle !== 'transparent') {\n        material.color.set(fillStyle)\n      } else {\n        material.opacity = 0\n      }\n    }\n  }\n}\n"]}

package/dist/threed/real-object-text.d.ts

@@ -1,15 +0,0 @@
-import { RealObjectMesh } from './real-object-mesh.js';
-/**
- * RealObjectText
- */
-export declare class RealObjectText extends RealObjectMesh {
-    buildGeometry(): void;
-    get rotation(): {
-        x: number;
-        y: any;
-        z: number;
-    };
-    updateDimension(): void;
-    updateText(): void;
-    updateAlpha(): void;
-}

package/dist/threed/real-object-text.js

@@ -1,66 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { applyAlpha } from './common.js';
-import { RealObjectMesh } from './real-object-mesh.js';
-import { textTexture } from './texture/text-texture.js';
-/**
- * RealObjectText
- */
-export class RealObjectText extends RealObjectMesh {
-    buildGeometry() { }
-    /* overide */
-    get rotation() {
-        const { rotationX = 0, rotationY = 0, rotation = 0 } = this.component.state;
-        return {
-            x: rotationX - Math.PI / 2,
-            y: rotationY,
-            z: -rotation
-        };
-    }
-    updateDimension() {
-        var { width, height } = this.component.state;
-        if (this.object3d.geometry) {
-            this.object3d.geometry.dispose();
-        }
-        /* scaling으로 해결되지 않기때문에, 새로 geometry를 만드는 방법을 사용한다 */
-        this.object3d.geometry = new THREE.PlaneGeometry(width, height);
-    }
-    updateText() {
-        var material = this.object3d.material;
-        if (!material) {
-            return;
-        }
-        var { width, height, bold = false, italic = false, fontFamily = 'Serif', fontSize = 10, fontColor = 'black', fillStyle } = this.component.state;
-        var text = this.component.text;
-        const texture = textTexture(text, width, height, {
-            bold,
-            italic,
-            fontFamily,
-            fontSize,
-            fontColor
-        });
-        if (texture) {
-            if (material.map)
-                material.map.dispose();
-            material.map = texture;
-            texture.needsUpdate = true;
-        }
-        else if (typeof fillStyle == 'string') {
-            if (fillStyle !== 'transparent') {
-                material.color.set(fillStyle);
-            }
-            else {
-                material.opacity = 0;
-            }
-        }
-    }
-    updateAlpha() {
-        // material의 transparency는 항상 true으로 유지되어야 한다.
-        var { alpha = 1, fontColor } = this.component.state;
-        applyAlpha(this.object3d.material, alpha, fontColor);
-        this.object3d.material.transparent = true;
-    }
-}
-//# sourceMappingURL=real-object-text.js.map

package/dist/threed/real-object-text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-text.js","sourceRoot":"","sources":["../../src/threed/real-object-text.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,cAAc;IAChD,aAAa,KAAI,CAAC;IAElB,aAAa;IAEb,IAAI,QAAQ;QACV,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE3E,OAAO;YACL,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;YAC1B,CAAC,EAAE,SAAS;YACZ,CAAC,EAAE,CAAC,QAAQ;SACb,CAAA;IACH,CAAC;IAED,eAAe;QACb,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE5C,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC3B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAA;QAClC,CAAC;QAED,qDAAqD;QACrD,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACjE,CAAC;IAED,UAAU;QACR,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAsC,CAAA;QACnE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAM;QACR,CAAC;QAED,IAAI,EACF,KAAK,EACL,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,OAAO,EACnB,SAAS,EACV,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAExB,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA;QAE9B,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE;YAC/C,IAAI;YACJ,MAAM;YACN,UAAU;YACV,QAAQ;YACR,SAAS;SACV,CAAC,CAAA;QAEF,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,QAAQ,CAAC,GAAG;gBAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,CAAA;YACxC,QAAQ,CAAC,GAAG,GAAG,OAAO,CAAA;YACtB,OAAO,CAAC,WAAW,GAAG,IAAI,CAAA;QAC5B,CAAC;aAAM,IAAI,OAAO,SAAS,IAAI,QAAQ,EAAE,CAAC;YACxC,IAAI,SAAS,KAAK,aAAa,EAAE,CAAC;gBAChC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;YAC/B,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAA;YACtB,CAAC;QACH,CAAC;IACH,CAAC;IAED,WAAW;QACT,8CAA8C;QAC9C,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAEnD,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CACnD;QAAC,IAAI,CAAC,QAAQ,CAAC,QAAgB,CAAC,WAAW,GAAG,IAAI,CAAA;IACrD,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { applyAlpha } from './common.js'\n\nimport { RealObjectMesh } from './real-object-mesh.js'\nimport { textTexture } from './texture/text-texture.js'\n\n/**\n * RealObjectText\n */\nexport class RealObjectText extends RealObjectMesh {\n  buildGeometry() {}\n\n  /* overide */\n\n  get rotation() {\n    const { rotationX = 0, rotationY = 0, rotation = 0 } = this.component.state\n\n    return {\n      x: rotationX - Math.PI / 2,\n      y: rotationY,\n      z: -rotation\n    }\n  }\n\n  updateDimension() {\n    var { width, height } = this.component.state\n\n    if (this.object3d.geometry) {\n      this.object3d.geometry.dispose()\n    }\n\n    /* scaling으로 해결되지 않기때문에, 새로 geometry를 만드는 방법을 사용한다 */\n    this.object3d.geometry = new THREE.PlaneGeometry(width, height)\n  }\n\n  updateText() {\n    var material = this.object3d.material as THREE.MeshStandardMaterial\n    if (!material) {\n      return\n    }\n\n    var {\n      width,\n      height,\n      bold = false,\n      italic = false,\n      fontFamily = 'Serif',\n      fontSize = 10,\n      fontColor = 'black',\n      fillStyle\n    } = this.component.state\n\n    var text = this.component.text\n\n    const texture = textTexture(text, width, height, {\n      bold,\n      italic,\n      fontFamily,\n      fontSize,\n      fontColor\n    })\n\n    if (texture) {\n      if (material.map) material.map.dispose()\n      material.map = texture\n      texture.needsUpdate = true\n    } else if (typeof fillStyle == 'string') {\n      if (fillStyle !== 'transparent') {\n        material.color.set(fillStyle)\n      } else {\n        material.opacity = 0\n      }\n    }\n  }\n\n  updateAlpha() {\n    // material의 transparency는 항상 true으로 유지되어야 한다.\n    var { alpha = 1, fontColor } = this.component.state\n\n    applyAlpha(this.object3d.material, alpha, fontColor)\n    ;(this.object3d.material as any).transparent = true\n  }\n}\n"]}

package/dist/threed/real-object.d.ts

@@ -1,65 +0,0 @@
-import * as THREE from 'three';
-import { Component, IRealObject, Properties } from '@hatiolab/things-scene';
-import { ThreeDimensionalContainer } from './three-dimensional-container.js';
-export declare abstract class RealObject<T extends THREE.Object3D = THREE.Object3D> implements IRealObject {
-    protected _component: Component;
-    protected _focused: boolean;
-    protected _focusedAt?: number;
-    object3d: T;
-    static buildFillStyleTexture(component: Component): THREE.Texture | undefined;
-    constructor(component: Component);
-    update(): void;
-    protected getObject3dInstance(): T;
-    build(): void;
-    get component(): Component;
-    get threeContainer(): ThreeDimensionalContainer | undefined;
-    get focused(): boolean;
-    set focused(focused: boolean);
-    dispose(): void;
-    clear(): T;
-    /**
-     * Component의 상태값의 변화를 Object3D에 반영 - translate, rotation, scale
-     */
-    updateTransform(): void;
-    get position(): {
-        x: number;
-        y: any;
-        z: number;
-    };
-    get rotation(): {
-        x: any;
-        y: number;
-        z: any;
-    };
-    get scale(): {
-        x: any;
-        y: any;
-        z: any;
-    };
-    get cx(): number;
-    get cy(): number;
-    get cz(): any;
-    get center(): {
-        x: number;
-        y: number;
-        z: any;
-    };
-    get dimension(): {
-        width: number;
-        height: number;
-        depth: any;
-    };
-    /**
-     * Object3D 모델의 변화를 Component의 모델값에 반영
-     */
-    updatePosition(): void;
-    updateRotate(): void;
-    updateScale(): void;
-    updateDimension(): void;
-    updateAlpha(): void;
-    updateHidden(): void;
-    updateStrokeStyle(): void;
-    updateFillStyle(): void;
-    updateText(): void;
-    onchange(after: Properties, before: Properties): void;
-}

package/dist/threed/real-object.js

@@ -1,251 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { SCALE_MIN } from './common.js';
-import { disposeObject3D } from './utils/dispose.js';
-function hasProperties(props, obj) {
-    return props.findIndex(prop => prop in obj) !== -1;
-}
-export class RealObject {
-    static buildFillStyleTexture(component) {
-        const { fillStyle } = component.state;
-        if (typeof fillStyle == 'object' && fillStyle.type == 'pattern' && fillStyle.image) {
-            return new THREE.TextureLoader(THREE.DefaultLoadingManager).load(component.app.url(fillStyle.image), texture => {
-                texture.minFilter = THREE.LinearFilter;
-                // @ts-ignore
-                texture.colorSpace = THREE.SRGBColorSpace;
-                texture.repeat.set(1, 1);
-                texture.needsUpdate = true;
-                component.invalidate();
-            }, e => {
-                console.error(e);
-            });
-        }
-    }
-    constructor(component) {
-        this._focused = false;
-        this._component = component;
-        this.object3d = this.getObject3dInstance();
-        this.component.on('change', this.onchange, this);
-    }
-    update() {
-        this.clear();
-        this.build();
-        this.updateDimension();
-        this.updateTransform();
-        this.updateFillStyle();
-        this.updateStrokeStyle();
-        this.updateAlpha();
-        this.updateHidden();
-        this.updateText();
-    }
-    getObject3dInstance() {
-        return new THREE.Object3D();
-    }
-    build() {
-        this.object3d.userData.context = this;
-        this.object3d.castShadow = true;
-        this.object3d.name = this.component.state.id;
-    }
-    get component() {
-        return this._component;
-    }
-    get threeContainer() {
-        var component = this.component;
-        while (component) {
-            if ('is3dContainer' in component && component.is3dContainer()) {
-                return component;
-            }
-            component = component.parent;
-        }
-    }
-    get focused() {
-        return this._focused;
-    }
-    set focused(focused) {
-        this._focused = focused;
-        if (focused) {
-            this._focusedAt = performance.now();
-        }
-    }
-    dispose() {
-        this.component.off('change', this.onchange, this);
-        this.clear();
-    }
-    clear() {
-        for (const child of this.object3d.children) {
-            disposeObject3D(child);
-        }
-        this.object3d.userData = {};
-        return this.object3d.clear();
-    }
-    /**
-     * Component의 상태값의 변화를 Object3D에 반영 - translate, rotation, scale
-     */
-    updateTransform() {
-        // var {
-        //   scale: { x: sx = 1, y: sy = 1, z: sz = 1 } = UNIT_SCALE,
-        //   translate: { x: tx = 0, y: ty = 0, z: tz = 0 } = UNIT_TRANSLATE,
-        //   rotate: { x: rx = 0, y: ry = 0, z: rz = 0 } = UNIT_ROTATE
-        // } = this.component.state
-        var { x: tx, y: ty, z: tz } = this.position;
-        var { x: rx, y: ry, z: rz } = this.rotation;
-        var { x: sx, y: sy, z: sz } = this.scale;
-        this.object3d.position.set(tx, ty, tz);
-        this.object3d.rotation.set(rx, ry, rz);
-        this.object3d.scale.set(Math.max(sx, SCALE_MIN), Math.max(sy, SCALE_MIN), Math.max(sz, SCALE_MIN));
-    }
-    get position() {
-        const { x, y, z } = this.center;
-        return {
-            x,
-            y: z,
-            z: y
-        };
-    }
-    get rotation() {
-        const { rotationX = 0, rotationY = 0, rotation = 0 } = this.component.state;
-        return {
-            x: rotationX,
-            y: -rotation,
-            z: rotationY
-        };
-    }
-    get scale() {
-        const { scale = 1 } = this.component.state;
-        return {
-            x: scale,
-            y: scale,
-            z: scale
-        };
-    }
-    get cx() {
-        var { x = 0 } = this.component.center;
-        var { width: parentWidth = 0 } = this.component.parent.bounds;
-        var { tx = 0 } = this.component.delta();
-        return x + tx - parentWidth / 2;
-    }
-    get cy() {
-        var { y = 0 } = this.component.center;
-        var { height: parentHeight = 0 } = this.component.parent.bounds;
-        var { ty = 0 } = this.component.delta();
-        return y + ty - parentHeight / 2;
-    }
-    get cz() {
-        var { zPos = 0, depth = 1 } = this.component.state;
-        var { tz = 0 } = this.component.delta();
-        return zPos + tz + depth / 2;
-    }
-    get center() {
-        var { x = 0, y = 0 } = this.component.center;
-        var { width: parentWidth = 0, height: parentHeight = 0 } = this.component.parent.bounds;
-        var { tx = 0, ty = 0, tz = 0 } = this.component.delta();
-        return {
-            x: x + tx - parentWidth / 2,
-            y: y + ty - parentHeight / 2,
-            z: this.cz
-        };
-    }
-    get dimension() {
-        const { width, height } = this.component.bounds;
-        const { depth } = this.component.state;
-        return {
-            width,
-            height,
-            depth
-        };
-    }
-    /**
-     * Object3D 모델의 변화를 Component의 모델값에 반영
-     */
-    // updateTransformReverse() {
-    //   var { rotation, position, scale } = this.object3d
-    //   this.component.set({
-    //     rotate: {
-    //       x: rotation.x,
-    //       y: rotation.y,
-    //       z: rotation.z
-    //     },
-    //     translate: {
-    //       x: position.x,
-    //       y: position.y,
-    //       z: position.z
-    //     },
-    //     scale: {
-    //       x: scale.x,
-    //       y: scale.y,
-    //       z: scale.z
-    //     }
-    //   })
-    // }
-    /* update functions - 전체적인 rebuilding이 필요하지 않은 update 기능 들임 */
-    updatePosition() {
-        var { x = 0, y = 0, z = 0 } = this.position;
-        this.object3d.position.set(x, y, z);
-    }
-    updateRotate() {
-        var { x = 0, y = 0, z = 0 } = this.rotation;
-        this.object3d.rotation.set(x, y, z);
-    }
-    updateScale() {
-        var { x = 1, y = 1, z = 1 } = this.scale;
-        this.object3d.scale.set(Math.max(x, SCALE_MIN), Math.max(y, SCALE_MIN), Math.max(z, SCALE_MIN));
-    }
-    updateDimension() {
-        var { width, height, depth } = this.dimension;
-        this.object3d.scale.set(width, height, depth);
-    }
-    updateAlpha() {
-        var { alpha } = this.component.state;
-        alpha = alpha == undefined ? 1 : alpha;
-        this.object3d.traverse((o) => {
-            var materials = o.material;
-            if (!o.material)
-                return;
-            if (!Array.isArray(materials)) {
-                materials = [materials];
-            }
-            materials.forEach((m) => {
-                m.opacity *= alpha;
-                m.transparent = alpha < 1;
-            });
-        });
-    }
-    updateHidden() {
-        this.object3d.visible = !this.component.state.hidden;
-    }
-    updateStrokeStyle() { }
-    updateFillStyle() { }
-    updateText() { }
-    onchange(after, before) {
-        if (hasProperties(['cx', 'cy', 'cz', 'zPos', 'left', 'top'], after)) {
-            this.updatePosition();
-        }
-        if (hasProperties(['width', 'height', 'depth'], after)) {
-            this.updateDimension();
-        }
-        if (hasProperties(['rotationX', 'rotationY', 'rotation'], after)) {
-            this.updateRotate();
-        }
-        if ('scale' in after) {
-            this.updateScale();
-        }
-        if ('hidden' in after) {
-            this.updateHidden();
-        }
-        if ('alpha' in after) {
-            this.updateAlpha();
-        }
-        if ('strokeStyle' in after) {
-            this.updateStrokeStyle();
-        }
-        if ('fillStyle' in after) {
-            this.updateFillStyle();
-        }
-        if ('text' in after) {
-            this.updateText();
-        }
-    }
-}
-//# sourceMappingURL=real-object.js.map

package/dist/threed/real-object.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object.js","sourceRoot":"","sources":["../../src/threed/real-object.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { Component, IRealObject, Properties, DELTA } from '@hatiolab/things-scene'\n\nimport { SCALE_MIN } from './common.js'\nimport { ThreeDimensionalContainer } from './three-dimensional-container.js'\nimport { disposeObject3D } from './utils/dispose.js'\n\nfunction hasProperties(props: string[], obj: object) {\n  return props.findIndex(prop => prop in obj) !== -1\n}\n\nexport abstract class RealObject<T extends THREE.Object3D = THREE.Object3D> implements IRealObject {\n  protected _component: Component\n  protected _focused: boolean = false\n  protected _focusedAt?: number\n\n  public object3d: T\n\n  static buildFillStyleTexture(component: Component) {\n    const { fillStyle } = component.state\n\n    if (typeof fillStyle == 'object' && fillStyle.type == 'pattern' && fillStyle.image) {\n      return new THREE.TextureLoader(THREE.DefaultLoadingManager).load(\n        component.app.url(fillStyle.image),\n        texture => {\n          texture.minFilter = THREE.LinearFilter\n          // @ts-ignore\n          texture.colorSpace = THREE.SRGBColorSpace\n          texture.repeat.set(1, 1)\n          texture.needsUpdate = true\n\n          component.invalidate()\n        },\n        e => {\n          console.error(e)\n        }\n      )\n    }\n  }\n\n  constructor(component: Component) {\n    this._component = component\n    this.object3d = this.getObject3dInstance()\n\n    this.component.on('change', this.onchange, this)\n  }\n\n  update() {\n    this.clear()\n    this.build()\n\n    this.updateDimension()\n    this.updateTransform()\n    this.updateFillStyle()\n    this.updateStrokeStyle()\n    this.updateAlpha()\n    this.updateHidden()\n    this.updateText()\n  }\n\n  protected getObject3dInstance(): T {\n    return new THREE.Object3D() as T\n  }\n\n  build() {\n    this.object3d.userData.context = this\n    this.object3d.castShadow = true\n    this.object3d.name = this.component.state.id\n  }\n\n  get component(): Component {\n    return this._component!\n  }\n\n  get threeContainer(): ThreeDimensionalContainer | undefined {\n    var component = this.component\n\n    while (component) {\n      if ('is3dContainer' in component && (component as unknown as ThreeDimensionalContainer).is3dContainer()) {\n        return component as unknown as ThreeDimensionalContainer\n      }\n      component = component.parent\n    }\n  }\n\n  get focused(): boolean {\n    return this._focused\n  }\n\n  set focused(focused: boolean) {\n    this._focused = focused\n    if (focused) {\n      this._focusedAt = performance.now()\n    }\n  }\n\n  dispose() {\n    this.component.off('change', this.onchange, this)\n\n    this.clear()\n  }\n\n  clear() {\n    for (const child of this.object3d.children) {\n      disposeObject3D(child)\n    }\n\n    this.object3d.userData = {}\n    return this.object3d.clear()\n  }\n\n  /**\n   * Component의 상태값의 변화를 Object3D에 반영 - translate, rotation, scale\n   */\n  updateTransform() {\n    // var {\n    //   scale: { x: sx = 1, y: sy = 1, z: sz = 1 } = UNIT_SCALE,\n    //   translate: { x: tx = 0, y: ty = 0, z: tz = 0 } = UNIT_TRANSLATE,\n    //   rotate: { x: rx = 0, y: ry = 0, z: rz = 0 } = UNIT_ROTATE\n    // } = this.component.state\n\n    var { x: tx, y: ty, z: tz } = this.position\n    var { x: rx, y: ry, z: rz } = this.rotation\n    var { x: sx, y: sy, z: sz } = this.scale\n\n    this.object3d.position.set(tx, ty, tz)\n    this.object3d.rotation.set(rx, ry, rz)\n    this.object3d.scale.set(Math.max(sx, SCALE_MIN), Math.max(sy, SCALE_MIN), Math.max(sz, SCALE_MIN))\n  }\n\n  get position() {\n    const { x, y, z } = this.center\n    return {\n      x,\n      y: z,\n      z: y\n    }\n  }\n\n  get rotation() {\n    const { rotationX = 0, rotationY = 0, rotation = 0 } = this.component.state\n\n    return {\n      x: rotationX,\n      y: -rotation,\n      z: rotationY\n    }\n  }\n\n  get scale() {\n    const { scale = 1 } = this.component.state\n\n    return {\n      x: scale,\n      y: scale,\n      z: scale\n    }\n  }\n\n  get cx() {\n    var { x = 0 } = this.component.center\n    var { width: parentWidth = 0 } = this.component.parent.bounds\n    var { tx = 0 } = this.component.delta() as DELTA\n\n    return x + tx - parentWidth / 2\n  }\n\n  get cy() {\n    var { y = 0 } = this.component.center\n    var { height: parentHeight = 0 } = this.component.parent.bounds\n    var { ty = 0 } = this.component.delta() as DELTA\n\n    return y + ty - parentHeight / 2\n  }\n\n  get cz() {\n    var { zPos = 0, depth = 1 } = this.component.state\n    var { tz = 0 } = this.component.delta() as DELTA\n\n    return zPos + tz + depth / 2\n  }\n\n  get center() {\n    var { x = 0, y = 0 } = this.component.center\n    var { width: parentWidth = 0, height: parentHeight = 0 } = this.component.parent.bounds\n\n    var { tx = 0, ty = 0, tz = 0 } = this.component.delta() as DELTA\n\n    return {\n      x: x + tx - parentWidth / 2,\n      y: y + ty - parentHeight / 2,\n      z: this.cz\n    }\n  }\n\n  get dimension() {\n    const { width, height } = this.component.bounds\n    const { depth } = this.component.state\n    return {\n      width,\n      height,\n      depth\n    }\n  }\n\n  /**\n   * Object3D 모델의 변화를 Component의 모델값에 반영\n   */\n  // updateTransformReverse() {\n  //   var { rotation, position, scale } = this.object3d\n\n  //   this.component.set({\n  //     rotate: {\n  //       x: rotation.x,\n  //       y: rotation.y,\n  //       z: rotation.z\n  //     },\n  //     translate: {\n  //       x: position.x,\n  //       y: position.y,\n  //       z: position.z\n  //     },\n  //     scale: {\n  //       x: scale.x,\n  //       y: scale.y,\n  //       z: scale.z\n  //     }\n  //   })\n  // }\n\n  /* update functions - 전체적인 rebuilding이 필요하지 않은 update 기능 들임 */\n  updatePosition() {\n    var { x = 0, y = 0, z = 0 } = this.position\n    this.object3d.position.set(x, y, z)\n  }\n\n  updateRotate() {\n    var { x = 0, y = 0, z = 0 } = this.rotation\n    this.object3d.rotation.set(x, y, z)\n  }\n\n  updateScale() {\n    var { x = 1, y = 1, z = 1 } = this.scale\n    this.object3d.scale.set(Math.max(x, SCALE_MIN), Math.max(y, SCALE_MIN), Math.max(z, SCALE_MIN))\n  }\n\n  updateDimension() {\n    var { width, height, depth } = this.dimension\n    this.object3d.scale.set(width, height, depth)\n  }\n\n  updateAlpha() {\n    var { alpha } = this.component.state\n\n    alpha = alpha == undefined ? 1 : alpha\n\n    this.object3d.traverse((o: any) => {\n      var materials = o.material\n      if (!o.material) return\n\n      if (!Array.isArray(materials)) {\n        materials = [materials]\n      }\n\n      materials.forEach((m: any) => {\n        m.opacity *= alpha\n        m.transparent = alpha < 1\n      })\n    })\n  }\n\n  updateHidden() {\n    this.object3d.visible = !this.component.state.hidden\n  }\n\n  updateStrokeStyle() {}\n  updateFillStyle() {}\n  updateText() {}\n\n  onchange(after: Properties, before: Properties) {\n    if (hasProperties(['cx', 'cy', 'cz', 'zPos', 'left', 'top'], after)) {\n      this.updatePosition()\n    }\n\n    if (hasProperties(['width', 'height', 'depth'], after)) {\n      this.updateDimension()\n    }\n\n    if (hasProperties(['rotationX', 'rotationY', 'rotation'], after)) {\n      this.updateRotate()\n    }\n\n    if ('scale' in after) {\n      this.updateScale()\n    }\n\n    if ('hidden' in after) {\n      this.updateHidden()\n    }\n\n    if ('alpha' in after) {\n      this.updateAlpha()\n    }\n\n    if ('strokeStyle' in after) {\n      this.updateStrokeStyle()\n    }\n\n    if ('fillStyle' in after) {\n      this.updateFillStyle()\n    }\n\n    if ('text' in after) {\n      this.updateText()\n    }\n  }\n}\n"]}