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

package/dist/threed/managers/scene-manager.d.ts

@@ -1,15 +0,0 @@
-import * as THREE from 'three';
-import { Component } from '@hatiolab/things-scene';
-export declare class SceneManager {
-    private _scene?;
-    private _mixer?;
-    private _clock?;
-    get scene(): THREE.Scene | undefined;
-    get mixer(): THREE.AnimationMixer | undefined;
-    setup(): THREE.Scene;
-    setupMixer(): THREE.AnimationMixer;
-    addFloor(component: Component): void;
-    addObject(obj3d: THREE.Object3D): void;
-    updateAnimation(): void;
-    destroy(): void;
-}

package/dist/threed/managers/scene-manager.js

@@ -1,48 +0,0 @@
-import * as THREE from 'three';
-import { createFloor } from '../floor/floor.js';
-import { disposeObject3D } from '../utils/dispose.js';
-export class SceneManager {
-    get scene() {
-        return this._scene;
-    }
-    get mixer() {
-        return this._mixer;
-    }
-    setup() {
-        this._scene = new THREE.Scene();
-        return this._scene;
-    }
-    setupMixer() {
-        this._clock = new THREE.Clock(true);
-        this._mixer = new THREE.AnimationMixer(this._scene);
-        return this._mixer;
-    }
-    addFloor(component) {
-        const floor = createFloor(component);
-        if (floor) {
-            this._scene.add(floor);
-        }
-    }
-    addObject(obj3d) {
-        this._scene.add(obj3d);
-    }
-    updateAnimation() {
-        if (this._mixer && this._clock) {
-            this._mixer.update(this._clock.getDelta());
-        }
-    }
-    destroy() {
-        if (this._mixer) {
-            this._mixer.stopAllAction();
-            this._mixer.uncacheRoot(this._scene);
-        }
-        if (this._scene) {
-            disposeObject3D(this._scene);
-            this._scene.clear();
-        }
-        delete this._scene;
-        delete this._mixer;
-        delete this._clock;
-    }
-}
-//# sourceMappingURL=scene-manager.js.map

package/dist/threed/managers/scene-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scene-manager.js","sourceRoot":"","sources":["../../../src/threed/managers/scene-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,OAAO,YAAY;IAKvB,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,CAAA;QAC/B,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACnC,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,MAAO,CAAC,CAAA;QACpD,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,QAAQ,CAAC,SAAoB;QAC3B,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAA;QACpC,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,MAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC;IACH,CAAC;IAED,SAAS,CAAC,KAAqB;QAC7B,IAAI,CAAC,MAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC5C,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAA;YAC3B,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,MAAO,CAAC,CAAA;QACvC,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAC5B,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,MAAM,CAAA;QAClB,OAAO,IAAI,CAAC,MAAM,CAAA;QAClB,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;CACF","sourcesContent":["import * as THREE from 'three'\nimport { Component } from '@hatiolab/things-scene'\nimport { createFloor } from '../floor/floor.js'\nimport { disposeObject3D } from '../utils/dispose.js'\n\nexport class SceneManager {\n  private _scene?: THREE.Scene\n  private _mixer?: THREE.AnimationMixer\n  private _clock?: THREE.Clock\n\n  get scene() {\n    return this._scene\n  }\n\n  get mixer() {\n    return this._mixer\n  }\n\n  setup() {\n    this._scene = new THREE.Scene()\n    return this._scene\n  }\n\n  setupMixer() {\n    this._clock = new THREE.Clock(true)\n    this._mixer = new THREE.AnimationMixer(this._scene!)\n    return this._mixer\n  }\n\n  addFloor(component: Component) {\n    const floor = createFloor(component)\n    if (floor) {\n      this._scene!.add(floor)\n    }\n  }\n\n  addObject(obj3d: THREE.Object3D) {\n    this._scene!.add(obj3d)\n  }\n\n  updateAnimation() {\n    if (this._mixer && this._clock) {\n      this._mixer.update(this._clock.getDelta())\n    }\n  }\n\n  destroy() {\n    if (this._mixer) {\n      this._mixer.stopAllAction()\n      this._mixer.uncacheRoot(this._scene!)\n    }\n\n    if (this._scene) {\n      disposeObject3D(this._scene)\n      this._scene.clear()\n    }\n\n    delete this._scene\n    delete this._mixer\n    delete this._clock\n  }\n}\n"]}

