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

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

@@ -1,6 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-export declare class RealObjectDummy extends RealObject<THREE.Object3D> {
-    build(): void;
-    update(): void;
-}

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

@@ -1,11 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { RealObject } from './real-object.js';
-export class RealObjectDummy extends RealObject {
-    build() {
-        super.build();
-    }
-    update() { }
-}
-//# sourceMappingURL=real-object-dummy.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-dummy.js","sourceRoot":"","sources":["../../src/threed/real-object-dummy.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,OAAO,eAAgB,SAAQ,UAA0B;IAC7D,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;IACD,MAAM,KAAI,CAAC;CACZ","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { RealObject } from './real-object.js'\n\nexport class RealObjectDummy extends RealObject<THREE.Object3D> {\n  build() {\n    super.build()\n  }\n  update() {}\n}\n"]}

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

@@ -1,22 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-import { BoundUVGenerator } from './utils/bound-uv-generator.js';
-export declare class RealObjectExtrude extends RealObject {
-    _boundUVGenerator?: BoundUVGenerator;
-    private _mainMesh?;
-    private _sideMesh?;
-    clear(): THREE.Object3D<THREE.Object3DEventMap>;
-    get shape(): any;
-    get sideShape(): null;
-    get boundUVGenerator(): BoundUVGenerator;
-    build(): void;
-    createGeometry(shape: THREE.Shape): THREE.BufferGeometry;
-    createMainMaterial(): THREE.MeshStandardMaterial;
-    createMainMesh(geometry: THREE.BufferGeometry, material: THREE.Material): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material, THREE.Object3DEventMap>;
-    createSideMesh(geometry: THREE.BufferGeometry, shape: THREE.Shape): THREE.Mesh<THREE.ExtrudeGeometry, THREE.MeshStandardMaterial, THREE.Object3DEventMap>;
-    createTexture(): THREE.CanvasTexture;
-    updateAlpha(): void;
-    updateStrokeStyle(): void;
-    updateFillStyle(): void;
-    updateDimension(): void;
-}

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

