@operato/scene-visualizer 7.3.11 → 7.3.18

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.3.18](https://github.com/things-scene/operato-scene/compare/v7.3.17...v7.3.18) (2025-01-07)
+
+
+### :bug: Bug Fix
+
+* tune 3d object rotation ([4e2c515](https://github.com/things-scene/operato-scene/commit/4e2c51598dee333caea795a0d37a4bd84c7980ba))
+
+
+
+## [7.3.15](https://github.com/things-scene/operato-scene/compare/v7.3.14...v7.3.15) (2024-09-30)
+
+
+### :bug: Bug Fix
+
+* enable tap event handler functionality for sprite ([d3acae5](https://github.com/things-scene/operato-scene/commit/d3acae529c82341505e21068bc2261ba3cf622ac))
+
+
+
 ## [7.3.11](https://github.com/things-scene/operato-scene/compare/v7.3.10...v7.3.11) (2024-09-13)
 
 

package/dist/html-overlay-element.js

@@ -6,13 +6,7 @@ import { RealObjectDomElement } from './threed/real-object-dom-element';
 HTMLOverlayElement.prototype.buildRealObject = function () {
     return new RealObjectDomElement(this);
 };
-HTMLOverlayElement.prototype.is3dish = function () {
-    return true;
-};
 HTMLOverlayContainer.prototype.buildRealObject = function () {
     return new RealObjectDomElement(this);
 };
-HTMLOverlayContainer.prototype.is3dish = function () {
-    return true;
-};
 //# sourceMappingURL=html-overlay-element.js.map

package/dist/html-overlay-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"html-overlay-element.js","sourceRoot":"","sources":["../src/html-overlay-element.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAEvE,kBAAkB,CAAC,SAAS,CAAC,eAAe,GAAG;IAC7C,OAAO,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAA;AACvC,CAAC,CAAA;AAED,kBAAkB,CAAC,SAAS,CAAC,OAAO,GAAG;IACrC,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,oBAAoB,CAAC,SAAS,CAAC,eAAe,GAAG;IAC/C,OAAO,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAA;AACvC,CAAC,CAAA;AAED,oBAAoB,CAAC,SAAS,CAAC,OAAO,GAAG;IACvC,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { HTMLOverlayContainer, HTMLOverlayElement } from '@hatiolab/things-scene'\nimport { RealObjectDomElement } from './threed/real-object-dom-element'\n\nHTMLOverlayElement.prototype.buildRealObject = function () {\n  return new RealObjectDomElement(this)\n}\n\nHTMLOverlayElement.prototype.is3dish = function () {\n  return true\n}\n\nHTMLOverlayContainer.prototype.buildRealObject = function () {\n  return new RealObjectDomElement(this)\n}\n\nHTMLOverlayContainer.prototype.is3dish = function () {\n  return true\n}\n"]}
+{"version":3,"file":"html-overlay-element.js","sourceRoot":"","sources":["../src/html-overlay-element.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAEvE,kBAAkB,CAAC,SAAS,CAAC,eAAe,GAAG;IAC7C,OAAO,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAA;AACvC,CAAC,CAAA;AAED,oBAAoB,CAAC,SAAS,CAAC,eAAe,GAAG;IAC/C,OAAO,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAA;AACvC,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { HTMLOverlayContainer, HTMLOverlayElement } from '@hatiolab/things-scene'\nimport { RealObjectDomElement } from './threed/real-object-dom-element'\n\nHTMLOverlayElement.prototype.buildRealObject = function () {\n  return new RealObjectDomElement(this)\n}\n\nHTMLOverlayContainer.prototype.buildRealObject = function () {\n  return new RealObjectDomElement(this)\n}\n"]}

package/dist/three-container.js

@@ -280,6 +280,7 @@ export class ThreeContainer extends Container {
         div.style.position = 'absolute';
         div.style.top = '0';
         div.style.pointerEvents = 'none';
+        div.setAttribute('scene', 'three-container:css3d-renderer');
         if (this.app.isViewMode) {
             // disableAllUserEvents(div)
         }

package/dist/three-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"three-container.js","sourceRoot":"","sources":["../src/three-container.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, Container, error, FPS, Layout, Properties } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js'\nimport { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js'\n\nimport ThreeControls from './three-controls'\nimport './three-layout'\nimport { RealObject } from './threed/real-object'\nimport { ThreeDimensionalContainer } from './threed/three-dimensional-container'\nimport { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer'\nimport { createFloor } from './threed/floor/floor'\nimport { RealObjectDomElement } from './threed'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'precision',\n      name: 'precision',\n      property: {\n        options: [\n          {\n            display: 'High',\n            value: 'highp'\n          },\n          {\n            display: 'Medium',\n            value: 'mediump'\n          },\n          {\n            display: 'Low',\n            value: 'lowp'\n          }\n        ]\n      }\n    },\n    {\n      type: 'checkbox',\n      label: 'anti-alias',\n      name: 'antialias',\n      property: 'antialias'\n    },\n    {\n      type: 'checkbox',\n      label: '3dmode',\n      name: 'threed',\n      property: 'threed'\n    },\n    {\n      type: 'checkbox',\n      label: 'auto-rotate',\n      name: 'autoRotate',\n      property: 'autoRotate'\n    },\n    {\n      type: 'checkbox',\n      label: 'debug',\n      name: 'debug',\n      property: 'debug'\n    }\n  ],\n  help: 'scene/component/three-container'\n}\n\nconst WEBGL_NO_SUPPORT_TEXT = 'WebGL no support'\n\nexport class ThreeContainer extends Container implements ThreeDimensionalContainer {\n  _scene3d?: THREE.Scene\n  _initalizeComplete?: Promise<void>\n\n  _mixer?: THREE.AnimationMixer\n\n  _camera?: THREE.PerspectiveCamera\n  _renderer3d?: THREE.WebGLRenderer\n\n  _mouse?: THREE.Vector2\n\n  _clock?: THREE.Clock\n\n  _controls?: any\n  _onFocus?: (e: FocusEvent) => void\n  _onResize?: (e: Event) => void\n  _noSupportWebgl: boolean = false\n\n  _raycaster = new THREE.Raycaster()\n\n  _lastFocused?: RealObject\n  _lastHovered?: RealObject\n\n  private _css3DScene?: THREE.Scene\n  private _css3DRenderer?: CSS3DRenderer\n\n  composer?: EffectComposer\n\n  containable(component: Component) {\n    return component.is3dish()\n  }\n\n  is3dContainer() {\n    return true\n  }\n\n  /* THREE Object related .. */\n\n  createObjects(components: Component[]) {\n    for (let component of components) {\n      try {\n        var item = component.realObject\n\n        if (item) {\n          if (component.isHTMLElement()) {\n            this.css3DScene.add((item as RealObjectDomElement).object3d)\n          } else {\n            this._scene3d!.add(item.object3d)\n          }\n        }\n      } catch (err) {\n        error(err)\n      }\n    }\n  }\n\n  destroy_scene3d() {\n    this.stop()\n\n    window.removeEventListener('focus', this._onFocus!)\n    window.removeEventListener('resize', this._onResize!)\n\n    if (this._renderer3d) this._renderer3d.clear()\n\n    if (this._controls?.autoRotate) {\n      this._controls.doAutoRotate(false)\n    }\n\n    delete this._renderer3d\n    delete this._camera\n    delete this._controls\n\n    if (this._scene3d) {\n      let children = this._scene3d.children.slice()\n      for (let i in children) {\n        let child = children[i] as any\n        if (child.dispose) child.dispose()\n        if (child.geometry && child.geometry.dispose) child.geometry.dispose()\n        if (child.material && child.material.dispose) child.material.dispose()\n        if (child.texture && child.texture.dispose) child.texture.dispose()\n        this._scene3d.remove(child)\n      }\n    }\n\n    delete this._scene3d\n  }\n\n  update() {\n    var { width, height } = this.bounds\n\n    var {\n      fov = 45,\n      near = 0.1,\n      far = 20000,\n      antialias = true,\n      precision = 'highp',\n      cameraX,\n      cameraY,\n      cameraZ,\n      exposure = 2.5\n    } = this.state\n\n    var components = this.components || []\n\n    // SCENE\n    this._scene3d = new THREE.Scene()\n\n    // CAMERA\n    var aspect = width / height\n\n    this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far)\n\n    var cameraXPos = height * 0.8,\n      cameraYPos = width * 0.8,\n      cameraZPos = Math.min(500, Math.floor(Math.min(width, height)))\n    // cameraZPos = Math.floor(Math.min(width, height))\n\n    if (cameraX != undefined) cameraXPos = cameraX * width\n    if (cameraY != undefined) cameraYPos = cameraY * height\n    if (cameraZ != undefined) cameraZPos = cameraZ * Math.floor(Math.min(width, height))\n\n    this._camera.position.set(cameraXPos, cameraZPos, cameraYPos)\n\n    this._scene3d.add(this._camera)\n    this._camera.lookAt(this._scene3d.position)\n    this._camera.zoom = this.getState('zoom') * 0.01\n\n    try {\n      const canvas = document.createElement('canvas')\n      let context = canvas!.getContext('webgl2')!\n\n      var renderer3d = new THREE.WebGLRenderer({\n        canvas,\n        context,\n        precision,\n        alpha: true,\n        antialias\n      })\n    } catch (e) {\n      this._noSupportWebgl = true\n      return\n    }\n\n    this._renderer3d = renderer3d\n\n    renderer3d!.autoClear = true\n    // @ts-ignore for three@0.150.1\n    renderer3d!.outputColorSpace = THREE.SRGBColorSpace\n    renderer3d!.useLegacyLights = false\n    renderer3d!.toneMappingExposure = Math.pow(exposure, 5.0)\n    renderer3d!.toneMapping = THREE.LinearToneMapping\n    renderer3d!.shadowMap.enabled = true\n    renderer3d!.setClearColor(0xffffff, 0) // transparent\n    renderer3d!.setSize(width, height)\n\n    // CONTROLS\n    this._controls = new (ThreeControls as any)(this._camera, this)\n    this._controls.cameraChanged = true\n\n    // Lights\n    var _hemiLight = new THREE.HemisphereLight(0xdddddd, 0x333333, 0.035)\n\n    this.scene3d!.add(_hemiLight)\n\n    this._mouse = new THREE.Vector2()\n\n    this._clock = new THREE.Clock(true)\n    this._mixer = new THREE.AnimationMixer(this.scene3d!)\n\n    this.createObjects(components)\n\n    this._camera.updateProjectionMatrix()\n\n    const floor = createFloor(this)\n\n    if (floor) {\n      this._scene3d.add(floor)\n    }\n\n    // postprocessing\n\n    var composer = (this.composer = new EffectComposer(renderer3d!))\n    composer.setSize(width, height)\n\n    const renderPass = new RenderPass(this._scene3d, this._camera)\n    composer.addPass(renderPass)\n\n    this._onFocus = (e: FocusEvent) => {\n      this.render_threed()\n    }\n\n    this._onResize = (e: Event) => {\n      this.resize()\n    }\n\n    window.addEventListener('resize', this._onResize)\n    window.addEventListener('focus', this._onFocus)\n\n    this.buildOverlays()\n    this.resize()\n  }\n\n  resize() {\n    const { width, height } = this.bounds\n\n    this._camera!.aspect = width / height\n\n    this.renderer3d!.setSize(width, height)\n    this.css3DRenderer.setSize(width, height)\n\n    this.composer?.setSize(width, height)\n    this._camera!.updateProjectionMatrix()\n  }\n\n  init_scene3d() {\n    this.root.on('redraw', this.onredraw, this)\n\n    if (this._scene3d) {\n      this.destroy_scene3d()\n    }\n\n    this.update()\n\n    this.onchangeData && this.onchangeData(this.data, this.data)\n  }\n\n  threed_animate() {\n    if (!this._controls) {\n      return\n    }\n\n    if (this._mixer) {\n      this._mixer.update(this._clock!.getDelta())\n    }\n\n    this._controls.update()\n\n    if (this.state.autoRotate) {\n      this.invalidate()\n    }\n\n    this.render_threed()\n  }\n\n  stop() {}\n\n  get scene3d() {\n    if (!this._scene3d) {\n      this.init_scene3d()\n    }\n\n    return this._scene3d\n  }\n\n  get renderer3d() {\n    return this._renderer3d\n  }\n\n  get mixer() {\n    return this._mixer\n  }\n\n  get zoom() {\n    return this._camera?.zoom\n  }\n\n  /**\n   * CSS3DRenderer용 THREE.Scene을 제공\n   */\n  get css3DScene() {\n    if (!this._css3DScene) {\n      this._css3DScene = this.buildCSS3DScene()\n    }\n    return this._css3DScene\n  }\n\n  protected buildCSS3DScene() {\n    return new THREE.Scene()\n  }\n\n  protected disposeCSS3DScene() {\n    var children = [...this.css3DScene.children]\n    children.forEach(child => this.css3DScene.remove(child))\n  }\n\n  /* css3d-renderer */\n\n  /**\n   * css3d-renderer getter\n   */\n  get css3DRenderer() {\n    if (!this._css3DRenderer) {\n      this._css3DRenderer = this.createCSS3DRenderer()\n    }\n\n    return this._css3DRenderer\n  }\n\n  protected createCSS3DRenderer() {\n    var renderer = new CSS3DRenderer()\n    var div = renderer.domElement\n    div.style.position = 'absolute'\n    div.style.top = '0'\n    div.style.pointerEvents = 'none'\n\n    if (this.app.isViewMode) {\n      // disableAllUserEvents(div)\n    } else {\n      div.style.pointerEvents = 'none'\n    }\n\n    return renderer\n  }\n\n  protected disposeCSS3DRenderer() {\n    // Nothing to do\n  }\n\n  /**\n   * element내부에 필요한 overlay들을 생성\n   * ViewRenderer에서는 CSS3DRenderer와 GLRendering을 위한 canvas를 오버레이로 만든다.\n   * Warn: this.element는 아직 만들어지지 않은 상태에 buildOverlays가 호출됨.\n   * @param into\n   */\n  buildOverlays() {\n    this.element.appendChild(this.css3DRenderer.domElement)\n  }\n\n  render_threed() {\n    if (this.composer) {\n      this.composer.render()\n    }\n  }\n\n  /* Container Overides .. */\n  render(ctx: CanvasRenderingContext2D) {\n    if (this.app.isViewMode) {\n      this.setState('threed', true)\n    }\n\n    if (this.state.threed && !this._noSupportWebgl && this._camera) {\n      this.css3DRenderer.render(this.css3DScene, this._camera!)\n      return\n    }\n\n    super.render(ctx)\n  }\n\n  postrender(ctx: CanvasRenderingContext2D) {\n    var { left, top, debug, threed } = this.state\n\n    var { width, height } = this.bounds\n\n    // ios에서 width, height에 소수점이 있으면 3d를 표현하지 못하는 문제가 있어 정수화\n    width = Math.floor(width)\n    height = Math.floor(height)\n\n    if (threed) {\n      if (!this._scene3d) {\n        this.init_scene3d()\n        this.render_threed()\n      }\n\n      if (this._noSupportWebgl) {\n        this._showWebglNoSupportText(ctx)\n        return\n      }\n\n      if (!this._renderer3d) {\n        return\n      }\n\n      var { width: rendererWidth, height: rendererHeight } = this._renderer3d.getSize(new THREE.Vector2())\n\n      ctx.drawImage(this._renderer3d.domElement, 0, 0, rendererWidth, rendererHeight, left, top, width, height)\n\n      if (debug) {\n        ctx.font = 100 + 'px Arial'\n        ctx.textAlign = 'center'\n        ctx.fillStyle = 'black'\n        ctx.globalAlpha = 0.5\n        ctx.fillText(String(FPS()), 100, 100)\n      }\n    } else {\n      super.postrender(ctx)\n    }\n  }\n\n  dispose() {\n    this.root.off('redraw', this.onredraw, this)\n\n    this.disposeCSS3DScene()\n\n    this.composer?.dispose()\n    this.destroy_scene3d()\n\n    super.dispose()\n  }\n\n  get layout() {\n    return Layout.get('three')\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n\n  getObjectByRaycast(): THREE.Object3D | undefined {\n    var intersects = this.getObjectsByRaycast()\n\n    if (intersects && intersects.length > 0) {\n      var object: THREE.Object3D | null = intersects[0].object\n      while (object) {\n        if (object.userData.context) {\n          return object\n        }\n\n        object = object.parent\n      }\n    }\n  }\n\n  getObjectsByRaycast() {\n    var vector = this._mouse\n    if (!this._camera) {\n      return\n    }\n\n    this._raycaster.setFromCamera(vector!, this._camera)\n\n    var intersects = this._raycaster.intersectObjects(this._scene3d!.children, true)\n\n    return intersects\n  }\n\n  _showWebglNoSupportText(context: CanvasRenderingContext2D) {\n    context.save()\n\n    var { width, height } = this.state\n\n    context.font = width / 20 + 'px Arial'\n    context.textAlign = 'center'\n    context.fillText(WEBGL_NO_SUPPORT_TEXT, width / 2 - width / 40, height / 2)\n\n    context.restore()\n  }\n\n  /* Event Handlers */\n\n  onchange(after: Properties, before: Properties) {\n    if (after.hasOwnProperty('width') || after.hasOwnProperty('height') || after.hasOwnProperty('threed'))\n      this.destroy_scene3d()\n\n    if (after.hasOwnProperty('autoRotate')) {\n      if (this._controls) {\n        this._controls.doAutoRotate(after.autoRotate)\n      }\n    }\n\n    if (\n      after.hasOwnProperty('fov') ||\n      after.hasOwnProperty('near') ||\n      after.hasOwnProperty('far') ||\n      after.hasOwnProperty('zoom')\n    ) {\n      if (this._camera) {\n        const { near, far, zoom, fov } = this.state\n\n        this._camera.near = near\n        this._camera.far = far\n        this._camera.zoom = zoom * 0.01\n        this._camera.fov = fov\n        this._camera.updateProjectionMatrix()\n\n        this._controls.cameraChanged = true\n      }\n    }\n  }\n\n  onmousedown(e: MouseEvent) {\n    if (this._controls) {\n      this._controls.onMouseDown(e)\n    }\n  }\n\n  onmouseup(e: MouseEvent) {\n    if (this._controls) {\n      if (this._lastFocused) {\n        ;(this._lastFocused as any)._focused = false\n      }\n\n      const { left, top, width, height } = this.state\n\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      var object = this.getObjectByRaycast()\n      var realObject = object?.userData.context as RealObject\n\n      if (realObject) {\n        ;(realObject as any)._focused = true\n        ;(realObject as any)._focusedAt = performance.now()\n        this._lastFocused = realObject\n        realObject.component?.trigger('click', e)\n      }\n\n      e.stopPropagation()\n    }\n  }\n\n  onmousemove(e: MouseEvent) {\n    if (this._controls) {\n      const { left, top, width, height } = this.state\n\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      var object = this.getObjectByRaycast()\n      var realObject = object?.userData.context as RealObject\n\n      if (realObject !== this._lastHovered) {\n        if (this._lastHovered) {\n          this._lastHovered.component?.trigger('mouseleave', e)\n          delete this._lastHovered\n        }\n\n        if (realObject) {\n          this._lastHovered = realObject\n          this._lastHovered.component?.trigger('mouseenter', e)\n        }\n      }\n\n      this._controls.onMouseMove(e)\n\n      e.stopPropagation()\n    }\n  }\n\n  onmouseleave(e: MouseEvent) {}\n\n  onwheel(e: WheelEvent) {\n    if (this._controls) {\n      this.handleMouseWheel(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondblclick(e: MouseEvent) {\n    if (this._controls) {\n      this.setState('zoom', this.getState('zoom'))\n      this._controls.reset()\n      e.stopPropagation()\n    }\n  }\n\n  ondragstart(e: DragEvent) {\n    if (this._controls) {\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n      var { left, top, width, height } = this.bounds\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      this._controls.onDragStart(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondragmove(e: DragEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onDragMove(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondragend(e: DragEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onDragEnd(e)\n      e.stopPropagation()\n    }\n  }\n\n  ontouchstart(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.onTouchStart(e)\n      e.stopPropagation()\n    }\n  }\n\n  onpan(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onTouchMove(e)\n      e.stopPropagation()\n    }\n  }\n  ontouchend(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.onTouchEnd(e)\n      e.stopPropagation()\n    }\n  }\n\n  onkeydown(e: KeyboardEvent) {\n    if (this._controls) {\n      this._controls.onKeyDown(e)\n      e.stopPropagation()\n    }\n  }\n\n  onpinch(e: TouchEvent) {\n    if (this._controls) {\n      var zoom = this.getState('zoom')\n      //@ts-ignore\n      zoom *= e.scale\n\n      if (zoom < 100) zoom = 100\n\n      this.setState('zoom', zoom)\n      e.stopPropagation()\n    }\n  }\n\n  ondoubletap() {\n    this._controls.reset()\n  }\n\n  handleMouseWheel(event: WheelEvent) {\n    var delta = 0\n    var zoom = this.getState('zoom')\n\n    delta = -event.deltaY\n    zoom += delta * 0.1\n    if (zoom < 100) zoom = 100\n\n    this.setState('zoom', zoom)\n  }\n\n  onredraw() {\n    this.threed_animate()\n  }\n}\n\nComponent.register('3d-container', ThreeContainer)\n"]}
+{"version":3,"file":"three-container.js","sourceRoot":"","sources":["../src/three-container.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, Container, error, FPS, Layout, Properties } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js'\nimport { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js'\n\nimport ThreeControls from './three-controls'\nimport './three-layout'\nimport { RealObject } from './threed/real-object'\nimport { ThreeDimensionalContainer } from './threed/three-dimensional-container'\nimport { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer'\nimport { createFloor } from './threed/floor/floor'\nimport { RealObjectDomElement } from './threed'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'precision',\n      name: 'precision',\n      property: {\n        options: [\n          {\n            display: 'High',\n            value: 'highp'\n          },\n          {\n            display: 'Medium',\n            value: 'mediump'\n          },\n          {\n            display: 'Low',\n            value: 'lowp'\n          }\n        ]\n      }\n    },\n    {\n      type: 'checkbox',\n      label: 'anti-alias',\n      name: 'antialias',\n      property: 'antialias'\n    },\n    {\n      type: 'checkbox',\n      label: '3dmode',\n      name: 'threed',\n      property: 'threed'\n    },\n    {\n      type: 'checkbox',\n      label: 'auto-rotate',\n      name: 'autoRotate',\n      property: 'autoRotate'\n    },\n    {\n      type: 'checkbox',\n      label: 'debug',\n      name: 'debug',\n      property: 'debug'\n    }\n  ],\n  help: 'scene/component/three-container'\n}\n\nconst WEBGL_NO_SUPPORT_TEXT = 'WebGL no support'\n\nexport class ThreeContainer extends Container implements ThreeDimensionalContainer {\n  _scene3d?: THREE.Scene\n  _initalizeComplete?: Promise<void>\n\n  _mixer?: THREE.AnimationMixer\n\n  _camera?: THREE.PerspectiveCamera\n  _renderer3d?: THREE.WebGLRenderer\n\n  _mouse?: THREE.Vector2\n\n  _clock?: THREE.Clock\n\n  _controls?: any\n  _onFocus?: (e: FocusEvent) => void\n  _onResize?: (e: Event) => void\n  _noSupportWebgl: boolean = false\n\n  _raycaster = new THREE.Raycaster()\n\n  _lastFocused?: RealObject\n  _lastHovered?: RealObject\n\n  private _css3DScene?: THREE.Scene\n  private _css3DRenderer?: CSS3DRenderer\n\n  composer?: EffectComposer\n\n  containable(component: Component) {\n    return component.is3dish()\n  }\n\n  is3dContainer() {\n    return true\n  }\n\n  /* THREE Object related .. */\n\n  createObjects(components: Component[]) {\n    for (let component of components) {\n      try {\n        var item = component.realObject\n\n        if (item) {\n          if (component.isHTMLElement()) {\n            this.css3DScene.add((item as RealObjectDomElement).object3d)\n          } else {\n            this._scene3d!.add(item.object3d)\n          }\n        }\n      } catch (err) {\n        error(err)\n      }\n    }\n  }\n\n  destroy_scene3d() {\n    this.stop()\n\n    window.removeEventListener('focus', this._onFocus!)\n    window.removeEventListener('resize', this._onResize!)\n\n    if (this._renderer3d) this._renderer3d.clear()\n\n    if (this._controls?.autoRotate) {\n      this._controls.doAutoRotate(false)\n    }\n\n    delete this._renderer3d\n    delete this._camera\n    delete this._controls\n\n    if (this._scene3d) {\n      let children = this._scene3d.children.slice()\n      for (let i in children) {\n        let child = children[i] as any\n        if (child.dispose) child.dispose()\n        if (child.geometry && child.geometry.dispose) child.geometry.dispose()\n        if (child.material && child.material.dispose) child.material.dispose()\n        if (child.texture && child.texture.dispose) child.texture.dispose()\n        this._scene3d.remove(child)\n      }\n    }\n\n    delete this._scene3d\n  }\n\n  update() {\n    var { width, height } = this.bounds\n\n    var {\n      fov = 45,\n      near = 0.1,\n      far = 20000,\n      antialias = true,\n      precision = 'highp',\n      cameraX,\n      cameraY,\n      cameraZ,\n      exposure = 2.5\n    } = this.state\n\n    var components = this.components || []\n\n    // SCENE\n    this._scene3d = new THREE.Scene()\n\n    // CAMERA\n    var aspect = width / height\n\n    this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far)\n\n    var cameraXPos = height * 0.8,\n      cameraYPos = width * 0.8,\n      cameraZPos = Math.min(500, Math.floor(Math.min(width, height)))\n    // cameraZPos = Math.floor(Math.min(width, height))\n\n    if (cameraX != undefined) cameraXPos = cameraX * width\n    if (cameraY != undefined) cameraYPos = cameraY * height\n    if (cameraZ != undefined) cameraZPos = cameraZ * Math.floor(Math.min(width, height))\n\n    this._camera.position.set(cameraXPos, cameraZPos, cameraYPos)\n\n    this._scene3d.add(this._camera)\n    this._camera.lookAt(this._scene3d.position)\n    this._camera.zoom = this.getState('zoom') * 0.01\n\n    try {\n      const canvas = document.createElement('canvas')\n      let context = canvas!.getContext('webgl2')!\n\n      var renderer3d = new THREE.WebGLRenderer({\n        canvas,\n        context,\n        precision,\n        alpha: true,\n        antialias\n      })\n    } catch (e) {\n      this._noSupportWebgl = true\n      return\n    }\n\n    this._renderer3d = renderer3d\n\n    renderer3d!.autoClear = true\n    // @ts-ignore for three@0.150.1\n    renderer3d!.outputColorSpace = THREE.SRGBColorSpace\n    renderer3d!.useLegacyLights = false\n    renderer3d!.toneMappingExposure = Math.pow(exposure, 5.0)\n    renderer3d!.toneMapping = THREE.LinearToneMapping\n    renderer3d!.shadowMap.enabled = true\n    renderer3d!.setClearColor(0xffffff, 0) // transparent\n    renderer3d!.setSize(width, height)\n\n    // CONTROLS\n    this._controls = new (ThreeControls as any)(this._camera, this)\n    this._controls.cameraChanged = true\n\n    // Lights\n    var _hemiLight = new THREE.HemisphereLight(0xdddddd, 0x333333, 0.035)\n\n    this.scene3d!.add(_hemiLight)\n\n    this._mouse = new THREE.Vector2()\n\n    this._clock = new THREE.Clock(true)\n    this._mixer = new THREE.AnimationMixer(this.scene3d!)\n\n    this.createObjects(components)\n\n    this._camera.updateProjectionMatrix()\n\n    const floor = createFloor(this)\n\n    if (floor) {\n      this._scene3d.add(floor)\n    }\n\n    // postprocessing\n\n    var composer = (this.composer = new EffectComposer(renderer3d!))\n    composer.setSize(width, height)\n\n    const renderPass = new RenderPass(this._scene3d, this._camera)\n    composer.addPass(renderPass)\n\n    this._onFocus = (e: FocusEvent) => {\n      this.render_threed()\n    }\n\n    this._onResize = (e: Event) => {\n      this.resize()\n    }\n\n    window.addEventListener('resize', this._onResize)\n    window.addEventListener('focus', this._onFocus)\n\n    this.buildOverlays()\n    this.resize()\n  }\n\n  resize() {\n    const { width, height } = this.bounds\n\n    this._camera!.aspect = width / height\n\n    this.renderer3d!.setSize(width, height)\n    this.css3DRenderer.setSize(width, height)\n\n    this.composer?.setSize(width, height)\n    this._camera!.updateProjectionMatrix()\n  }\n\n  init_scene3d() {\n    this.root.on('redraw', this.onredraw, this)\n\n    if (this._scene3d) {\n      this.destroy_scene3d()\n    }\n\n    this.update()\n\n    this.onchangeData && this.onchangeData(this.data, this.data)\n  }\n\n  threed_animate() {\n    if (!this._controls) {\n      return\n    }\n\n    if (this._mixer) {\n      this._mixer.update(this._clock!.getDelta())\n    }\n\n    this._controls.update()\n\n    if (this.state.autoRotate) {\n      this.invalidate()\n    }\n\n    this.render_threed()\n  }\n\n  stop() {}\n\n  get scene3d() {\n    if (!this._scene3d) {\n      this.init_scene3d()\n    }\n\n    return this._scene3d\n  }\n\n  get renderer3d() {\n    return this._renderer3d\n  }\n\n  get mixer() {\n    return this._mixer\n  }\n\n  get zoom() {\n    return this._camera?.zoom\n  }\n\n  /**\n   * CSS3DRenderer용 THREE.Scene을 제공\n   */\n  get css3DScene() {\n    if (!this._css3DScene) {\n      this._css3DScene = this.buildCSS3DScene()\n    }\n    return this._css3DScene\n  }\n\n  protected buildCSS3DScene() {\n    return new THREE.Scene()\n  }\n\n  protected disposeCSS3DScene() {\n    var children = [...this.css3DScene.children]\n    children.forEach(child => this.css3DScene.remove(child))\n  }\n\n  /* css3d-renderer */\n\n  /**\n   * css3d-renderer getter\n   */\n  get css3DRenderer() {\n    if (!this._css3DRenderer) {\n      this._css3DRenderer = this.createCSS3DRenderer()\n    }\n\n    return this._css3DRenderer\n  }\n\n  protected createCSS3DRenderer() {\n    var renderer = new CSS3DRenderer()\n    var div = renderer.domElement\n    div.style.position = 'absolute'\n    div.style.top = '0'\n    div.style.pointerEvents = 'none'\n    div.setAttribute('scene', 'three-container:css3d-renderer')\n\n    if (this.app.isViewMode) {\n      // disableAllUserEvents(div)\n    } else {\n      div.style.pointerEvents = 'none'\n    }\n\n    return renderer\n  }\n\n  protected disposeCSS3DRenderer() {\n    // Nothing to do\n  }\n\n  /**\n   * element내부에 필요한 overlay들을 생성\n   * ViewRenderer에서는 CSS3DRenderer와 GLRendering을 위한 canvas를 오버레이로 만든다.\n   * Warn: this.element는 아직 만들어지지 않은 상태에 buildOverlays가 호출됨.\n   * @param into\n   */\n  buildOverlays() {\n    this.element.appendChild(this.css3DRenderer.domElement)\n  }\n\n  render_threed() {\n    if (this.composer) {\n      this.composer.render()\n    }\n  }\n\n  /* Container Overides .. */\n  render(ctx: CanvasRenderingContext2D) {\n    if (this.app.isViewMode) {\n      this.setState('threed', true)\n    }\n\n    if (this.state.threed && !this._noSupportWebgl && this._camera) {\n      this.css3DRenderer.render(this.css3DScene, this._camera!)\n      return\n    }\n\n    super.render(ctx)\n  }\n\n  postrender(ctx: CanvasRenderingContext2D) {\n    var { left, top, debug, threed } = this.state\n\n    var { width, height } = this.bounds\n\n    // ios에서 width, height에 소수점이 있으면 3d를 표현하지 못하는 문제가 있어 정수화\n    width = Math.floor(width)\n    height = Math.floor(height)\n\n    if (threed) {\n      if (!this._scene3d) {\n        this.init_scene3d()\n        this.render_threed()\n      }\n\n      if (this._noSupportWebgl) {\n        this._showWebglNoSupportText(ctx)\n        return\n      }\n\n      if (!this._renderer3d) {\n        return\n      }\n\n      var { width: rendererWidth, height: rendererHeight } = this._renderer3d.getSize(new THREE.Vector2())\n\n      ctx.drawImage(this._renderer3d.domElement, 0, 0, rendererWidth, rendererHeight, left, top, width, height)\n\n      if (debug) {\n        ctx.font = 100 + 'px Arial'\n        ctx.textAlign = 'center'\n        ctx.fillStyle = 'black'\n        ctx.globalAlpha = 0.5\n        ctx.fillText(String(FPS()), 100, 100)\n      }\n    } else {\n      super.postrender(ctx)\n    }\n  }\n\n  dispose() {\n    this.root.off('redraw', this.onredraw, this)\n\n    this.disposeCSS3DScene()\n\n    this.composer?.dispose()\n    this.destroy_scene3d()\n\n    super.dispose()\n  }\n\n  get layout() {\n    return Layout.get('three')\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n\n  getObjectByRaycast(): THREE.Object3D | undefined {\n    var intersects = this.getObjectsByRaycast()\n\n    if (intersects && intersects.length > 0) {\n      var object: THREE.Object3D | null = intersects[0].object\n      while (object) {\n        if (object.userData.context) {\n          return object\n        }\n\n        object = object.parent\n      }\n    }\n  }\n\n  getObjectsByRaycast() {\n    var vector = this._mouse\n    if (!this._camera) {\n      return\n    }\n\n    this._raycaster.setFromCamera(vector!, this._camera)\n\n    var intersects = this._raycaster.intersectObjects(this._scene3d!.children, true)\n\n    return intersects\n  }\n\n  _showWebglNoSupportText(context: CanvasRenderingContext2D) {\n    context.save()\n\n    var { width, height } = this.state\n\n    context.font = width / 20 + 'px Arial'\n    context.textAlign = 'center'\n    context.fillText(WEBGL_NO_SUPPORT_TEXT, width / 2 - width / 40, height / 2)\n\n    context.restore()\n  }\n\n  /* Event Handlers */\n\n  onchange(after: Properties, before: Properties) {\n    if (after.hasOwnProperty('width') || after.hasOwnProperty('height') || after.hasOwnProperty('threed'))\n      this.destroy_scene3d()\n\n    if (after.hasOwnProperty('autoRotate')) {\n      if (this._controls) {\n        this._controls.doAutoRotate(after.autoRotate)\n      }\n    }\n\n    if (\n      after.hasOwnProperty('fov') ||\n      after.hasOwnProperty('near') ||\n      after.hasOwnProperty('far') ||\n      after.hasOwnProperty('zoom')\n    ) {\n      if (this._camera) {\n        const { near, far, zoom, fov } = this.state\n\n        this._camera.near = near\n        this._camera.far = far\n        this._camera.zoom = zoom * 0.01\n        this._camera.fov = fov\n        this._camera.updateProjectionMatrix()\n\n        this._controls.cameraChanged = true\n      }\n    }\n  }\n\n  onmousedown(e: MouseEvent) {\n    if (this._controls) {\n      this._controls.onMouseDown(e)\n    }\n  }\n\n  onmouseup(e: MouseEvent) {\n    if (this._controls) {\n      if (this._lastFocused) {\n        ;(this._lastFocused as any)._focused = false\n      }\n\n      const { left, top, width, height } = this.state\n\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      var object = this.getObjectByRaycast()\n      var realObject = object?.userData.context as RealObject\n\n      if (realObject) {\n        ;(realObject as any)._focused = true\n        ;(realObject as any)._focusedAt = performance.now()\n        this._lastFocused = realObject\n        realObject.component?.trigger('click', e)\n      }\n\n      e.stopPropagation()\n    }\n  }\n\n  onmousemove(e: MouseEvent) {\n    if (this._controls) {\n      const { left, top, width, height } = this.state\n\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      var object = this.getObjectByRaycast()\n      var realObject = object?.userData.context as RealObject\n\n      if (realObject !== this._lastHovered) {\n        if (this._lastHovered) {\n          this._lastHovered.component?.trigger('mouseleave', e)\n          delete this._lastHovered\n        }\n\n        if (realObject) {\n          this._lastHovered = realObject\n          this._lastHovered.component?.trigger('mouseenter', e)\n        }\n      }\n\n      this._controls.onMouseMove(e)\n\n      e.stopPropagation()\n    }\n  }\n\n  onmouseleave(e: MouseEvent) {}\n\n  onwheel(e: WheelEvent) {\n    if (this._controls) {\n      this.handleMouseWheel(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondblclick(e: MouseEvent) {\n    if (this._controls) {\n      this.setState('zoom', this.getState('zoom'))\n      this._controls.reset()\n      e.stopPropagation()\n    }\n  }\n\n  ondragstart(e: DragEvent) {\n    if (this._controls) {\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n      var { left, top, width, height } = this.bounds\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      this._controls.onDragStart(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondragmove(e: DragEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onDragMove(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondragend(e: DragEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onDragEnd(e)\n      e.stopPropagation()\n    }\n  }\n\n  ontouchstart(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.onTouchStart(e)\n      e.stopPropagation()\n    }\n  }\n\n  onpan(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onTouchMove(e)\n      e.stopPropagation()\n    }\n  }\n  ontouchend(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.onTouchEnd(e)\n      e.stopPropagation()\n    }\n  }\n\n  onkeydown(e: KeyboardEvent) {\n    if (this._controls) {\n      this._controls.onKeyDown(e)\n      e.stopPropagation()\n    }\n  }\n\n  onpinch(e: TouchEvent) {\n    if (this._controls) {\n      var zoom = this.getState('zoom')\n      //@ts-ignore\n      zoom *= e.scale\n\n      if (zoom < 100) zoom = 100\n\n      this.setState('zoom', zoom)\n      e.stopPropagation()\n    }\n  }\n\n  ondoubletap() {\n    this._controls.reset()\n  }\n\n  handleMouseWheel(event: WheelEvent) {\n    var delta = 0\n    var zoom = this.getState('zoom')\n\n    delta = -event.deltaY\n    zoom += delta * 0.1\n    if (zoom < 100) zoom = 100\n\n    this.setState('zoom', zoom)\n  }\n\n  onredraw() {\n    this.threed_animate()\n  }\n}\n\nComponent.register('3d-container', ThreeContainer)\n"]}

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

@@ -5,7 +5,17 @@ import * as THREE from 'three';
 import { RealObjectSprite } from './real-object-sprite';
 import { createCanvasTexture } from './texture/canvas-texture';
 export class RealObjectSprite2D extends RealObjectSprite {
-    buildMaterial() { }
+    buildMaterial() {
+        var material = this.object3d.material;
+        if (material) {
+            material.dispose();
+        }
+        this.object3d.material = new THREE.SpriteMaterial({
+            map: createCanvasTexture(this.component),
+            alphaTest: 0.01,
+            sizeAttenuation: false
+        });
+    }
     get scale() {
         const { width, height } = this.component.bounds;
         const { width: parentWidth, height: parentHeight } = this.threeContainer.bounds;
@@ -17,15 +27,7 @@ export class RealObjectSprite2D extends RealObjectSprite {
         };
     }
     update() {
-        var material = this.object3d.material;
-        if (material) {
-            material.dispose();
-        }
-        this.object3d.material = new THREE.SpriteMaterial({
-            map: createCanvasTexture(this.component),
-            alphaTest: 0.1
-        });
-        this.object3d.material.sizeAttenuation = false;
+        this.build();
     }
     updateFillStyle() {
         this.update();

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

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

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

@@ -7,7 +7,7 @@ export declare class RealObjectText extends RealObjectMesh {
     get rotation(): {
         x: number;
         y: any;
-        z: any;
+        z: number;
     };
     updateDimension(): void;
     updateText(): void;

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

@@ -16,7 +16,7 @@ export class RealObjectText extends RealObjectMesh {
         return {
             x: rotationX - Math.PI / 2,
             y: rotationY,
-            z: rotation
+            z: -rotation
         };
     }
     updateDimension() {

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

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

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

@@ -27,8 +27,8 @@ export declare abstract class RealObject<T extends THREE.Object3D = THREE.Object
     };
     get rotation(): {
         x: any;
-        y: any;
-        z: number;
+        y: number;
+        z: any;
     };
     get scale(): {
         x: any;

package/dist/threed/real-object.js

@@ -6,6 +6,9 @@ import { SCALE_MIN } from './common';
 function hasProperties(props, obj) {
     return props.findIndex(prop => prop in obj) !== -1;
 }
+function isIn3DSpace() {
+    return true;
+}
 export class RealObject {
     static buildFillStyleTexture(component) {
         const { fillStyle } = component.state;
@@ -26,6 +29,7 @@ export class RealObject {
         this._focused = false;
         this._component = component;
         this.object3d = this.getObject3dInstance();
+        this.component.isIn3DSpace = isIn3DSpace;
         this.component.on('change', this.onchange, this);
     }
     update() {
@@ -113,8 +117,8 @@ export class RealObject {
         const { rotationX = 0, rotationY = 0, rotation = 0 } = this.component.state;
         return {
             x: rotationX,
-            y: rotationY,
-            z: -rotation
+            y: -rotation,
+            z: rotationY
         };
     }
     get scale() {

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

@@ -1 +1 @@
-{"version":3,"file":"real-object.js","sourceRoot":"","sources":["../../src/threed/real-object.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { Component, Properties, DELTA } from '@hatiolab/things-scene'\n\nimport { SCALE_MIN } from './common'\nimport { ThreeDimensionalContainer } from './three-dimensional-container'\n\nfunction hasProperties(props: string[], obj: object) {\n  return props.findIndex(prop => prop in obj) !== -1\n}\n\nexport abstract class RealObject<T extends THREE.Object3D = THREE.Object3D> {\n  protected _component: Component\n  protected _focused: boolean = false\n\n  public object3d: T\n\n  static buildFillStyleTexture(component: Component) {\n    const { fillStyle } = component.state\n\n    if (typeof fillStyle == 'object' && fillStyle.type == 'pattern' && fillStyle.image) {\n      return new THREE.TextureLoader(THREE.DefaultLoadingManager).load(\n        component.app.url(fillStyle.image),\n        texture => {\n          texture.minFilter = THREE.LinearFilter\n          // @ts-ignore\n          texture.colorSpace = THREE.SRGBColorSpace\n          texture.repeat.set(1, 1)\n          texture.needsUpdate = true\n\n          component.invalidate()\n        },\n        e => {\n          console.error(e)\n        }\n      )\n    }\n  }\n\n  constructor(component: Component) {\n    this._component = component\n    this.object3d = this.getObject3dInstance()\n\n    this.component.on('change', this.onchange, this)\n  }\n\n  update() {\n    this.clear()\n    this.build()\n\n    this.updateDimension()\n    this.updateTransform()\n    this.updateFillStyle()\n    this.updateStrokeStyle()\n    this.updateAlpha()\n    this.updateHidden()\n    this.updateText()\n  }\n\n  protected getObject3dInstance(): T {\n    return new THREE.Object3D() as T\n  }\n\n  build() {\n    this.object3d.userData.context = this\n    this.object3d.castShadow = true\n    this.object3d.name = this.component.state.id\n  }\n\n  get component(): Component {\n    return this._component!\n  }\n\n  get threeContainer(): ThreeDimensionalContainer | undefined {\n    var component = this.component\n\n    while (component) {\n      if ('is3dContainer' in component && (component as ThreeDimensionalContainer).is3dContainer()) {\n        return component as ThreeDimensionalContainer\n      }\n      component = component.parent\n    }\n  }\n\n  get focused(): boolean {\n    return this._focused\n  }\n\n  set focused(focused: boolean) {\n    this._focused = focused\n  }\n\n  dispose() {\n    this.component.off('change', this.onchange, this)\n    delete this.component._realObject\n\n    this.clear()\n  }\n\n  clear() {\n    this.object3d.children.slice().forEach((child: any) => {\n      if (child['dispose']) child['dispose']()\n      if (child['geometry'] && child['geometry']['dispose']) child['geometry']['dispose']()\n      if (child['material'] && child['material']['dispose']) child['material']['dispose']()\n      if (child['texture'] && child['texture']['dispose']) child['texture']['dispose']()\n      this.object3d.remove(child)\n    })\n\n    this.object3d.userData = {}\n    return this.object3d.clear()\n  }\n\n  /**\n   * Component의 상태값의 변화를 Object3D에 반영 - translate, rotation, scale\n   */\n  updateTransform() {\n    // var {\n    //   scale: { x: sx = 1, y: sy = 1, z: sz = 1 } = UNIT_SCALE,\n    //   translate: { x: tx = 0, y: ty = 0, z: tz = 0 } = UNIT_TRANSLATE,\n    //   rotate: { x: rx = 0, y: ry = 0, z: rz = 0 } = UNIT_ROTATE\n    // } = this.component.state\n\n    var { x: tx, y: ty, z: tz } = this.position\n    var { x: rx, y: ry, z: rz } = this.rotation\n    var { x: sx, y: sy, z: sz } = this.scale\n\n    this.object3d.position.set(tx, ty, tz)\n    this.object3d.rotation.set(rx, ry, rz)\n    this.object3d.scale.set(Math.max(sx, SCALE_MIN), Math.max(sy, SCALE_MIN), Math.max(sz, SCALE_MIN))\n  }\n\n  get position() {\n    const { x, y, z } = this.center\n    return {\n      x,\n      y: z,\n      z: y\n    }\n  }\n\n  get rotation() {\n    const { rotationX = 0, rotationY = 0, rotation = 0 } = this.component.state\n\n    return {\n      x: rotationX,\n      y: rotationY,\n      z: -rotation\n    }\n  }\n\n  get scale() {\n    const { scale = 1 } = this.component.state\n\n    return {\n      x: scale,\n      y: scale,\n      z: scale\n    }\n  }\n\n  get cx() {\n    var { x = 0 } = this.component.center\n    var { width: parentWidth = 0 } = this.component.parent.bounds\n    var { tx = 0 } = this.component.delta() as DELTA\n\n    return x + tx - parentWidth / 2\n  }\n\n  get cy() {\n    var { y = 0 } = this.component.center\n    var { height: parentHeight = 0 } = this.component.parent.bounds\n    var { ty = 0 } = this.component.delta() as DELTA\n\n    return y + ty - parentHeight / 2\n  }\n\n  get cz() {\n    var { zPos = 0, depth = 1 } = this.component.state\n    var { tz = 0 } = this.component.delta() as DELTA\n\n    return zPos + tz + depth / 2\n  }\n\n  get center() {\n    var { x = 0, y = 0 } = this.component.center\n    var { width: parentWidth = 0, height: parentHeight = 0 } = this.component.parent.bounds\n\n    var { tx = 0, ty = 0, tz = 0 } = this.component.delta() as DELTA\n\n    return {\n      x: x + tx - parentWidth / 2,\n      y: y + ty - parentHeight / 2,\n      z: this.cz\n    }\n  }\n\n  get dimension() {\n    const { width, height } = this.component.bounds\n    const { depth } = this.component.state\n    return {\n      width,\n      height,\n      depth\n    }\n  }\n\n  /**\n   * Object3D 모델의 변화를 Component의 모델값에 반영\n   */\n  // updateTransformReverse() {\n  //   var { rotation, position, scale } = this.object3d\n\n  //   this.component.set({\n  //     rotate: {\n  //       x: rotation.x,\n  //       y: rotation.y,\n  //       z: rotation.z\n  //     },\n  //     translate: {\n  //       x: position.x,\n  //       y: position.y,\n  //       z: position.z\n  //     },\n  //     scale: {\n  //       x: scale.x,\n  //       y: scale.y,\n  //       z: scale.z\n  //     }\n  //   })\n  // }\n\n  /* update functions - 전체적인 rebuilding이 필요하지 않은 update 기능 들임 */\n  updatePosition() {\n    var { x = 0, y = 0, z = 0 } = this.position\n    this.object3d.position.set(x, y, z)\n  }\n\n  updateRotate() {\n    var { x = 0, y = 0, z = 0 } = this.rotation\n    this.object3d.rotation.set(x, y, z)\n  }\n\n  updateScale() {\n    var { x = 1, y = 1, z = 1 } = this.scale\n    this.object3d.scale.set(Math.max(x, SCALE_MIN), Math.max(y, SCALE_MIN), Math.max(z, SCALE_MIN))\n  }\n\n  updateDimension() {\n    var { width, height, depth } = this.dimension\n    this.object3d.scale.set(width, height, depth)\n  }\n\n  updateAlpha() {\n    var { alpha } = this.component.state\n\n    alpha = alpha == undefined ? 1 : alpha\n\n    this.object3d.traverse((o: any) => {\n      var materials = o.material\n      if (!o.material) return\n\n      if (!Array.isArray(materials)) {\n        materials = [materials]\n      }\n\n      materials.forEach((m: any) => {\n        m.opacity *= alpha\n        m.transparent = alpha < 1\n      })\n    })\n  }\n\n  updateHidden() {\n    this.object3d.visible = !this.component.state.hidden\n  }\n\n  updateStrokeStyle() {}\n  updateFillStyle() {}\n  updateText() {}\n\n  onchange(after: Properties, before: Properties) {\n    if (hasProperties(['cx', 'cy', 'cz', 'zPos', 'left', 'top'], after)) {\n      this.updatePosition()\n    }\n\n    if (hasProperties(['width', 'height', 'depth'], after)) {\n      this.updateDimension()\n    }\n\n    if (hasProperties(['rotationX', 'rotationY', 'rotation'], after)) {\n      this.updateRotate()\n    }\n\n    if ('scale' in after) {\n      this.updateScale()\n    }\n\n    if ('hidden' in after) {\n      this.updateHidden()\n    }\n\n    if ('alpha' in after) {\n      this.updateAlpha()\n    }\n\n    if ('strokeStyle' in after) {\n      this.updateStrokeStyle()\n    }\n\n    if ('fillStyle' in after) {\n      this.updateFillStyle()\n    }\n\n    if ('text' in after) {\n      this.updateText()\n    }\n  }\n}\n"]}
+{"version":3,"file":"real-object.js","sourceRoot":"","sources":["../../src/threed/real-object.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAGpC,SAAS,aAAa,CAAC,KAAe,EAAE,GAAW;IACjD,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAA;AACpD,CAAC;AAED,SAAS,WAAW;IAClB,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,OAAgB,UAAU;IAM9B,MAAM,CAAC,qBAAqB,CAAC,SAAoB;QAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,KAAK,CAAA;QAErC,IAAI,OAAO,SAAS,IAAI,QAAQ,IAAI,SAAS,CAAC,IAAI,IAAI,SAAS,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;YACnF,OAAO,IAAI,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAC9D,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,EAClC,OAAO,CAAC,EAAE;gBACR,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,CAAA;gBACtC,aAAa;gBACb,OAAO,CAAC,UAAU,GAAG,KAAK,CAAC,cAAc,CAAA;gBACzC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;gBACxB,OAAO,CAAC,WAAW,GAAG,IAAI,CAAA;gBAE1B,SAAS,CAAC,UAAU,EAAE,CAAA;YACxB,CAAC,EACD,CAAC,CAAC,EAAE;gBACF,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;YAClB,CAAC,CACF,CAAA;QACH,CAAC;IACH,CAAC;IAED,YAAY,SAAoB;QA1BtB,aAAQ,GAAY,KAAK,CAAA;QA2BjC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAA;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAA;QAC1C,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;QAExC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;IAClD,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,KAAK,EAAE,CAAA;QACZ,IAAI,CAAC,KAAK,EAAE,CAAA;QAEZ,IAAI,CAAC,eAAe,EAAE,CAAA;QACtB,IAAI,CAAC,eAAe,EAAE,CAAA;QACtB,IAAI,CAAC,eAAe,EAAE,CAAA;QACtB,IAAI,CAAC,iBAAiB,EAAE,CAAA;QACxB,IAAI,CAAC,WAAW,EAAE,CAAA;QAClB,IAAI,CAAC,YAAY,EAAE,CAAA;QACnB,IAAI,CAAC,UAAU,EAAE,CAAA;IACnB,CAAC;IAES,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAO,CAAA;IAClC,CAAC;IAED,KAAK;QACH,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;QACrC,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAA;QAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;IAC9C,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAW,CAAA;IACzB,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAE9B,OAAO,SAAS,EAAE,CAAC;YACjB,IAAI,eAAe,IAAI,SAAS,IAAK,SAAuC,CAAC,aAAa,EAAE,EAAE,CAAC;gBAC7F,OAAO,SAAsC,CAAA;YAC/C,CAAC;YACD,SAAS,GAAG,SAAS,CAAC,MAAM,CAAA;QAC9B,CAAC;IACH,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,IAAI,OAAO,CAAC,OAAgB;QAC1B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAA;IACzB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;QACjD,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,CAAA;QAEjC,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,KAAK;QACH,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,KAAU,EAAE,EAAE;YACpD,IAAI,KAAK,CAAC,SAAS,CAAC;gBAAE,KAAK,CAAC,SAAS,CAAC,EAAE,CAAA;YACxC,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC;gBAAE,KAAK,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,EAAE,CAAA;YACrF,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC;gBAAE,KAAK,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,EAAE,CAAA;YACrF,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC;gBAAE,KAAK,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,EAAE,CAAA;YAClF,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC7B,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,EAAE,CAAA;QAC3B,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;IAC9B,CAAC;IAED;;OAEG;IACH,eAAe;QACb,QAAQ;QACR,6DAA6D;QAC7D,qEAAqE;QACrE,8DAA8D;QAC9D,2BAA2B;QAE3B,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC3C,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC3C,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAExC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QACtC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;QACtC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAA;IACpG,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAC/B,OAAO;YACL,CAAC;YACD,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAA;IACH,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;YACZ,CAAC,EAAE,CAAC,QAAQ;YACZ,CAAC,EAAE,SAAS;SACb,CAAA;IACH,CAAC;IAED,IAAI,KAAK;QACP,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE1C,OAAO;YACL,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,KAAK;SACT,CAAA;IACH,CAAC;IAED,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QACrC,IAAI,EAAE,KAAK,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAA;QAC7D,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAW,CAAA;QAEhD,OAAO,CAAC,GAAG,EAAE,GAAG,WAAW,GAAG,CAAC,CAAA;IACjC,CAAC;IAED,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QACrC,IAAI,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAA;QAC/D,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAW,CAAA;QAEhD,OAAO,CAAC,GAAG,EAAE,GAAG,YAAY,GAAG,CAAC,CAAA;IAClC,CAAC;IAED,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAClD,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAW,CAAA;QAEhD,OAAO,IAAI,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC,CAAA;IAC9B,CAAC;IAED,IAAI,MAAM;QACR,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QAC5C,IAAI,EAAE,KAAK,EAAE,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAA;QAEvF,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAW,CAAA;QAEhE,OAAO;YACL,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,WAAW,GAAG,CAAC;YAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,YAAY,GAAG,CAAC;YAC5B,CAAC,EAAE,IAAI,CAAC,EAAE;SACX,CAAA;IACH,CAAC;IAED,IAAI,SAAS;QACX,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QAC/C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QACtC,OAAO;YACL,KAAK;YACL,MAAM;YACN,KAAK;SACN,CAAA;IACH,CAAC;IAED;;OAEG;IACH,6BAA6B;IAC7B,sDAAsD;IAEtD,yBAAyB;IACzB,gBAAgB;IAChB,uBAAuB;IACvB,uBAAuB;IACvB,sBAAsB;IACtB,SAAS;IACT,mBAAmB;IACnB,uBAAuB;IACvB,uBAAuB;IACvB,sBAAsB;IACtB,SAAS;IACT,eAAe;IACf,oBAAoB;IACpB,oBAAoB;IACpB,mBAAmB;IACnB,QAAQ;IACR,OAAO;IACP,IAAI;IAEJ,8DAA8D;IAC9D,cAAc;QACZ,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACrC,CAAC;IAED,YAAY;QACV,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAA;QAC3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACrC,CAAC;IAED,WAAW;QACT,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACxC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IACjG,CAAC;IAED,eAAe;QACb,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAAS,CAAA;QAC7C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;IAC/C,CAAC;IAED,WAAW;QACT,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAEpC,KAAK,GAAG,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QAEtC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAM,EAAE,EAAE;YAChC,IAAI,SAAS,GAAG,CAAC,CAAC,QAAQ,CAAA;YAC1B,IAAI,CAAC,CAAC,CAAC,QAAQ;gBAAE,OAAM;YAEvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;gBAC9B,SAAS,GAAG,CAAC,SAAS,CAAC,CAAA;YACzB,CAAC;YAED,SAAS,CAAC,OAAO,CAAC,CAAC,CAAM,EAAE,EAAE;gBAC3B,CAAC,CAAC,OAAO,IAAI,KAAK,CAAA;gBAClB,CAAC,CAAC,WAAW,GAAG,KAAK,GAAG,CAAC,CAAA;YAC3B,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,YAAY;QACV,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAA;IACtD,CAAC;IAED,iBAAiB,KAAI,CAAC;IACtB,eAAe,KAAI,CAAC;IACpB,UAAU,KAAI,CAAC;IAEf,QAAQ,CAAC,KAAiB,EAAE,MAAkB;QAC5C,IAAI,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;YACpE,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;QAED,IAAI,aAAa,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;YACvD,IAAI,CAAC,eAAe,EAAE,CAAA;QACxB,CAAC;QAED,IAAI,aAAa,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;YACjE,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;QAED,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,EAAE,CAAA;QACpB,CAAC;QAED,IAAI,QAAQ,IAAI,KAAK,EAAE,CAAC;YACtB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;QAED,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,EAAE,CAAA;QACpB,CAAC;QAED,IAAI,aAAa,IAAI,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,iBAAiB,EAAE,CAAA;QAC1B,CAAC;QAED,IAAI,WAAW,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,eAAe,EAAE,CAAA;QACxB,CAAC;QAED,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;YACpB,IAAI,CAAC,UAAU,EAAE,CAAA;QACnB,CAAC;IACH,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport { Component, Properties, DELTA } from '@hatiolab/things-scene'\n\nimport { SCALE_MIN } from './common'\nimport { ThreeDimensionalContainer } from './three-dimensional-container'\n\nfunction hasProperties(props: string[], obj: object) {\n  return props.findIndex(prop => prop in obj) !== -1\n}\n\nfunction isIn3DSpace() {\n  return true\n}\n\nexport abstract class RealObject<T extends THREE.Object3D = THREE.Object3D> {\n  protected _component: Component\n  protected _focused: boolean = false\n\n  public object3d: T\n\n  static buildFillStyleTexture(component: Component) {\n    const { fillStyle } = component.state\n\n    if (typeof fillStyle == 'object' && fillStyle.type == 'pattern' && fillStyle.image) {\n      return new THREE.TextureLoader(THREE.DefaultLoadingManager).load(\n        component.app.url(fillStyle.image),\n        texture => {\n          texture.minFilter = THREE.LinearFilter\n          // @ts-ignore\n          texture.colorSpace = THREE.SRGBColorSpace\n          texture.repeat.set(1, 1)\n          texture.needsUpdate = true\n\n          component.invalidate()\n        },\n        e => {\n          console.error(e)\n        }\n      )\n    }\n  }\n\n  constructor(component: Component) {\n    this._component = component\n    this.object3d = this.getObject3dInstance()\n    this.component.isIn3DSpace = isIn3DSpace\n\n    this.component.on('change', this.onchange, this)\n  }\n\n  update() {\n    this.clear()\n    this.build()\n\n    this.updateDimension()\n    this.updateTransform()\n    this.updateFillStyle()\n    this.updateStrokeStyle()\n    this.updateAlpha()\n    this.updateHidden()\n    this.updateText()\n  }\n\n  protected getObject3dInstance(): T {\n    return new THREE.Object3D() as T\n  }\n\n  build() {\n    this.object3d.userData.context = this\n    this.object3d.castShadow = true\n    this.object3d.name = this.component.state.id\n  }\n\n  get component(): Component {\n    return this._component!\n  }\n\n  get threeContainer(): ThreeDimensionalContainer | undefined {\n    var component = this.component\n\n    while (component) {\n      if ('is3dContainer' in component && (component as ThreeDimensionalContainer).is3dContainer()) {\n        return component as ThreeDimensionalContainer\n      }\n      component = component.parent\n    }\n  }\n\n  get focused(): boolean {\n    return this._focused\n  }\n\n  set focused(focused: boolean) {\n    this._focused = focused\n  }\n\n  dispose() {\n    this.component.off('change', this.onchange, this)\n    delete this.component._realObject\n\n    this.clear()\n  }\n\n  clear() {\n    this.object3d.children.slice().forEach((child: any) => {\n      if (child['dispose']) child['dispose']()\n      if (child['geometry'] && child['geometry']['dispose']) child['geometry']['dispose']()\n      if (child['material'] && child['material']['dispose']) child['material']['dispose']()\n      if (child['texture'] && child['texture']['dispose']) child['texture']['dispose']()\n      this.object3d.remove(child)\n    })\n\n    this.object3d.userData = {}\n    return this.object3d.clear()\n  }\n\n  /**\n   * Component의 상태값의 변화를 Object3D에 반영 - translate, rotation, scale\n   */\n  updateTransform() {\n    // var {\n    //   scale: { x: sx = 1, y: sy = 1, z: sz = 1 } = UNIT_SCALE,\n    //   translate: { x: tx = 0, y: ty = 0, z: tz = 0 } = UNIT_TRANSLATE,\n    //   rotate: { x: rx = 0, y: ry = 0, z: rz = 0 } = UNIT_ROTATE\n    // } = this.component.state\n\n    var { x: tx, y: ty, z: tz } = this.position\n    var { x: rx, y: ry, z: rz } = this.rotation\n    var { x: sx, y: sy, z: sz } = this.scale\n\n    this.object3d.position.set(tx, ty, tz)\n    this.object3d.rotation.set(rx, ry, rz)\n    this.object3d.scale.set(Math.max(sx, SCALE_MIN), Math.max(sy, SCALE_MIN), Math.max(sz, SCALE_MIN))\n  }\n\n  get position() {\n    const { x, y, z } = this.center\n    return {\n      x,\n      y: z,\n      z: y\n    }\n  }\n\n  get rotation() {\n    const { rotationX = 0, rotationY = 0, rotation = 0 } = this.component.state\n\n    return {\n      x: rotationX,\n      y: -rotation,\n      z: rotationY\n    }\n  }\n\n  get scale() {\n    const { scale = 1 } = this.component.state\n\n    return {\n      x: scale,\n      y: scale,\n      z: scale\n    }\n  }\n\n  get cx() {\n    var { x = 0 } = this.component.center\n    var { width: parentWidth = 0 } = this.component.parent.bounds\n    var { tx = 0 } = this.component.delta() as DELTA\n\n    return x + tx - parentWidth / 2\n  }\n\n  get cy() {\n    var { y = 0 } = this.component.center\n    var { height: parentHeight = 0 } = this.component.parent.bounds\n    var { ty = 0 } = this.component.delta() as DELTA\n\n    return y + ty - parentHeight / 2\n  }\n\n  get cz() {\n    var { zPos = 0, depth = 1 } = this.component.state\n    var { tz = 0 } = this.component.delta() as DELTA\n\n    return zPos + tz + depth / 2\n  }\n\n  get center() {\n    var { x = 0, y = 0 } = this.component.center\n    var { width: parentWidth = 0, height: parentHeight = 0 } = this.component.parent.bounds\n\n    var { tx = 0, ty = 0, tz = 0 } = this.component.delta() as DELTA\n\n    return {\n      x: x + tx - parentWidth / 2,\n      y: y + ty - parentHeight / 2,\n      z: this.cz\n    }\n  }\n\n  get dimension() {\n    const { width, height } = this.component.bounds\n    const { depth } = this.component.state\n    return {\n      width,\n      height,\n      depth\n    }\n  }\n\n  /**\n   * Object3D 모델의 변화를 Component의 모델값에 반영\n   */\n  // updateTransformReverse() {\n  //   var { rotation, position, scale } = this.object3d\n\n  //   this.component.set({\n  //     rotate: {\n  //       x: rotation.x,\n  //       y: rotation.y,\n  //       z: rotation.z\n  //     },\n  //     translate: {\n  //       x: position.x,\n  //       y: position.y,\n  //       z: position.z\n  //     },\n  //     scale: {\n  //       x: scale.x,\n  //       y: scale.y,\n  //       z: scale.z\n  //     }\n  //   })\n  // }\n\n  /* update functions - 전체적인 rebuilding이 필요하지 않은 update 기능 들임 */\n  updatePosition() {\n    var { x = 0, y = 0, z = 0 } = this.position\n    this.object3d.position.set(x, y, z)\n  }\n\n  updateRotate() {\n    var { x = 0, y = 0, z = 0 } = this.rotation\n    this.object3d.rotation.set(x, y, z)\n  }\n\n  updateScale() {\n    var { x = 1, y = 1, z = 1 } = this.scale\n    this.object3d.scale.set(Math.max(x, SCALE_MIN), Math.max(y, SCALE_MIN), Math.max(z, SCALE_MIN))\n  }\n\n  updateDimension() {\n    var { width, height, depth } = this.dimension\n    this.object3d.scale.set(width, height, depth)\n  }\n\n  updateAlpha() {\n    var { alpha } = this.component.state\n\n    alpha = alpha == undefined ? 1 : alpha\n\n    this.object3d.traverse((o: any) => {\n      var materials = o.material\n      if (!o.material) return\n\n      if (!Array.isArray(materials)) {\n        materials = [materials]\n      }\n\n      materials.forEach((m: any) => {\n        m.opacity *= alpha\n        m.transparent = alpha < 1\n      })\n    })\n  }\n\n  updateHidden() {\n    this.object3d.visible = !this.component.state.hidden\n  }\n\n  updateStrokeStyle() {}\n  updateFillStyle() {}\n  updateText() {}\n\n  onchange(after: Properties, before: Properties) {\n    if (hasProperties(['cx', 'cy', 'cz', 'zPos', 'left', 'top'], after)) {\n      this.updatePosition()\n    }\n\n    if (hasProperties(['width', 'height', 'depth'], after)) {\n      this.updateDimension()\n    }\n\n    if (hasProperties(['rotationX', 'rotationY', 'rotation'], after)) {\n      this.updateRotate()\n    }\n\n    if ('scale' in after) {\n      this.updateScale()\n    }\n\n    if ('hidden' in after) {\n      this.updateHidden()\n    }\n\n    if ('alpha' in after) {\n      this.updateAlpha()\n    }\n\n    if ('strokeStyle' in after) {\n      this.updateStrokeStyle()\n    }\n\n    if ('fillStyle' in after) {\n      this.updateFillStyle()\n    }\n\n    if ('text' in after) {\n      this.updateText()\n    }\n  }\n}\n"]}

package/logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json

@@ -6,9 +6,19 @@
     "auditLog": "logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json",
     "files": [
         {
-            "date": 1716211475574,
-            "name": "logs/application-2024-05-20-22.log",
-            "hash": "b51c9ed69f77fb948344f5d204817c1e3ae082553b8d6b988a17d71217c2823a"
+            "date": 1736212771287,
+            "name": "logs/application-2025-01-07-10.log",
+            "hash": "6eabb052620f105b34d318828f7082b55ca6bf593e67ef6bb298f8dc355ed1b8"
+        },
+        {
+            "date": 1736229299405,
+            "name": "logs/application-2025-01-07-14.log",
+            "hash": "04d36289a62084b1d0c0ef9343c330f6d4bba10943be5dbb93b928c8a22e8cbc"
+        },
+        {
+            "date": 1736231339271,
+            "name": "logs/application-2025-01-07-15.log",
+            "hash": "a11d26fa943096ab9e24ef47be28fa6cc0aa7dc31c4bbe6674c9291983e414cf"
         }
     ],
     "hashType": "sha256"

package/logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json

@@ -6,9 +6,19 @@
     "auditLog": "logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json",
     "files": [
         {
-            "date": 1715421522664,
-            "name": "logs/connections-2024-05-11-18.log",
-            "hash": "dbe57f88797fa1dff4df8720ea79c3b7df640f2026bfdddd946c807f1e8ba596"
+            "date": 1736212773256,
+            "name": "logs/connections-2025-01-07-10.log",
+            "hash": "ee53ff54368e03bfdaf70ea3fc274ae54583698abe856edc5909413bdf0dac9c"
+        },
+        {
+            "date": 1736229301458,
+            "name": "logs/connections-2025-01-07-14.log",
+            "hash": "6ea92e155daee572f65d650652fab3826e5efd7a32d9695276768c543e57bbd4"
+        },
+        {
+            "date": 1736231341355,
+            "name": "logs/connections-2025-01-07-15.log",
+            "hash": "441e747887b3856b8e2db16179418dbf5761c39fc95f332ef07d3abf5948a922"
         }
     ],
     "hashType": "sha256"