package/dist/threed/managers/types.d.ts

@@ -1,36 +0,0 @@
-export interface CameraConfig {
-    fov: number;
-    near: number;
-    far: number;
-    zoom: number;
-    cameraX?: number;
-    cameraY?: number;
-    cameraZ?: number;
-}
-export interface RendererConfig {
-    precision: string;
-    antialias: boolean;
-    exposure: number;
-}
-export interface LightingConfig {
-    hemisphere: {
-        skyColor: number;
-        groundColor: number;
-        intensity: number;
-    };
-    directional?: {
-        color: number;
-        intensity: number;
-        attachToCamera: boolean;
-    };
-    point?: {
-        color: number;
-        intensity: number;
-        decay: number;
-        power: number;
-        castShadow: boolean;
-        position: [number, number, number];
-        shadowNear: number;
-        shadowFar: number;
-    };
-}

package/dist/threed/managers/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/threed/managers/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/threed/managers/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface CameraConfig {\n  fov: number\n  near: number\n  far: number\n  zoom: number\n  cameraX?: number\n  cameraY?: number\n  cameraZ?: number\n}\n\nexport interface RendererConfig {\n  precision: string\n  antialias: boolean\n  exposure: number\n}\n\nexport interface LightingConfig {\n  hemisphere: { skyColor: number; groundColor: number; intensity: number }\n  directional?: { color: number; intensity: number; attachToCamera: boolean }\n  point?: {\n    color: number\n    intensity: number\n    decay: number\n    power: number\n    castShadow: boolean\n    position: [number, number, number]\n    shadowNear: number\n    shadowFar: number\n  }\n}\n"]}

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

@@ -1,12 +0,0 @@
-import * as THREE from 'three';
-import { RealObjectMesh } from './real-object-mesh.js';
-export declare class RealObjectCamera extends RealObjectMesh {
-    protected _camera?: THREE.PerspectiveCamera;
-    update(): void;
-    get camera(): THREE.PerspectiveCamera;
-    createCamera(): THREE.PerspectiveCamera;
-    updateCamera(): void;
-    build(): void;
-    clear(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
-    buildGeometry(): void;
-}

package/dist/threed/real-object-camera-meshed.js

@@ -1,49 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObjectMesh } from './real-object-mesh.js';
-import { UNIT_DIMENSION } from './common.js';
-const DEFAULT = {
-    far: 100000,
-    fov: 80,
-    near: 1,
-    zoom: 1
-};
-export class RealObjectCamera extends RealObjectMesh {
-    update() {
-        super.update();
-        this.updateCamera();
-    }
-    get camera() {
-        if (!this._camera) {
-            this._camera = this.createCamera();
-            this.updateCamera();
-        }
-        return this._camera;
-    }
-    createCamera() {
-        return new THREE.PerspectiveCamera();
-    }
-    updateCamera() {
-        var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state;
-        this.camera.far = far;
-        this.camera.fov = fov;
-        this.camera.near = near;
-        this.camera.zoom = zoom;
-    }
-    build() {
-        super.build();
-        this.object3d.add(this.camera);
-    }
-    clear() {
-        delete this._camera;
-        return super.clear();
-    }
-    buildGeometry() {
-        var { width = 1, height = 1, depth = 1 } = this.component.state.dimension || UNIT_DIMENSION;
-        var radius = Math.min(width, height, depth) / 2;
-        this.object3d.geometry = new THREE.SphereGeometry(radius, 32, 32);
-    }
-}
-//# sourceMappingURL=real-object-camera-meshed.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-camera-meshed.js","sourceRoot":"","sources":["../../src/threed/real-object-camera-meshed.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;CACR,CAAA;AAED,MAAM,OAAO,gBAAiB,SAAQ,cAAc;IAGlD,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAA;QAEd,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAED,IAAI,MAAM;QACR,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,CAAA;YAClC,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,YAAY;QACV,OAAO,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACtC,CAAC;IAED,YAAY;QACV,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE7G,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;QACrB,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;QACrB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;QACvB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;IACzB,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAChC,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,CAAA;QAEnB,OAAO,KAAK,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC;IAED,aAAa;QACX,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,IAAI,cAAc,CAAA;QAE3F,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;QAE/C,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;IACnE,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { RealObjectMesh } from './real-object-mesh.js'\nimport { UNIT_DIMENSION } from './common.js'\n\nconst DEFAULT = {\n  far: 100000,\n  fov: 80,\n  near: 1,\n  zoom: 1\n}\n\nexport class RealObjectCamera extends RealObjectMesh {\n  protected _camera?: THREE.PerspectiveCamera\n\n  update() {\n    super.update()\n\n    this.updateCamera()\n  }\n\n  get camera(): THREE.PerspectiveCamera {\n    if (!this._camera) {\n      this._camera = this.createCamera()\n      this.updateCamera()\n    }\n\n    return this._camera\n  }\n\n  createCamera() {\n    return new THREE.PerspectiveCamera()\n  }\n\n  updateCamera() {\n    var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state\n\n    this.camera.far = far\n    this.camera.fov = fov\n    this.camera.near = near\n    this.camera.zoom = zoom\n  }\n\n  build() {\n    super.build()\n\n    this.object3d.add(this.camera)\n  }\n\n  clear() {\n    delete this._camera\n\n    return super.clear()\n  }\n\n  buildGeometry() {\n    var { width = 1, height = 1, depth = 1 } = this.component.state.dimension || UNIT_DIMENSION\n\n    var radius = Math.min(width, height, depth) / 2\n\n    this.object3d.geometry = new THREE.SphereGeometry(radius, 32, 32)\n  }\n}\n"]}

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