@@ -1,180 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-import { BoundUVGenerator } from './utils/bound-uv-generator.js';
-import { createCanvas } from './html/elements.js';
-import { applyAlpha } from './common.js';
-export class RealObjectExtrude extends RealObject {
-    clear() {
-        this._mainMesh = undefined;
-        this._sideMesh = undefined;
-        return super.clear();
-    }
-    get shape() {
-        return null;
-    }
-    get sideShape() {
-        return null;
-    }
-    get boundUVGenerator() {
-        if (!this._boundUVGenerator)
-            this._boundUVGenerator = new BoundUVGenerator();
-        return this._boundUVGenerator;
-    }
-    build() {
-        super.build();
-        var { depth = 1 } = this.component.state;
-        // 다각형 그리기
-        var shape = this.shape;
-        if (!shape) {
-            return;
-        }
-        var boundUVGenerator = this.boundUVGenerator;
-        if (boundUVGenerator) {
-            boundUVGenerator.setShape({
-                extrudedShape: shape,
-                extrudedOptions: {
-                    depth
-                }
-            });
-        }
-        var geometry = this.createGeometry(shape);
-        var material = this.createMainMaterial();
-        this._mainMesh = this.createMainMesh(geometry, material);
-        this._mainMesh.castShadow = true;
-        this.object3d.add(this._mainMesh);
-        this._sideMesh = this.createSideMesh(geometry, shape /* FIXME , extrudeSettings */);
-        this._sideMesh.castShadow = true;
-        this.object3d.add(this._sideMesh);
-        this.updateFillStyle();
-        this.updateStrokeStyle();
-    }
-    createGeometry(shape) {
-        const { depth = 1 } = this.component.state;
-        const extrudeSettings = {
-            steps: 1,
-            depth,
-            bevelEnabled: false,
-            UVGenerator: this.boundUVGenerator
-        };
-        var geometry = new THREE.ExtrudeGeometry(shape, extrudeSettings);
-        geometry.center();
-        return geometry;
-    }
-    createMainMaterial() {
-        return new THREE.MeshStandardMaterial({
-            metalness: 0.5,
-            roughness: 0.5
-        });
-    }
-    createMainMesh(geometry, material) {
-        var mesh = new THREE.Mesh(geometry, material);
-        mesh.rotation.x = -Math.PI / 2;
-        mesh.rotation.y = -Math.PI;
-        mesh.rotation.z = -Math.PI;
-        return mesh;
-    }
-    createSideMesh(geometry, shape) {
-        var { depth = 1, lineWidth = 0 } = this.component.state;
-        var hole = new THREE.Path();
-        hole.setFromPoints(shape.getPoints());
-        var sideMaterial = new THREE.MeshStandardMaterial({
-            metalness: 0.5,
-            roughness: 0.5,
-            // prevent overlapped layers flickering
-            polygonOffset: true,
-            polygonOffsetFactor: -0.1
-        });
-        shape = this.sideShape || shape;
-        shape.holes.push(hole);
-        var sideExtrudeSettings = {
-            steps: 1,
-            depth: depth + 1,
-            bevelEnabled: true,
-            bevelThickness: 0,
-            bevelSize: lineWidth,
-            bevelSizeSegments: 5
-        };
-        var sideGeometry = new THREE.ExtrudeGeometry(shape, sideExtrudeSettings);
-        sideGeometry.center();
-        var sideMesh = new THREE.Mesh(sideGeometry, sideMaterial);
-        sideMesh.rotation.x = -Math.PI / 2;
-        sideMesh.rotation.y = -Math.PI;
-        sideMesh.rotation.z = -Math.PI;
-        return sideMesh;
-    }
-    createTexture() {
-        function nextPowerOf2(n) {
-            var count = 0;
-            if (n && !(n & (n - 1))) {
-                return n;
-            }
-            while (n != 0) {
-                n >>= 1;
-                count += 1;
-            }
-            return 1 << count;
-        }
-        var { width, height } = this.component.bounds;
-        var poweredWidth = nextPowerOf2(width);
-        var poweredHeight = nextPowerOf2(height);
-        let canvas = createCanvas(poweredWidth, poweredHeight);
-        this.component.render(canvas.getContext('2d'));
-        var texture = new THREE.CanvasTexture(canvas);
-        texture.needsUpdate = true;
-        texture.wrapS = THREE.RepeatWrapping;
-        texture.wrapT = THREE.RepeatWrapping;
-        texture.offset.set(0, 1 - height / poweredHeight);
-        texture.repeat.set(width / poweredWidth, height / poweredHeight);
-        texture.minFilter = THREE.LinearFilter;
-        return texture;
-    }
-    updateAlpha() {
-        var { alpha = 1, fillStyle, strokeStyle } = this.component.state;
-        this._mainMesh && applyAlpha(this._mainMesh.material, alpha, fillStyle);
-        this._sideMesh && applyAlpha(this._sideMesh.material, alpha, strokeStyle);
-    }
-    updateStrokeStyle() {
-        var _a;
-        const material = (_a = this._sideMesh) === null || _a === void 0 ? void 0 : _a.material;
-        if (!material) {
-            return;
-        }
-        var { strokeStyle } = this.component.state;
-        material.color.set(strokeStyle);
-    }
-    updateFillStyle() {
-        var _a;
-        var { fillStyle, alpha = 1 } = this.component.state;
-        var material = (_a = this._mainMesh) === null || _a === void 0 ? void 0 : _a.material;
-        if (!material) {
-            return;
-        }
-        const texture = RealObject.buildFillStyleTexture(this.component);
-        if (texture) {
-            if (material.map)
-                material.map.dispose();
-            material.map = texture;
-        }
-        else {
-            material.color.set(fillStyle);
-        }
-    }
-    updateDimension() {
-        var { width, height, depth } = this.dimension;
-        if (!this._mainMesh || !this._sideMesh)
-            return;
-        this._mainMesh.geometry.computeBoundingBox();
-        let bbox = this._mainMesh.geometry.boundingBox;
-        if (bbox) {
-            let originalWidth = bbox.max.x - bbox.min.x;
-            let originalHeight = bbox.max.y - bbox.min.y;
-            let originalDepth = bbox.max.z - bbox.min.z;
-            this._mainMesh.scale.set(width / originalWidth, height / originalHeight, depth / originalDepth);
-            this._sideMesh.scale.set(width / originalWidth, height / originalHeight, depth / originalDepth);
-        }
-    }
-}
-//# sourceMappingURL=real-object-extrude.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-extrude.js","sourceRoot":"","sources":["../../src/threed/real-object-extrude.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'\n\nimport { BoundUVGenerator } from './utils/bound-uv-generator.js'\nimport { createCanvas } from './html/elements.js'\nimport { applyAlpha } from './common.js'\n\nexport class RealObjectExtrude extends RealObject {\n  _boundUVGenerator?: BoundUVGenerator\n  private _mainMesh?: THREE.Mesh\n  private _sideMesh?: THREE.Mesh\n\n  clear() {\n    this._mainMesh = undefined\n    this._sideMesh = undefined\n    return super.clear()\n  }\n\n  get shape(): any {\n    return null\n  }\n\n  get sideShape() {\n    return null\n  }\n\n  get boundUVGenerator() {\n    if (!this._boundUVGenerator) this._boundUVGenerator = new BoundUVGenerator()\n\n    return this._boundUVGenerator\n  }\n\n  build() {\n    super.build()\n\n    var { depth = 1 } = this.component.state\n\n    // 다각형 그리기\n    var shape = this.shape\n    if (!shape) {\n      return\n    }\n\n    var boundUVGenerator = this.boundUVGenerator\n\n    if (boundUVGenerator) {\n      boundUVGenerator.setShape({\n        extrudedShape: shape,\n        extrudedOptions: {\n          depth\n        }\n      })\n    }\n\n    var geometry = this.createGeometry(shape)\n\n    var material = this.createMainMaterial()\n    this._mainMesh = this.createMainMesh(geometry, material as THREE.Material)\n    this._mainMesh.castShadow = true\n\n    this.object3d.add(this._mainMesh)\n\n    this._sideMesh = this.createSideMesh(geometry, shape /* FIXME , extrudeSettings */)\n    this._sideMesh.castShadow = true\n\n    this.object3d.add(this._sideMesh)\n\n    this.updateFillStyle()\n    this.updateStrokeStyle()\n  }\n\n  createGeometry(shape: THREE.Shape): THREE.BufferGeometry {\n    const { depth = 1 } = this.component.state\n\n    const extrudeSettings = {\n      steps: 1,\n      depth,\n      bevelEnabled: false,\n      UVGenerator: this.boundUVGenerator\n    } as THREE.ExtrudeGeometryOptions\n\n    var geometry = new THREE.ExtrudeGeometry(shape, extrudeSettings)\n    geometry.center()\n\n    return geometry as any\n  }\n\n  createMainMaterial() {\n    return new THREE.MeshStandardMaterial({\n      metalness: 0.5,\n      roughness: 0.5\n    })\n  }\n\n  createMainMesh(geometry: THREE.BufferGeometry, material: THREE.Material) {\n    var mesh = new THREE.Mesh(geometry, material)\n    mesh.rotation.x = -Math.PI / 2\n    mesh.rotation.y = -Math.PI\n    mesh.rotation.z = -Math.PI\n\n    return mesh\n  }\n\n  createSideMesh(geometry: THREE.BufferGeometry, shape: THREE.Shape) {\n    var { depth = 1, lineWidth = 0 } = this.component.state\n\n    var hole = new THREE.Path()\n    hole.setFromPoints(shape.getPoints())\n\n    var sideMaterial = new THREE.MeshStandardMaterial({\n      metalness: 0.5,\n      roughness: 0.5,\n      // prevent overlapped layers flickering\n      polygonOffset: true,\n      polygonOffsetFactor: -0.1\n    })\n\n    shape = this.sideShape || shape\n    shape.holes.push(hole)\n\n    var sideExtrudeSettings = {\n      steps: 1,\n      depth: depth + 1,\n      bevelEnabled: true,\n      bevelThickness: 0,\n      bevelSize: lineWidth,\n      bevelSizeSegments: 5\n    }\n\n    var sideGeometry = new THREE.ExtrudeGeometry(shape, sideExtrudeSettings)\n    sideGeometry.center()\n\n    var sideMesh = new THREE.Mesh(sideGeometry, sideMaterial)\n    sideMesh.rotation.x = -Math.PI / 2\n    sideMesh.rotation.y = -Math.PI\n    sideMesh.rotation.z = -Math.PI\n\n    return sideMesh\n  }\n\n  createTexture() {\n    function nextPowerOf2(n: number) {\n      var count = 0\n\n      if (n && !(n & (n - 1))) {\n        return n\n      }\n\n      while (n != 0) {\n        n >>= 1\n        count += 1\n      }\n\n      return 1 << count\n    }\n\n    var { width, height } = this.component.bounds\n\n    var poweredWidth = nextPowerOf2(width)\n    var poweredHeight = nextPowerOf2(height)\n\n    let canvas = createCanvas(poweredWidth, poweredHeight)\n    this.component.render(canvas.getContext('2d')!)\n\n    var texture = new THREE.CanvasTexture(canvas)\n\n    texture.needsUpdate = true\n    texture.wrapS = THREE.RepeatWrapping\n    texture.wrapT = THREE.RepeatWrapping\n    texture.offset.set(0, 1 - height / poweredHeight)\n    texture.repeat.set(width / poweredWidth, height / poweredHeight)\n    texture.minFilter = THREE.LinearFilter\n\n    return texture\n  }\n\n  updateAlpha() {\n    var { alpha = 1, fillStyle, strokeStyle } = this.component.state\n\n    this._mainMesh && applyAlpha(this._mainMesh.material, alpha, fillStyle)\n    this._sideMesh && applyAlpha(this._sideMesh.material, alpha, strokeStyle)\n  }\n\n  updateStrokeStyle() {\n    const material = this._sideMesh?.material as THREE.MeshStandardMaterial\n    if (!material) {\n      return\n    }\n\n    var { strokeStyle } = this.component.state\n\n    material.color.set(strokeStyle)\n  }\n\n  updateFillStyle() {\n    var { fillStyle, alpha = 1 } = this.component.state\n\n    var material = this._mainMesh?.material as THREE.MeshStandardMaterial\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      material.map = texture\n    } else {\n      material.color.set(fillStyle)\n    }\n  }\n\n  updateDimension() {\n    var { width, height, depth } = this.dimension\n\n    if (!this._mainMesh || !this._sideMesh) return\n\n    this._mainMesh.geometry.computeBoundingBox()\n    let bbox = this._mainMesh.geometry.boundingBox\n\n    if (bbox) {\n      let originalWidth = bbox.max.x - bbox.min.x\n      let originalHeight = bbox.max.y - bbox.min.y\n      let originalDepth = bbox.max.z - bbox.min.z\n\n      this._mainMesh.scale.set(width / originalWidth, height / originalHeight, depth / originalDepth)\n      this._sideMesh.scale.set(width / originalWidth, height / originalHeight, depth / originalDepth)\n    }\n  }\n}\n"]}

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

