@operato/scene-visualizer 9.2.2 → 10.0.0-beta.10

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

@@ -1,101 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { error } from '@hatiolab/things-scene';
-import { RealObject } from './real-object.js';
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
-import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
-import { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader.js';
-// @ts-ignore
-import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js';
-export class RealObjectGLTF extends RealObject {
-    constructor() {
-        super(...arguments);
-        this.objectSize = new THREE.Vector3();
-    }
-    static get GLTFLoader() {
-        return RealObjectGLTF._GLTFLoader;
-    }
-    build() {
-        super.build();
-        var { src: source } = this.component.state;
-        if (!source) {
-            this.clear();
-            return;
-        }
-        let gltfLoader = new GLTFLoader();
-        // Optional: Provide a DRACOLoader instance to decode compressed mesh data
-        const dracoLoader = new DRACOLoader();
-        dracoLoader.setDecoderPath('/node_modules/three/examples/jsm/libs/draco/');
-        gltfLoader.setDRACOLoader(dracoLoader);
-        const ktx2Loader = new KTX2Loader();
-        ktx2Loader.setTranscoderPath(`/node_modules/three/examples/jsm/libs/basis/`);
-        ktx2Loader.detectSupport(this.threeContainer.renderer3d);
-        gltfLoader.setKTX2Loader(ktx2Loader);
-        gltfLoader.setMeshoptDecoder(MeshoptDecoder);
-        var fullsource = this.component.app.url(source);
-        gltfLoader.setCrossOrigin('use-credentials');
-        gltfLoader.load(fullsource, gltf => {
-            this.gltfLoaded(gltf);
-        }, xhr => {
-            console.log(Math.round((xhr.loaded / xhr.total) * 100) + '% loaded');
-        }, err => {
-            error('GLTFLoader.load', err);
-            this.clear();
-        });
-    }
-    gltfLoaded(gltf) {
-        let scene = gltf.scene;
-        var animations = gltf.animations;
-        var object = scene.clone();
-        object.userData.context = this;
-        object.traverse((child) => {
-            if (child.isMesh) {
-                child.castShadow = true;
-            }
-        });
-        var boundingBox = new THREE.Box3().setFromObject(object);
-        var center = boundingBox.getCenter(object.position);
-        this.objectSize = boundingBox.getSize(this.objectSize);
-        center.multiplyScalar(-1);
-        // 오브젝트 공백을 최소로 하기위해서 clear() 를 최대한 pending함.
-        this.clear();
-        this.pivot = new THREE.Object3D();
-        this.object3d.add(this.pivot);
-        this.pivot.add(object);
-        this.updateDimension();
-        if (animations && animations.length) {
-            for (var i = 0; i < animations.length; i++) {
-                var animation = animations[i];
-                var action = this.threeContainer.mixer.clipAction(animation);
-                action.play();
-            }
-        }
-        else {
-            console.log('no animations..');
-        }
-    }
-    clear() {
-        // TODO gltf object 리소스 해제가 필요하면, 여기에 추가.
-        // 반복적으로 로딩하면 WebGL 리소스 부족으로 오류 발생.
-        return super.clear();
-    }
-    updateDimension() {
-        var { width = 1, height = 1, depth = 1 } = this.component.state;
-        var { x = 1, y = 1, z = 1 } = this.objectSize || {};
-        this.pivot && this.pivot.scale.set(width / x, depth / y, height / z);
-        this.component.invalidate();
-    }
-    updateSource() {
-        this.build();
-    }
-    onchange(after, before) {
-        super.onchange(after, before);
-        if ('src' in after) {
-            this.updateSource();
-        }
-    }
-}
-RealObjectGLTF._GLTFLoader = new GLTFLoader();
-//# sourceMappingURL=real-object-gltf.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-gltf.js","sourceRoot":"","sources":["../../src/threed/real-object-gltf.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { error } from '@hatiolab/things-scene'\n\nimport { RealObject } from './real-object.js'\n\nimport { GLTF, GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'\nimport { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js'\nimport { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader.js'\n// @ts-ignore\nimport { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js'\nimport { Properties } from '@hatiolab/things-scene'\n\nexport class RealObjectGLTF extends RealObject {\n  private static _GLTFLoader = new GLTFLoader()\n\n  private pivot?: THREE.Object3D\n  private objectSize?: THREE.Vector3 = new THREE.Vector3()\n\n  static get GLTFLoader() {\n    return RealObjectGLTF._GLTFLoader\n  }\n\n  build() {\n    super.build()\n\n    var { src: source } = this.component.state\n\n    if (!source) {\n      this.clear()\n      return\n    }\n\n    let gltfLoader = new GLTFLoader()\n\n    // Optional: Provide a DRACOLoader instance to decode compressed mesh data\n    const dracoLoader = new DRACOLoader()\n    dracoLoader.setDecoderPath('/node_modules/three/examples/jsm/libs/draco/')\n    gltfLoader.setDRACOLoader(dracoLoader)\n\n    const ktx2Loader = new KTX2Loader()\n    ktx2Loader.setTranscoderPath(`/node_modules/three/examples/jsm/libs/basis/`)\n    ktx2Loader.detectSupport(this.threeContainer!.renderer3d!)\n    gltfLoader.setKTX2Loader(ktx2Loader)\n\n    gltfLoader.setMeshoptDecoder(MeshoptDecoder)\n\n    var fullsource = this.component.app.url(source)\n    gltfLoader.setCrossOrigin('use-credentials')\n\n    gltfLoader.load(\n      fullsource,\n      gltf => {\n        this.gltfLoaded(gltf)\n      },\n      xhr => {\n        console.log(Math.round((xhr.loaded / xhr.total) * 100) + '% loaded')\n      },\n      err => {\n        error('GLTFLoader.load', err)\n        this.clear()\n      }\n    )\n  }\n\n  private gltfLoaded(gltf: GLTF) {\n    let scene = gltf.scene\n\n    var animations = gltf.animations\n    var object = scene.clone()\n    object.userData.context = this\n\n    object.traverse((child: THREE.Object3D) => {\n      if ((child as any).isMesh) {\n        child.castShadow = true\n      }\n    })\n\n    var boundingBox = new THREE.Box3().setFromObject(object)\n    var center = boundingBox.getCenter(object.position)\n    this.objectSize = boundingBox.getSize(this.objectSize!)\n\n    center.multiplyScalar(-1)\n\n    // 오브젝트 공백을 최소로 하기위해서 clear() 를 최대한 pending함.\n    this.clear()\n\n    this.pivot = new THREE.Object3D()\n    this.object3d.add(this.pivot)\n    this.pivot.add(object)\n\n    this.updateDimension()\n\n    if (animations && animations.length) {\n      for (var i = 0; i < animations.length; i++) {\n        var animation = animations[i]\n        var action = this.threeContainer!.mixer!.clipAction(animation)\n        action.play()\n      }\n    } else {\n      console.log('no animations..')\n    }\n  }\n\n  clear() {\n    // TODO gltf object 리소스 해제가 필요하면, 여기에 추가.\n    // 반복적으로 로딩하면 WebGL 리소스 부족으로 오류 발생.\n\n    return super.clear()\n  }\n\n  updateDimension() {\n    var { width = 1, height = 1, depth = 1 } = this.component.state\n\n    var { x = 1, y = 1, z = 1 } = this.objectSize || {}\n\n    this.pivot && this.pivot.scale.set(width / x, depth / y, height / z)\n\n    this.component.invalidate()\n  }\n\n  updateSource() {\n    this.build()\n  }\n\n  onchange(after: Properties, before: Properties) {\n    super.onchange(after, before)\n\n    if ('src' in after) {\n      this.updateSource()\n    }\n  }\n}\n"]}

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

@@ -1,5 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-export declare class RealObjectGroup extends RealObject<THREE.Group> {
-    protected getObject3dInstance(): THREE.Group<THREE.Object3DEventMap>;
-}

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

@@ -1,11 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-export class RealObjectGroup extends RealObject {
-    getObject3dInstance() {
-        return new THREE.Group();
-    }
-}
-//# sourceMappingURL=real-object-group.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-group.js","sourceRoot":"","sources":["../../src/threed/real-object-group.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,OAAO,eAAgB,SAAQ,UAAuB;IAChD,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,KAAK,EAAE,CAAA;IAC1B,CAAC;CAyBF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport * as THREE from 'three'\nimport { RealObject } from './real-object.js'\n\nexport class RealObjectGroup extends RealObject<THREE.Group> {\n  protected getObject3dInstance() {\n    return new THREE.Group()\n  }\n\n  // build() {\n  // super.build()\n\n  //   var { left = 0, top = 0, width = 0, height = 0 } = this.component.bounds\n\n  //   let cx = left + width / 2 - canvasSize.width / 2\n  //   let cy = top + height / 2 - canvasSize.height / 2\n  //   // let cz = this.state.rx\n\n  //   this.object3d.position.x = cx\n  //   this.object3d.position.z = cy\n  // }\n\n  // createChildrenObject() {\n  //   var { components } = this._model\n\n  //   components.forEach((component: Model) => {\n  //     var item = component.getRealObject()\n  //     if (item) {\n  //       this.object3d.add(item.object3d)\n  //     }\n  //   })\n  // }\n}\n"]}

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

@@ -1,13 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-export declare abstract class RealObjectMesh extends RealObject<THREE.Mesh> {
-    protected getObject3dInstance(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
-    build(): void;
-    updateAlpha(): void;
-    updateHidden(): void;
-    updateFillStyle(): void;
-    updateDimension(): void;
-    protected abstract buildGeometry(): void;
-    buildMaterial(): void;
-    clear(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
-}

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

@@ -1,75 +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 RealObjectMesh extends RealObject {
-    getObject3dInstance() {
-        return new THREE.Mesh();
-    }
-    build() {
-        super.build();
-        this.buildGeometry();
-        this.buildMaterial();
-    }
-    /* overide */
-    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) {
-            texture.needsUpdate = true;
-            material.map = texture;
-        }
-        else if (typeof fillStyle == 'string') {
-            if (fillStyle !== 'transparent') {
-                material.color.set(fillStyle);
-            }
-            else {
-                material.opacity = 0;
-            }
-        }
-    }
-    updateDimension() {
-        var { width, height } = this.component.bounds;
-        var { depth = 1 } = this.component.state;
-        if (!this.object3d) {
-            return;
-        }
-        this.object3d.geometry.computeBoundingBox();
-        let bbox = this.object3d.geometry.boundingBox;
-        if (bbox) {
-            let originalWidth = bbox.max.x - bbox.min.x;
-            let originalDepth = bbox.max.y - bbox.min.y;
-            let originalHeight = bbox.max.z - bbox.min.z;
-            this.object3d.scale.set(width / originalWidth, depth / originalDepth, height / originalHeight);
-        }
-    }
-    buildMaterial() {
-        this.object3d.material = new THREE.MeshStandardMaterial({
-            transparent: true,
-            side: THREE.DoubleSide
-        });
-    }
-    clear() {
-        this.object3d.traverse((mesh) => {
-            if (mesh.isMesh) {
-                mesh.geometry.dispose();
-                (mesh.material.length ? mesh.material : [mesh.material]).forEach((m) => m.dispose && m.dispose());
-            }
-        });
-        return super.clear();
-    }
-}
-//# sourceMappingURL=real-object-mesh.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-mesh.js","sourceRoot":"","sources":["../../src/threed/real-object-mesh.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { applyAlpha } from './common.js'\nimport { RealObject } from './real-object.js'\n\nexport abstract class RealObjectMesh extends RealObject<THREE.Mesh> {\n  protected getObject3dInstance() {\n    return new THREE.Mesh()\n  }\n\n  build() {\n    super.build()\n\n    this.buildGeometry()\n    this.buildMaterial()\n  }\n\n  /* overide */\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.MeshStandardMaterial\n    if (!material) {\n      return\n    }\n\n    const texture = RealObject.buildFillStyleTexture(this.component)\n\n    if (texture) {\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  updateDimension(): void {\n    var { width, height } = this.component.bounds\n    var { depth = 1 } = this.component.state\n\n    if (!this.object3d) {\n      return\n    }\n\n    this.object3d.geometry.computeBoundingBox()\n\n    let bbox = this.object3d.geometry.boundingBox\n\n    if (bbox) {\n      let originalWidth = bbox.max.x - bbox.min.x\n      let originalDepth = bbox.max.y - bbox.min.y\n      let originalHeight = bbox.max.z - bbox.min.z\n\n      this.object3d.scale.set(width / originalWidth, depth / originalDepth, height / originalHeight)\n    }\n  }\n\n  protected abstract buildGeometry(): void\n\n  buildMaterial(): void {\n    this.object3d.material = new THREE.MeshStandardMaterial({\n      transparent: true,\n      side: THREE.DoubleSide\n    })\n  }\n\n  clear() {\n    this.object3d.traverse((mesh: any) => {\n      if (mesh.isMesh) {\n        mesh.geometry.dispose()\n        ;(mesh.material.length ? mesh.material : [mesh.material]).forEach((m: any) => m.dispose && m.dispose())\n      }\n    })\n\n    return super.clear()\n  }\n}\n"]}

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

@@ -1,5 +0,0 @@
-import { RealObjectMesh } from './real-object-mesh.js';
-export declare class RealObjectPlane extends RealObjectMesh {
-    buildGeometry(): void;
-    buildMaterial(): void;
-}

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

@@ -1,22 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-/*
-  Inspired by http://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl/
-*/
-import * as THREE from 'three';
-import { RealObjectMesh } from './real-object-mesh.js';
-export class RealObjectPlane extends RealObjectMesh {
-    buildGeometry() {
-        var { width, height } = this.component.state.dimension;
-        this.object3d.geometry = new THREE.PlaneGeometry(width, height);
-    }
-    buildMaterial() {
-        this.object3d.material = new THREE.MeshStandardMaterial({
-            opacity: 0,
-            side: THREE.DoubleSide,
-            blending: THREE.NoBlending
-        });
-    }
-}
-//# sourceMappingURL=real-object-plane.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-plane.js","sourceRoot":"","sources":["../../src/threed/real-object-plane.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;EAEE;AAEF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEtD,MAAM,OAAO,eAAgB,SAAQ,cAAc;IACjD,aAAa;QACX,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAA;QAEtD,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACjE,CAAC;IAED,aAAa;QACX,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YACtD,OAAO,EAAE,CAAC;YACV,IAAI,EAAE,KAAK,CAAC,UAAU;YACtB,QAAQ,EAAE,KAAK,CAAC,UAAU;SAC3B,CAAC,CAAA;IACJ,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n/* \n  Inspired by http://learningthreejs.com/blog/2013/04/30/closing-the-gap-between-html-and-webgl/\n*/\n\nimport * as THREE from 'three'\n\nimport { RealObjectMesh } from './real-object-mesh.js'\n\nexport class RealObjectPlane extends RealObjectMesh {\n  buildGeometry() {\n    var { width, height } = this.component.state.dimension\n\n    this.object3d.geometry = new THREE.PlaneGeometry(width, height)\n  }\n\n  buildMaterial() /* : THREE.MeshMaterialType | THREE.MeshMaterialType[] */ {\n    this.object3d.material = new THREE.MeshStandardMaterial({\n      opacity: 0,\n      side: THREE.DoubleSide,\n      blending: THREE.NoBlending\n    })\n  }\n}\n"]}

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

@@ -1,21 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-export declare class RealObjectScene extends RealObject<THREE.Scene> {
-    private _floor?;
-    private _animationMixer?;
-    protected getObject3dInstance(): THREE.Scene;
-    dispose(): void;
-    clear(): THREE.Scene;
-    get floor(): THREE.Mesh;
-    set floor(floor: THREE.Mesh | undefined);
-    build(): void;
-    updateTransform(): void;
-    updateTransformReverse(): void;
-    updateDimension(): void;
-    updatePosition(): void;
-    updateRotate(): void;
-    updateScale(): void;
-    updateAlpha(): void;
-    updateHidden(): void;
-    get animationMixer(): THREE.AnimationMixer;
-}

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

@@ -1,67 +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';
-export class RealObjectScene extends RealObject {
-    getObject3dInstance() {
-        return new THREE.Scene();
-    }
-    dispose() {
-        this.object3d.children.forEach(child => {
-            ;
-            child['dispose'] && child['dispose']();
-            this.object3d.remove(child);
-        });
-    }
-    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":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,OAAO,eAAgB,SAAQ,UAAuB;IAIhD,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,KAAK,EAAE,CAAA;IAC1B,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrC,CAAC;YAAC,KAAa,CAAC,SAAS,CAAC,IAAK,KAAa,CAAC,SAAS,CAAC,EAAE,CAAA;YAEzD,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC7B,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,KAAK;QACH,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAEjC,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,YAAY,KAAK,EAAE,CAAC;gBAC1C,CAAC;gBAAC,IAAI,CAAC,MAAM,CAAC,QAA6B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;YACrF,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAA;YAChC,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAA;YAE9B,OAAO,IAAI,CAAC,MAAM,CAAA;QACpB,CAAC;QAED,OAAO,KAAK,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAO,CAAA;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAA6B;QACrC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YACjC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;YACnB,OAAO,IAAI,CAAC,MAAM,CAAA;QACpB,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;YACnB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QAC1B,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAA;IAC7B,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC1C,CAAC;IAED,eAAe,KAAI,CAAC;IACpB,sBAAsB,KAAI,CAAC;IAC3B,eAAe,KAAI,CAAC;IACpB,cAAc,KAAI,CAAC;IACnB,YAAY,KAAI,CAAC;IACjB,WAAW,KAAI,CAAC;IAChB,WAAW,KAAI,CAAC;IAChB,YAAY,KAAI,CAAC;IAEjB,IAAI,cAAc;QAChB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAChE,CAAC;QAED,OAAO,IAAI,CAAC,eAAe,CAAA;IAC7B,CAAC;CACF","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'\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    this.object3d.children.forEach(child => {\n      ;(child as any)['dispose'] && (child as any)['dispose']()\n\n      this.object3d.remove(child)\n    })\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,GAAG,IAAI,CAAC,cAAe,CAAC,MAAM,CAAA;QAChF,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!.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,50 +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) {
-            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,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      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,64 +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) {
-            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,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      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"]}