@@ -1,9 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-export declare class RealObjectCamera extends RealObject<THREE.PerspectiveCamera> {
-    protected _camera?: THREE.PerspectiveCamera;
-    build(): void;
-    update(): void;
-    protected getObject3dInstance(): THREE.PerspectiveCamera;
-    updateCamera(): void;
-}

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

@@ -1,31 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-const DEFAULT = {
-    far: 100000,
-    fov: 80,
-    near: 1,
-    zoom: 1
-};
-export class RealObjectCamera extends RealObject {
-    build() {
-        super.build();
-    }
-    update() {
-        super.update();
-        this.updateCamera();
-    }
-    getObject3dInstance() {
-        return new THREE.PerspectiveCamera();
-    }
-    updateCamera() {
-        var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state;
-        this.object3d.far = far;
-        this.object3d.fov = fov;
-        this.object3d.near = near;
-        this.object3d.zoom = zoom;
-    }
-}
-//# sourceMappingURL=real-object-camera.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-camera.js","sourceRoot":"","sources":["../../src/threed/real-object-camera.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;CACR,CAAA;AAED,MAAM,OAAO,gBAAiB,SAAQ,UAAmC;IAGvE,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;IAED,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAA;QAEd,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAES,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACtC,CAAC;IAED,YAAY;QACV,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE7G,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAA;QACvB,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAA;QACvB,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;IAC3B,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { RealObject } from './real-object.js'\n\nconst DEFAULT = {\n  far: 100000,\n  fov: 80,\n  near: 1,\n  zoom: 1\n}\n\nexport class RealObjectCamera extends RealObject<THREE.PerspectiveCamera> {\n  protected _camera?: THREE.PerspectiveCamera\n\n  build() {\n    super.build()\n  }\n\n  update() {\n    super.update()\n\n    this.updateCamera()\n  }\n\n  protected getObject3dInstance() {\n    return new THREE.PerspectiveCamera()\n  }\n\n  updateCamera() {\n    var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state\n\n    this.object3d.far = far\n    this.object3d.fov = fov\n    this.object3d.near = near\n    this.object3d.zoom = zoom\n  }\n}\n"]}

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

@@ -1,9 +0,0 @@
-import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import { RealObject } from './real-object.js';
-export declare class RealObjectDomElement extends RealObject<CSS3DObject> {
-    protected getObject3dInstance(): CSS3DObject;
-    get cz(): any;
-    build(): void;
-    updateDimension(): void;
-    updateAlpha(): void;
-}

package/dist/threed/real-object-dom-element.js