@@ -1,16 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
-import { Properties } from '@hatiolab/things-scene';
-export declare class RealObjectGLTF extends RealObject {
-    private static _GLTFLoader;
-    private pivot?;
-    private objectSize?;
-    static get GLTFLoader(): GLTFLoader;
-    build(): void;
-    private gltfLoaded;
-    clear(): THREE.Object3D<THREE.Object3DEventMap>;
-    updateDimension(): void;
-    updateSource(): void;
-    onchange(after: Properties, before: Properties): void;
-}

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

@@ -1,105 +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 { disposeObject3D } from './utils/dispose.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() {
-        if (this.pivot) {
-            disposeObject3D(this.pivot);
-        }
-        this.pivot = undefined;
-        this.objectSize = undefined;
-        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'\nimport { disposeObject3D } from './utils/dispose.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    if (this.pivot) {\n      disposeObject3D(this.pivot)\n    }\n    this.pivot = undefined\n    this.objectSize = undefined\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,73 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { applyAlpha } from './common.js';
-import { RealObject } from './real-object.js';
-import { disposeObject3D } from './utils/dispose.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) {
-            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;
-            }
-        }
-    }
-    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() {
-        disposeObject3D(this.object3d);
-        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'\nimport { disposeObject3D } from './utils/dispose.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      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  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    disposeObject3D(this.object3d)\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-registry.d.ts

@@ -1,7 +0,0 @@
-import type { Component } from '@hatiolab/things-scene';
-import type { RealObject } from './real-object.js';
-type RealObjectFactory = (component: Component) => RealObject;
-export declare function registerRealObjectFactory(type: string, factory: RealObjectFactory): void;
-export declare function registerDefaultRealObjectFactory(factory: RealObjectFactory): void;
-export declare function createRealObjectFor(component: Component): RealObject | undefined;
-export {};

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

@@ -1,32 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-const registry = new Map();
-let defaultFactory;
-export function registerRealObjectFactory(type, factory) {
-    registry.set(type, factory);
-}
-export function registerDefaultRealObjectFactory(factory) {
-    defaultFactory = factory;
-}
-export function createRealObjectFor(component) {
-    var _a;
-    // 1. 서브클래스 오버라이드 우선 (Cube, Sphere 등)
-    const own = component.buildRealObject();
-    if (own)
-        return own;
-    // 2. 타입별 레지스트리 조회
-    const type = (_a = component.model) === null || _a === void 0 ? void 0 : _a.type;
-    const factory = type ? registry.get(type) : undefined;
-    if (factory)
-        return factory(component);
-    // 3. HTML element → 등록된 'html-overlay-element' 팩토리로 fallback
-    if (component.isHTMLElement()) {
-        const htmlFactory = registry.get('html-overlay-element');
-        if (htmlFactory)
-            return htmlFactory(component);
-    }
-    // 4. 기본값
-    return defaultFactory === null || defaultFactory === void 0 ? void 0 : defaultFactory(component);
-}
-//# sourceMappingURL=real-object-registry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-registry.js","sourceRoot":"","sources":["../../src/threed/real-object-registry.ts"],"names":[],"mappings":"AAAA;;GAEG;AAOH,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA6B,CAAA;AACrD,IAAI,cAA6C,CAAA;AAEjD,MAAM,UAAU,yBAAyB,CAAC,IAAY,EAAE,OAA0B;IAChF,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;AAC7B,CAAC;AAED,MAAM,UAAU,gCAAgC,CAAC,OAA0B;IACzE,cAAc,GAAG,OAAO,CAAA;AAC1B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,SAAoB;;IACtD,qCAAqC;IACrC,MAAM,GAAG,GAAG,SAAS,CAAC,eAAe,EAA4B,CAAA;IACjE,IAAI,GAAG;QAAE,OAAO,GAAG,CAAA;IAEnB,kBAAkB;IAClB,MAAM,IAAI,GAAG,MAAA,SAAS,CAAC,KAAK,0CAAE,IAAI,CAAA;IAClC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACrD,IAAI,OAAO;QAAE,OAAO,OAAO,CAAC,SAAS,CAAC,CAAA;IAEtC,6DAA6D;IAC7D,IAAI,SAAS,CAAC,aAAa,EAAE,EAAE,CAAC;QAC9B,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAA;QACxD,IAAI,WAAW;YAAE,OAAO,WAAW,CAAC,SAAS,CAAC,CAAA;IAChD,CAAC;IAED,SAAS;IACT,OAAO,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,SAAS,CAAC,CAAA;AACpC,CAAC","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport type { Component } from '@hatiolab/things-scene'\nimport type { RealObject } from './real-object.js'\n\ntype RealObjectFactory = (component: Component) => RealObject\n\nconst registry = new Map<string, RealObjectFactory>()\nlet defaultFactory: RealObjectFactory | undefined\n\nexport function registerRealObjectFactory(type: string, factory: RealObjectFactory) {\n  registry.set(type, factory)\n}\n\nexport function registerDefaultRealObjectFactory(factory: RealObjectFactory) {\n  defaultFactory = factory\n}\n\nexport function createRealObjectFor(component: Component): RealObject | undefined {\n  // 1. 서브클래스 오버라이드 우선 (Cube, Sphere 등)\n  const own = component.buildRealObject() as RealObject | undefined\n  if (own) return own\n\n  // 2. 타입별 레지스트리 조회\n  const type = component.model?.type\n  const factory = type ? registry.get(type) : undefined\n  if (factory) return factory(component)\n\n  // 3. HTML element → 등록된 'html-overlay-element' 팩토리로 fallback\n  if (component.isHTMLElement()) {\n    const htmlFactory = registry.get('html-overlay-element')\n    if (htmlFactory) return htmlFactory(component)\n  }\n\n  // 4. 기본값\n  return defaultFactory?.(component)\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;
-}