@hatiolab/things-scene 3.2.12 → 3.2.14

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

@@ -0,0 +1,97 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import * as THREE from 'three';
+import RealObject from './real-object';
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
+import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
+import { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader';
+/* @ts-ignore */
+import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js';
+import { error } from '../core/logger';
+export default class RealObjectGLTF extends RealObject {
+    constructor() {
+        super(...arguments);
+        this.objectSize = new THREE.Vector3();
+    }
+    static get GLTFLoader() {
+        return RealObjectGLTF._GLTFLoader;
+    }
+    build() {
+        super.build();
+        var { src } = this.component.state;
+        if (!src) {
+            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 fullSrc = this.component.app.url(src);
+        gltfLoader.setCrossOrigin('use-credentials');
+        gltfLoader.load(fullSrc, 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.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._rescale();
+        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();
+    }
+    _rescale() {
+        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();
+    }
+    updateDimension() {
+        this._rescale();
+    }
+    get rebuildingProperties() {
+        return ['fillStyle', 'lineStyle', 'text'];
+    }
+}
+RealObjectGLTF._GLTFLoader = new GLTFLoader();
+//# sourceMappingURL=real-object-gltf.js.map

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

@@ -0,0 +1 @@
+{"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'\n\nimport RealObject from './real-object'\n\nimport { GLTF, GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'\nimport { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader'\nimport { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader'\n/* @ts-ignore */\nimport { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js'\nimport { error } from '../core/logger'\n\nexport default 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 } = this.component.state\n\n    if (!src) {\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 fullSrc = this.component.app.url(src)\n    gltfLoader.setCrossOrigin('use-credentials')\n\n    gltfLoader.load(\n      fullSrc,\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\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._rescale()\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  _rescale() {\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  updateDimension() {\n    this._rescale()\n  }\n\n  get rebuildingProperties(): string[] {\n    return ['fillStyle', 'lineStyle', 'text']\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"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,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAuB;IACxD,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'\n\nexport default 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.realObject\n  //     if (item) {\n  //       this.object3d.add(item.object3d)\n  //     }\n  //   })\n  // }\n}\n"]}

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

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

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

@@ -0,0 +1,55 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import * as THREE from 'three';
+import { error } from '../core/logger';
+import { applyAlpha } from './common';
+import RealObject from './real-object';
+export default class RealObjectMesh extends RealObject {
+    getObject3dInstance() {
+        return new THREE.Mesh();
+    }
+    build() {
+        super.build();
+        this.object3d.geometry = this.buildGeometry();
+        this.object3d.material = 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;
+    }
+    buildMaterial() {
+        var { fillStyle } = this.component.state;
+        var params = {};
+        if (typeof fillStyle == 'object') {
+            params = {
+                map: new THREE.TextureLoader(THREE.DefaultLoadingManager).load(fillStyle.image, () => {
+                    this.component.invalidate();
+                }, e => {
+                    error(e);
+                })
+            };
+        }
+        else {
+            params = {
+                color: fillStyle || '#FFF'
+            };
+        }
+        const material = new THREE.MeshLambertMaterial(params);
+        return material;
+    }
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"real-object-mesh.js","sourceRoot":"","sources":["../../src/threed/real-object-mesh.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAA2C,MAAM,UAAU,CAAA;AAC9E,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,CAAC,OAAO,OAAgB,cAAe,SAAQ,UAAsB;IAC/D,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,CAAA;IACzB,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,CAAA;QAC7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,CAAA;IAC/C,CAAC;IAED,aAAa;IAEb,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;IAID,aAAa;QACX,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAExC,IAAI,MAAM,GAAQ,EAAE,CAAA;QAEpB,IAAI,OAAO,SAAS,IAAI,QAAQ,EAAE;YAChC,MAAM,GAAG;gBACP,GAAG,EAAE,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAC5D,SAAS,CAAC,KAAK,EACf,GAAG,EAAE;oBACH,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAA;gBAC7B,CAAC,EACD,CAAC,CAAC,EAAE;oBACF,KAAK,CAAC,CAAC,CAAC,CAAA;gBACV,CAAC,CACF;aACF,CAAA;SACF;aAAM;YACL,MAAM,GAAG;gBACP,KAAK,EAAE,SAAS,IAAI,MAAM;aAC3B,CAAA;SACF;QAED,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAA;QAEtD,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAS,EAAE,EAAE;YACnC,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CACtB;gBAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;aACxG;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,KAAK,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { error } from '../core/logger'\n\nimport { applyAlpha, UNIT_ROTATE, UNIT_SCALE, UNIT_TRANSLATE } from './common'\nimport RealObject from './real-object'\n\nexport default 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.object3d.geometry = this.buildGeometry()\n    this.object3d.material = 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  protected abstract buildGeometry(): THREE.BufferGeometry\n\n  buildMaterial(): THREE.Material /* : THREE.MeshMaterialType | THREE.MeshMaterialType[] */ {\n    var { fillStyle } = this.component.state\n\n    var params: any = {}\n\n    if (typeof fillStyle == 'object') {\n      params = {\n        map: new THREE.TextureLoader(THREE.DefaultLoadingManager).load(\n          fillStyle.image,\n          () => {\n            this.component.invalidate()\n          },\n          e => {\n            error(e)\n          }\n        )\n      }\n    } else {\n      params = {\n        color: fillStyle || '#FFF'\n      }\n    }\n\n    const material = new THREE.MeshLambertMaterial(params)\n\n    return material\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

@@ -0,0 +1,6 @@
+import * as THREE from 'three';
+import RealObjectMesh from './real-object-mesh';
+export default class RealObjectPlane extends RealObjectMesh {
+    buildGeometry(): THREE.PlaneGeometry;
+    buildMaterial(): THREE.MeshBasicMaterial;
+}

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

@@ -0,0 +1,23 @@
+/*
+ * 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';
+export default class RealObjectPlane extends RealObjectMesh {
+    buildGeometry() {
+        var { width, height } = this.component.state.dimension;
+        return new THREE.PlaneGeometry(width, height);
+    }
+    buildMaterial() {
+        var material = new THREE.MeshBasicMaterial();
+        material.color.set('black');
+        material.opacity = 0;
+        material.side = THREE.DoubleSide;
+        material.blending = THREE.NoBlending;
+        return material;
+    }
+}
+//# sourceMappingURL=real-object-plane.js.map

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

@@ -0,0 +1 @@
+{"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,cAAc,MAAM,oBAAoB,CAAA;AAE/C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,cAAc;IACzD,aAAa;QACX,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAA;QAEtD,OAAO,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAC/C,CAAC;IAED,aAAa;QACX,IAAI,QAAQ,GAAG,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;QAE5C,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QAC3B,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAA;QACpB,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC,UAAU,CAAA;QAChC,QAAQ,CAAC,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAA;QAEpC,OAAO,QAAQ,CAAA;IACjB,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'\n\nexport default class RealObjectPlane extends RealObjectMesh {\n  buildGeometry() {\n    var { width, height } = this.component.state.dimension\n\n    return new THREE.PlaneGeometry(width, height)\n  }\n\n  buildMaterial() /* : THREE.MeshMaterialType | THREE.MeshMaterialType[] */ {\n    var material = new THREE.MeshBasicMaterial()\n\n    material.color.set('black')\n    material.opacity = 0\n    material.side = THREE.DoubleSide\n    material.blending = THREE.NoBlending\n\n    return material\n  }\n}\n"]}

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

@@ -0,0 +1,21 @@
+import * as THREE from 'three';
+import RealObject from './real-object';
+export default 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);
+    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

@@ -0,0 +1,89 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import * as THREE from 'three';
+import { error } from '../core/logger';
+import RealObject from './real-object';
+export default 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) {
+        var { width, height } = this.component.state;
+        floor.scale.set(width, height, 1);
+        floor.rotation.x = -Math.PI / 2;
+        floor.position.y = 0;
+        floor.name = 'floor';
+        floor.receiveShadow = true;
+        this.object3d.add(floor);
+        this._floor = floor;
+        this.component.invalidate();
+    }
+    build() {
+        super.build();
+        var { fillStyle } = this.component.state;
+        if (!fillStyle || fillStyle == 'none') {
+            return;
+        }
+        var floorGeometry = new THREE.PlaneGeometry();
+        var floorMaterial;
+        var side = THREE.DoubleSide;
+        if (typeof fillStyle == 'object' && fillStyle.type == 'pattern' && fillStyle.image) {
+            floorMaterial = new THREE.MeshBasicMaterial({
+                map: new THREE.TextureLoader(THREE.DefaultLoadingManager).load(fillStyle.image, () => {
+                    this.component.invalidate();
+                }, e => {
+                    error(e);
+                }),
+                side
+            });
+        }
+        else if (typeof fillStyle == 'string') {
+            floorMaterial = new THREE.MeshBasicMaterial({
+                color: fillStyle,
+                side
+            });
+        }
+        this.floor = new THREE.Mesh(floorGeometry, floorMaterial);
+    }
+    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

@@ -0,0 +1 @@
+{"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;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAuB;IAIxD,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;YACf,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAEjC,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,YAAY,KAAK,EAAE;gBACzC,CAAC;gBAAC,IAAI,CAAC,MAAM,CAAC,QAA6B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAA;aACpF;iBAAM;gBACL,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAA;aAC/B;YACD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAA;YAE9B,OAAO,IAAI,CAAC,MAAM,CAAA;SACnB;QAED,OAAO,KAAK,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAO,CAAA;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAiB;QACzB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE5C,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;QACjC,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;QAC/B,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAA;QAEpB,KAAK,CAAC,IAAI,GAAG,OAAO,CAAA;QAEpB,KAAK,CAAC,aAAa,GAAG,IAAI,CAAA;QAE1B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QAExB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QAEnB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAA;IAC7B,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAExC,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,MAAM,EAAE;YACrC,OAAM;SACP;QAED,IAAI,aAAa,GAAG,IAAI,KAAK,CAAC,aAAa,EAAE,CAAA;QAC7C,IAAI,aAAa,CAAA;QACjB,IAAI,IAAI,GAAG,KAAK,CAAC,UAAU,CAAA;QAE3B,IAAI,OAAO,SAAS,IAAI,QAAQ,IAAI,SAAS,CAAC,IAAI,IAAI,SAAS,IAAI,SAAS,CAAC,KAAK,EAAE;YAClF,aAAa,GAAG,IAAI,KAAK,CAAC,iBAAiB,CAAC;gBAC1C,GAAG,EAAE,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAC5D,SAAS,CAAC,KAAK,EACf,GAAG,EAAE;oBACH,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAA;gBAC7B,CAAC,EACD,CAAC,CAAC,EAAE;oBACF,KAAK,CAAC,CAAC,CAAC,CAAA;gBACV,CAAC,CACF;gBACD,IAAI;aACL,CAAC,CAAA;SACH;aAAM,IAAI,OAAO,SAAS,IAAI,QAAQ,EAAE;YACvC,aAAa,GAAG,IAAI,KAAK,CAAC,iBAAiB,CAAC;gBAC1C,KAAK,EAAE,SAAS;gBAChB,IAAI;aACL,CAAC,CAAA;SACH;QAED,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;IAC3D,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;YACzB,IAAI,CAAC,eAAe,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;SAC/D;QAED,OAAO,IAAI,CAAC,eAAe,CAAA;IAC7B,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { error } from '../core/logger'\n\nimport RealObject from './real-object'\n\nexport default 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) {\n    var { width, height } = this.component.state\n\n    floor.scale.set(width, height, 1)\n    floor.rotation.x = -Math.PI / 2\n    floor.position.y = 0\n\n    floor.name = 'floor'\n\n    floor.receiveShadow = true\n\n    this.object3d.add(floor)\n\n    this._floor = floor\n\n    this.component.invalidate()\n  }\n\n  build() {\n    super.build()\n\n    var { fillStyle } = this.component.state\n\n    if (!fillStyle || fillStyle == 'none') {\n      return\n    }\n\n    var floorGeometry = new THREE.PlaneGeometry()\n    var floorMaterial\n    var side = THREE.DoubleSide\n\n    if (typeof fillStyle == 'object' && fillStyle.type == 'pattern' && fillStyle.image) {\n      floorMaterial = new THREE.MeshBasicMaterial({\n        map: new THREE.TextureLoader(THREE.DefaultLoadingManager).load(\n          fillStyle.image,\n          () => {\n            this.component.invalidate()\n          },\n          e => {\n            error(e)\n          }\n        ),\n        side\n      })\n    } else if (typeof fillStyle == 'string') {\n      floorMaterial = new THREE.MeshBasicMaterial({\n        color: fillStyle,\n        side\n      })\n    }\n\n    this.floor = new THREE.Mesh(floorGeometry, floorMaterial)\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.d.ts

@@ -0,0 +1,12 @@
+import * as THREE from 'three';
+import RealObject from './real-object';
+export default abstract class RealObjectSprite extends RealObject<THREE.Sprite> {
+    protected getObject3dInstance(): THREE.Sprite;
+    build(): void;
+    dispose(): void;
+    updateDimension(): void;
+    updateAlpha(): void;
+    updateHidden(): void;
+    abstract buildMaterial(): THREE.Material;
+    clear(): THREE.Sprite;
+}

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

@@ -0,0 +1,35 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import * as THREE from 'three';
+import { applyAlpha } from './common';
+import RealObject from './real-object';
+export default class RealObjectSprite extends RealObject {
+    getObject3dInstance() {
+        return new THREE.Sprite();
+    }
+    build() {
+        super.build();
+        this.object3d.material = this.buildMaterial();
+    }
+    dispose() {
+        this.clear();
+    }
+    /* overide */
+    updateDimension() {
+        this.update();
+    }
+    updateAlpha() {
+        var { alpha = 1, fillStyle } = this.component.state;
+        applyAlpha(this.object3d.material, alpha, fillStyle);
+    }
+    updateHidden() {
+        this.object3d.visible = !this.component.state.hidden;
+    }
+    clear() {
+        this.object3d.material.dispose();
+        this.geometry.dispose();
+        return super.clear();
+    }
+}
+//# sourceMappingURL=real-object-sprite.js.map

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

@@ -0,0 +1 @@
+{"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;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,CAAC,OAAO,OAAgB,gBAAiB,SAAQ,UAAwB;IACnE,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE,CAAA;IAC3B,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,EAA0B,CAAA;IACvE,CAAC;IAED,OAAO;QACL,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,aAAa;IACb,eAAe;QACb,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,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;IAID,KAAK;QACH,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,CAC/B;QAAC,IAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAA;QAEjC,OAAO,KAAK,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { applyAlpha } from './common'\nimport RealObject from './real-object'\n\nexport default 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.object3d.material = this.buildMaterial() as THREE.SpriteMaterial\n  }\n\n  dispose() {\n    this.clear()\n  }\n\n  /* overide */\n  updateDimension() {\n    this.update()\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  abstract buildMaterial(): THREE.Material\n\n  clear() {\n    this.object3d.material.dispose()\n    ;(this as any).geometry.dispose()\n\n    return super.clear()\n  }\n}\n"]}

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

@@ -0,0 +1,16 @@
+import RealObjectMesh from './real-object-mesh';
+import * as THREE from 'three';
+/**
+ * RealObjectText
+ */
+export default class RealObjectText extends RealObjectMesh {
+    buildGeometry(): THREE.PlaneGeometry;
+    buildMaterial(): THREE.MeshBasicMaterial;
+    updateDimension(): void;
+    get rotation(): {
+        x: number;
+        y: any;
+        z: any;
+    };
+    updateAlpha(): void;
+}

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

@@ -0,0 +1,70 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import RealObjectMesh from './real-object-mesh';
+import * as THREE from 'three';
+import { textTexture, textBounds } from './texture/text-texture';
+/**
+ * RealObjectText
+ */
+export default class RealObjectText extends RealObjectMesh {
+    buildGeometry() {
+        // TODO component.text의 heavy한 로직을 반복적으로 실행하지 않도록, 캐싱하자.
+        var { bold = false, italic = false, fontFamily = 'Serif', fontSize = 10, fontColor = 'black' } = this.component.state;
+        var text = this.component.text;
+        let { width, height } = textBounds(text, {
+            bold,
+            italic,
+            fontFamily,
+            fontSize,
+            fontColor
+        });
+        // FIXME
+        // ;(this.component as any).dimension = {
+        //   width,
+        //   height,
+        //   depth: 1
+        // }
+        this.component.setState({
+            width,
+            depth: 1,
+            height
+        });
+        return new THREE.PlaneGeometry(width, height);
+    }
+    buildMaterial() {
+        var { width, height, bold = false, italic = false, fontFamily = 'Serif', fontSize = 10, fontColor = 'black' } = this.component.state;
+        // TODO component.text의 heavy한 로직을 반복적으로 실행하지 않도록, 캐싱하자.
+        var text = this.component.text;
+        return new THREE.MeshBasicMaterial({
+            map: textTexture(text, width, height, {
+                bold,
+                italic,
+                fontFamily,
+                fontSize,
+                fontColor
+            }),
+            transparent: true,
+            alphaTest: 0.2,
+            side: THREE.DoubleSide
+        });
+    }
+    /* overide */
+    updateDimension() {
+        // Intentionally do nothing
+    }
+    get rotation() {
+        const { rotationX = 0, rotationY = 0, rotation = 0 } = this.component.state;
+        return {
+            x: rotationX - Math.PI / 2,
+            y: rotationY,
+            z: rotation
+        };
+    }
+    updateAlpha() {
+        // material의 transparency는 항상 true으로 유지되어야 한다.
+        super.updateAlpha();
+        this.object3d.material.transparent = true;
+    }
+}
+//# sourceMappingURL=real-object-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"real-object-text.js","sourceRoot":"","sources":["../../src/threed/real-object-text.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,cAAc,MAAM,oBAAoB,CAAA;AAE/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAEhE;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,cAAc;IACxD,aAAa;QACX,wDAAwD;QACxD,IAAI,EACF,IAAI,GAAG,KAAK,EACZ,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,OAAO,EACpB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAExB,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA;QAC9B,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,IAAI,EAAE;YACvC,IAAI;YACJ,MAAM;YACN,UAAU;YACV,QAAQ;YACR,SAAS;SACV,CAAC,CAAA;QAEF,QAAQ;QACR,yCAAyC;QACzC,WAAW;QACX,YAAY;QACZ,aAAa;QACb,IAAI;QACJ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;YACtB,KAAK;YACL,KAAK,EAAE,CAAC;YACR,MAAM;SACP,CAAC,CAAA;QAEF,OAAO,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAC/C,CAAC;IAED,aAAa;QACX,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,EACpB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAExB,wDAAwD;QACxD,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAA;QAE9B,OAAO,IAAI,KAAK,CAAC,iBAAiB,CAAC;YACjC,GAAG,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE;gBACpC,IAAI;gBACJ,MAAM;gBACN,UAAU;gBACV,QAAQ;gBACR,SAAS;aACV,CAAC;YACF,WAAW,EAAE,IAAI;YACjB,SAAS,EAAE,GAAG;YACd,IAAI,EAAE,KAAK,CAAC,UAAU;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,aAAa;IACb,eAAe;QACb,2BAA2B;IAC7B,CAAC;IAED,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,QAAQ;SACZ,CAAA;IACH,CAAC;IAED,WAAW;QACT,8CAA8C;QAC9C,KAAK,CAAC,WAAW,EAAE,CAClB;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 RealObjectMesh from './real-object-mesh'\n\nimport * as THREE from 'three'\n\nimport { textTexture, textBounds } from './texture/text-texture'\n\n/**\n * RealObjectText\n */\nexport default class RealObjectText extends RealObjectMesh {\n  buildGeometry() {\n    // TODO component.text의 heavy한 로직을 반복적으로 실행하지 않도록, 캐싱하자.\n    var {\n      bold = false,\n      italic = false,\n      fontFamily = 'Serif',\n      fontSize = 10,\n      fontColor = 'black'\n    } = this.component.state\n\n    var text = this.component.text\n    let { width, height } = textBounds(text, {\n      bold,\n      italic,\n      fontFamily,\n      fontSize,\n      fontColor\n    })\n\n    // FIXME\n    // ;(this.component as any).dimension = {\n    //   width,\n    //   height,\n    //   depth: 1\n    // }\n    this.component.setState({\n      width,\n      depth: 1,\n      height\n    })\n\n    return new THREE.PlaneGeometry(width, height)\n  }\n\n  buildMaterial() {\n    var {\n      width,\n      height,\n      bold = false,\n      italic = false,\n      fontFamily = 'Serif',\n      fontSize = 10,\n      fontColor = 'black'\n    } = this.component.state\n\n    // TODO component.text의 heavy한 로직을 반복적으로 실행하지 않도록, 캐싱하자.\n    var text = this.component.text\n\n    return new THREE.MeshBasicMaterial({\n      map: textTexture(text, width, height, {\n        bold,\n        italic,\n        fontFamily,\n        fontSize,\n        fontColor\n      }),\n      transparent: true,\n      alphaTest: 0.2,\n      side: THREE.DoubleSide\n    })\n  }\n\n  /* overide */\n  updateDimension() {\n    // Intentionally do nothing\n  }\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  updateAlpha() {\n    // material의 transparency는 항상 true으로 유지되어야 한다.\n    super.updateAlpha()\n    ;(this.object3d.material as any).transparent = true\n  }\n}\n"]}

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

@@ -0,0 +1,48 @@
+import { Component, Properties } from '@hatiolab/things-scene';
+import * as THREE from 'three';
+import { ThreeDimensionalContainer } from './three-dimensional-container';
+export default abstract class RealObject<T extends THREE.Object3D = THREE.Object3D> {
+    protected _component: Component;
+    object3d: T;
+    constructor(component: Component);
+    update(): void;
+    protected getObject3dInstance(): T;
+    build(): void;
+    get component(): Component;
+    get threeContainer(): ThreeDimensionalContainer | undefined;
+    dispose(): void;
+    clear(): T;
+    /**
+     * Component의 상태값의 변화를 Object3D에 반영 - translate, rotation, scale
+     */
+    updateTransform(): void;
+    get position(): {
+        x: number;
+        y: any;
+        z: number;
+    };
+    get rotation(): {
+        x: any;
+        y: any;
+        z: any;
+    };
+    get scale(): {
+        x: any;
+        y: any;
+        z: any;
+    };
+    get cx(): number;
+    get cy(): number;
+    get cz(): any;
+    /**
+     * Object3D 모델의 변화를 Component의 모델값에 반영
+     */
+    updatePosition(): void;
+    updateRotate(): void;
+    updateScale(): void;
+    updateDimension(): void;
+    updateAlpha(): void;
+    updateHidden(): void;
+    onchange(after: Properties, before: Properties): void;
+    get rebuildingProperties(): string[];
+}