@@ -1,48 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import { RealObject } from './real-object.js';
-export class RealObjectDomElement extends RealObject {
-    getObject3dInstance() {
-        return new CSS3DObject(this.component.element);
-    }
-    get cz() {
-        var { zPos = 0 } = this.component.state;
-        var { height } = this.component.bounds;
-        var { tz = 0 } = this.component.delta();
-        return zPos + tz + height / 2;
-    }
-    build() {
-        super.build();
-        var element = this.component.element;
-        if (!element)
-            return;
-        var { width, height } = this.component.bounds;
-        element.style.width = width + 'px';
-        element.style.height = height + 'px';
-        element.style.left = '';
-        element.style.top = '';
-    }
-    updateDimension() {
-        super.updateDimension();
-        var dimension = this.dimension;
-        var element = this.component.element;
-        if (!element)
-            return;
-        element.style.width = dimension.width + 'px';
-        element.style.height = dimension.height + 'px';
-    }
-    updateAlpha() {
-        super.updateAlpha();
-        // material의 opacity는 항상 0으로 유지되어야 하며,
-        // dom element의 opacity에 alpha를 적용해야한다.
-        // 하지만, 컬러톤의 반영 외에 transparent 기능은 하지 못하므로, 뒤에 있는 오브젝트를 보여주지 못한다.
-        var { alpha = 1 } = this.component.state;
-        var element = this.component.element;
-        if (element) {
-            element.style.opacity = String(alpha);
-        }
-    }
-}
-//# sourceMappingURL=real-object-dom-element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-dom-element.js","sourceRoot":"","sources":["../../src/threed/real-object-dom-element.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,OAAO,oBAAqB,SAAQ,UAAuB;IACrD,mBAAmB;QAC3B,OAAO,IAAI,WAAW,CAAE,IAAI,CAAC,SAAkE,CAAC,OAAQ,CAAC,CAAA;IAC3G,CAAC;IAED,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,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,OAAO,GAAI,IAAI,CAAC,SAAkE,CAAC,OAAO,CAAA;QAC9F,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QAE7C,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;QAClC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;QAEpC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAA;QACvB,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAA;IACxB,CAAC;IAED,eAAe;QACb,KAAK,CAAC,eAAe,EAAE,CAAA;QAEvB,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAC9B,IAAI,OAAO,GAAI,IAAI,CAAC,SAAkE,CAAC,OAAO,CAAA;QAC9F,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,GAAG,IAAI,CAAA;QAC5C,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,IAAI,CAAA;IAChD,CAAC;IAED,WAAW;QACT,KAAK,CAAC,WAAW,EAAE,CAAA;QAEnB,sCAAsC;QACtC,uCAAuC;QACvC,iEAAiE;QACjE,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAExC,IAAI,OAAO,GAAI,IAAI,CAAC,SAAkE,CAAC,OAAO,CAAA;QAC9F,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QACvC,CAAC;IACH,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { HTMLOverlayElement, HTMLOverlayContainer, DELTA } from '@hatiolab/things-scene'\n\nimport { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js'\nimport { RealObject } from './real-object.js'\n\nexport class RealObjectDomElement extends RealObject<CSS3DObject> {\n  protected getObject3dInstance() {\n    return new CSS3DObject((this.component as unknown as HTMLOverlayElement | HTMLOverlayContainer).element!)\n  }\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  build() {\n    super.build()\n\n    var element = (this.component as unknown as HTMLOverlayElement | HTMLOverlayContainer).element\n    if (!element) return\n\n    var { width, height } = this.component.bounds\n\n    element.style.width = width + 'px'\n    element.style.height = height + 'px'\n\n    element.style.left = ''\n    element.style.top = ''\n  }\n\n  updateDimension() {\n    super.updateDimension()\n\n    var dimension = this.dimension\n    var element = (this.component as unknown as HTMLOverlayElement | HTMLOverlayContainer).element\n    if (!element) return\n\n    element.style.width = dimension.width + 'px'\n    element.style.height = dimension.height + 'px'\n  }\n\n  updateAlpha() {\n    super.updateAlpha()\n\n    // material의 opacity는 항상 0으로 유지되어야 하며,\n    // dom element의 opacity에 alpha를 적용해야한다.\n    // 하지만, 컬러톤의 반영 외에 transparent 기능은 하지 못하므로, 뒤에 있는 오브젝트를 보여주지 못한다.\n    var { alpha = 1 } = this.component.state\n\n    var element = (this.component as unknown as HTMLOverlayElement | HTMLOverlayContainer).element\n    if (element) {\n      element.style.opacity = String(alpha)\n    }\n  }\n}\n"]}

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;
-}