@hatiolab/things-scene 9.0.0-beta.2 → 9.0.0-beta.21

package/dist/components/three-container.js

@@ -0,0 +1,515 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component, ContainerAbstract, error, FPS, Layout } from '@hatiolab/things-scene';
+import * as THREE from 'three';
+import ThreeControls from '../threed/control/three-controls';
+import './three-layout';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'select',
+            label: 'precision',
+            name: 'precision',
+            property: {
+                options: [
+                    {
+                        display: 'High',
+                        value: 'highp'
+                    },
+                    {
+                        display: 'Medium',
+                        value: 'mediump'
+                    },
+                    {
+                        display: 'Low',
+                        value: 'lowp'
+                    }
+                ]
+            }
+        },
+        {
+            type: 'checkbox',
+            label: 'anti-alias',
+            name: 'antialias',
+            property: 'antialias'
+        },
+        {
+            type: 'checkbox',
+            label: '3dmode',
+            name: 'threed',
+            property: 'threed'
+        },
+        {
+            type: 'checkbox',
+            label: 'debug',
+            name: 'debug',
+            property: 'debug'
+        }
+    ],
+    help: 'scene/component/three-container'
+};
+const WEBGL_NO_SUPPORT_TEXT = 'WebGL no support';
+export default class ThreeContainer extends ContainerAbstract {
+    constructor() {
+        super(...arguments);
+        this._noSupportWebgl = false;
+        this._raycaster = new THREE.Raycaster();
+    }
+    containable(component) {
+        return component.is3dish();
+    }
+    is3dContainer() {
+        return true;
+    }
+    /* THREE Object related .. */
+    createObjects(components) {
+        for (let component of components) {
+            try {
+                var item = component.realObject;
+                if (item) {
+                    this._scene3d.add(item.object3d);
+                }
+            }
+            catch (err) {
+                error(err);
+            }
+        }
+    }
+    destroy_scene3d() {
+        this.stop();
+        window.removeEventListener('focus', this._onFocus);
+        if (this._renderer3d)
+            this._renderer3d.clear();
+        delete this._renderer3d;
+        delete this._camera;
+        delete this._controls;
+        if (this._scene3d) {
+            let children = this._scene3d.children.slice();
+            for (let i in children) {
+                let child = children[i];
+                if (child.dispose)
+                    child.dispose();
+                if (child.geometry && child.geometry.dispose)
+                    child.geometry.dispose();
+                if (child.material && child.material.dispose)
+                    child.material.dispose();
+                if (child.texture && child.texture.dispose)
+                    child.texture.dispose();
+                this._scene3d.remove(child);
+            }
+        }
+        delete this._scene3d;
+    }
+    update() {
+        var { width, height } = this.bounds;
+        var { fov = 45, near = 0.1, far = 20000, antialias = true, precision = 'highp', cameraX, cameraY, cameraZ, exposure = 2.5 } = this.state;
+        var components = this.components || [];
+        // SCENE
+        this._scene3d = new THREE.Scene();
+        // CAMERA
+        var aspect = width / height;
+        this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far);
+        var cameraXPos = height * 0.8, cameraYPos = width * 0.8, cameraZPos = Math.min(500, Math.floor(Math.min(width, height)));
+        // cameraZPos = Math.floor(Math.min(width, height))
+        if (cameraX != undefined)
+            cameraXPos = cameraX * width;
+        if (cameraY != undefined)
+            cameraYPos = cameraY * height;
+        if (cameraZ != undefined)
+            cameraZPos = cameraZ * Math.floor(Math.min(width, height));
+        this._camera.position.set(cameraXPos, cameraZPos, cameraYPos);
+        this._scene3d.add(this._camera);
+        this._camera.lookAt(this._scene3d.position);
+        this._camera.zoom = this.getState('zoom') * 0.01;
+        if (this.state.showAxis) {
+            var axisHelper = new THREE.AxesHelper(width);
+            this._scene3d.add(axisHelper);
+        }
+        try {
+            // RENDERER
+            this._canvas = document.createElement('canvas');
+            let context = this._canvas.getContext('webgl2');
+            this._renderer3d = new THREE.WebGLRenderer({
+                canvas: this._canvas,
+                context,
+                precision,
+                alpha: true,
+                antialias
+            });
+        }
+        catch (e) {
+            this._noSupportWebgl = true;
+            return;
+        }
+        this._renderer3d.autoClear = true;
+        this._renderer3d.outputEncoding = THREE.sRGBEncoding;
+        this._renderer3d.physicallyCorrectLights = true;
+        this._renderer3d.toneMappingExposure = Math.pow(exposure, 5.0);
+        this._renderer3d.toneMapping = THREE.LinearToneMapping;
+        // this._renderer3d.toneMapping = THREE.ACESFilmicToneMapping;
+        // this._renderer3d.toneMapping = THREE.ReinhardToneMapping;
+        // this._renderer3d.toneMapping = THREE.CineonToneMapping;
+        this._renderer3d.shadowMap.enabled = true;
+        this._renderer3d.setClearColor(0xffffff, 0); // transparent
+        this._renderer3d.setSize(Math.min(width, window.innerWidth), Math.min(height, window.innerHeight));
+        // this._renderer3d.setPixelRatio(window.devicePixelRatio)
+        // CONTROLS
+        this._controls = new ThreeControls(this._camera, this);
+        this._controls.cameraChanged = true;
+        var _hemiLight = new THREE.HemisphereLight(0xdddddd, 0x333333, 0.035);
+        var _directionalLight = new THREE.DirectionalLight(0xd6e1ff, 0.01);
+        var _pointLight1 = new THREE.PointLight(0xd6e1ff, 1, undefined, 2);
+        _pointLight1.power = cameraZPos * 50;
+        _pointLight1.castShadow = true;
+        _pointLight1.position.set(0, cameraZPos, 0);
+        _pointLight1.shadow.camera.near = 0.1;
+        _pointLight1.shadow.camera.far = cameraZPos * 2;
+        // const helper = new THREE.CameraHelper(_pointLight1.shadow.camera)
+        // this._scene3d?.add(helper)
+        this.scene3d.add(_hemiLight);
+        this.scene3d.add(_pointLight1);
+        this._camera.add(_directionalLight);
+        this._mouse = new THREE.Vector2();
+        this._clock = new THREE.Clock(true);
+        this._mixer = new THREE.AnimationMixer(this.scene3d);
+        this.createObjects(components);
+        this._camera.updateProjectionMatrix();
+        this.createFloor(width, height);
+        this._onFocus = (e) => {
+            this.render_threed();
+        };
+        window.addEventListener('focus', this._onFocus);
+    }
+    init_scene3d() {
+        this.root.on('redraw', this.onredraw, this);
+        if (this._scene3d) {
+            this.destroy_scene3d();
+        }
+        this.update();
+        this.onchangeData && this.onchangeData(this.data, this.data);
+    }
+    threed_animate() {
+        if (!this._controls)
+            return;
+        if (this._mixer) {
+            this._mixer.update(this._clock.getDelta());
+        }
+        this._controls.update();
+        this.render_threed();
+    }
+    stop() { }
+    get scene3d() {
+        if (!this._scene3d) {
+            this.init_scene3d();
+        }
+        return this._scene3d;
+    }
+    get renderer3d() {
+        return this._renderer3d;
+    }
+    get mixer() {
+        return this._mixer;
+    }
+    render_threed() {
+        if (this._renderer3d) {
+            this._renderer3d.render(this._scene3d, this._camera);
+        }
+    }
+    /* Container Overides .. */
+    render(ctx) {
+        if (this.app.isViewMode) {
+            this.setState('threed', true);
+        }
+        if (this.state.threed && !this._noSupportWebgl) {
+            return;
+        }
+        super.render(ctx);
+    }
+    postrender(ctx) {
+        var { left, top, debug, threed } = this.state;
+        var { width, height } = this.bounds;
+        // ios에서 width, height에 소수점이 있으면 3d를 표현하지 못하는 문제가 있어 정수화
+        width = Math.floor(width);
+        height = Math.floor(height);
+        if (threed) {
+            if (!this._scene3d) {
+                this.init_scene3d();
+                this.render_threed();
+            }
+            if (this._noSupportWebgl) {
+                this._showWebglNoSupportText(ctx);
+                return;
+            }
+            if (!this._renderer3d)
+                return;
+            var rendererSize = new THREE.Vector2();
+            this._renderer3d.getSize(rendererSize);
+            var { width: rendererWidth, height: rendererHeight } = rendererSize;
+            ctx.drawImage(this._renderer3d.domElement, 0, 0, rendererWidth, rendererHeight, left, top, width, height);
+            if (debug) {
+                ctx.font = 100 + 'px Arial';
+                ctx.textAlign = 'center';
+                ctx.fillStyle = 'black';
+                ctx.globalAlpha = 0.5;
+                ctx.fillText(String(FPS()), 100, 100);
+            }
+        }
+        else {
+            super.postrender(ctx);
+        }
+    }
+    dispose() {
+        this.root.off('redraw', this.onredraw, this);
+        this.destroy_scene3d();
+        super.dispose();
+    }
+    get layout() {
+        return Layout.get('three');
+    }
+    get nature() {
+        return NATURE;
+    }
+    getObjectByRaycast() {
+        var intersects = this.getObjectsByRaycast();
+        var intersected;
+        if (intersects && intersects.length > 0) {
+            intersected = intersects[0].object;
+        }
+        return intersected;
+    }
+    getObjectsByRaycast() {
+        // find intersections
+        // create a Ray with origin at the mouse position
+        //   and direction into the scene (camera direction)
+        var vector = this._mouse;
+        if (!this._camera) {
+            return;
+        }
+        this._raycaster.setFromCamera(vector, this._camera);
+        // create an array containing all objects in the scene with which the ray intersects
+        var intersects = this._raycaster.intersectObjects(this._scene3d.children, true);
+        return intersects;
+    }
+    _showWebglNoSupportText(context) {
+        context.save();
+        var { width, height } = this.state;
+        context.font = width / 20 + 'px Arial';
+        context.textAlign = 'center';
+        context.fillText(WEBGL_NO_SUPPORT_TEXT, width / 2 - width / 40, height / 2);
+        context.restore();
+    }
+    createFloor(width, height) {
+        var _a;
+        let { fillStyle } = this.state;
+        var floorMaterial;
+        if (fillStyle.type == 'pattern' && fillStyle.image) {
+            var textureLoader = new THREE.TextureLoader(THREE.DefaultLoadingManager);
+            textureLoader.withCredentials = true;
+            textureLoader.crossOrigin = 'use-credentials';
+            textureLoader.load(this.app.url(fillStyle.image), texture => {
+                var _a;
+                texture.minFilter = THREE.LinearFilter;
+                texture.encoding = THREE.sRGBEncoding;
+                texture.repeat.set(1, 1);
+                floorMaterial = [
+                    new THREE.MeshStandardMaterial({
+                        color: '#424b57'
+                    }),
+                    new THREE.MeshStandardMaterial({
+                        color: '#424b57'
+                    }),
+                    new THREE.MeshStandardMaterial({
+                        color: '#424b57'
+                    }),
+                    new THREE.MeshStandardMaterial({
+                        color: '#424b57'
+                    }),
+                    new THREE.MeshStandardMaterial({
+                        map: texture
+                    }),
+                    new THREE.MeshStandardMaterial({
+                        color: '#424b57'
+                    })
+                ];
+                var floorGeometry = new THREE.BoxGeometry(1, 1, 1);
+                var floor = new THREE.Mesh(floorGeometry, floorMaterial);
+                floor.scale.set(width, height, 5);
+                floor.rotation.x = -Math.PI / 2;
+                floor.position.y = -2;
+                floor.name = 'floor';
+                floor.receiveShadow = true;
+                (_a = this._scene3d) === null || _a === void 0 ? void 0 : _a.add(floor);
+            });
+        }
+        else {
+            floorMaterial = new THREE.MeshStandardMaterial({
+                color: fillStyle || '#424b57'
+            });
+            var floorGeometry = new THREE.BoxGeometry(1, 1, 1);
+            var floor = new THREE.Mesh(floorGeometry, floorMaterial);
+            floor.scale.set(width, height, 5);
+            floor.rotation.x = -Math.PI / 2;
+            floor.position.y = -2;
+            floor.name = 'floor';
+            floor.receiveShadow = true;
+            (_a = this._scene3d) === null || _a === void 0 ? void 0 : _a.add(floor);
+            this.invalidate();
+        }
+    }
+    /* Event Handlers */
+    onchange(after, before) {
+        if (after.hasOwnProperty('width') || after.hasOwnProperty('height') || after.hasOwnProperty('threed'))
+            this.destroy_scene3d();
+        if (after.hasOwnProperty('autoRotate')) {
+            if (this._controls) {
+                this._controls.doAutoRotate(after.autoRotate);
+            }
+        }
+        if (after.hasOwnProperty('fov') ||
+            after.hasOwnProperty('near') ||
+            after.hasOwnProperty('far') ||
+            after.hasOwnProperty('zoom')) {
+            if (this._camera) {
+                const { near, far, zoom, fov } = this.state;
+                this._camera.near = near;
+                this._camera.far = far;
+                this._camera.zoom = zoom * 0.01;
+                this._camera.fov = fov;
+                this._camera.updateProjectionMatrix();
+                this._controls.cameraChanged = true;
+            }
+        }
+    }
+    onmousedown(e) {
+        if (this._controls) {
+            this._controls.onMouseDown(e);
+        }
+    }
+    onmouseup(e) {
+        if (this._controls) {
+            if (this._lastFocused) {
+                ;
+                this._lastFocused._focused = false;
+            }
+            const { left, top, width, height } = this.state;
+            var pointer = this.transcoordC2S(e.offsetX, e.offsetY);
+            this._mouse.x = ((pointer.x - left) / width) * 2 - 1;
+            this._mouse.y = -((pointer.y - top) / height) * 2 + 1;
+            var object = this.getObjectByRaycast();
+            var realObject = object === null || object === void 0 ? void 0 : object.userData.context;
+            if (realObject && realObject.onmouseup) {
+                ;
+                realObject._focused = true;
+                realObject._focusedAt = performance.now();
+                this._lastFocused = realObject;
+            }
+            this.invalidate();
+            e.stopPropagation();
+        }
+    }
+    onmousemove(e) {
+        if (this._controls) {
+            const { left, top, width, height } = this.state;
+            var pointer = this.transcoordC2S(e.offsetX, e.offsetY);
+            this._mouse.x = ((pointer.x - left) / width) * 2 - 1;
+            this._mouse.y = -((pointer.y - top) / height) * 2 + 1;
+            this._controls.onMouseMove(e);
+            e.stopPropagation();
+        }
+    }
+    onmouseleave(e) { }
+    onwheel(e) {
+        if (this._controls) {
+            this.handleMouseWheel(e);
+            e.stopPropagation();
+        }
+    }
+    ondblclick(e) {
+        if (this._controls) {
+            this.setState('zoom', this.get('zoom'));
+            this._controls.reset();
+            e.stopPropagation();
+        }
+    }
+    ondragstart(e) {
+        if (this._controls) {
+            var pointer = this.transcoordC2S(e.offsetX, e.offsetY);
+            var { left, top, width, height } = this.bounds;
+            this._mouse.x = ((pointer.x - left) / width) * 2 - 1;
+            this._mouse.y = -((pointer.y - top) / height) * 2 + 1;
+            this._controls.onDragStart(e);
+            e.stopPropagation();
+        }
+    }
+    ondragmove(e) {
+        if (this._controls) {
+            this._controls.cameraChanged = true;
+            this._controls.onDragMove(e);
+            e.stopPropagation();
+        }
+    }
+    ondragend(e) {
+        if (this._controls) {
+            this._controls.cameraChanged = true;
+            this._controls.onDragEnd(e);
+            e.stopPropagation();
+        }
+    }
+    ontouchstart(e) {
+        if (this._controls) {
+            this._controls.onTouchStart(e);
+            e.stopPropagation();
+        }
+    }
+    onpan(e) {
+        if (this._controls) {
+            this._controls.cameraChanged = true;
+            this._controls.onTouchMove(e);
+            e.stopPropagation();
+        }
+    }
+    ontouchend(e) {
+        if (this._controls) {
+            this._controls.onTouchEnd(e);
+            e.stopPropagation();
+        }
+    }
+    onkeydown(e) {
+        if (this._controls) {
+            this._controls.onKeyDown(e);
+            e.stopPropagation();
+        }
+    }
+    onpinch(e) {
+        if (this._controls) {
+            var zoom = this.getState('zoom');
+            //@ts-ignore
+            zoom *= e.scale;
+            if (zoom < 100)
+                zoom = 100;
+            this.setState('zoom', zoom);
+            e.stopPropagation();
+        }
+    }
+    ondoubletap() {
+        this._controls.reset();
+    }
+    handleMouseWheel(event) {
+        var delta = 0;
+        var zoom = this.getState('zoom');
+        delta = -event.deltaY;
+        zoom += delta * 0.1;
+        if (zoom < 100)
+            zoom = 100;
+        this.setState('zoom', zoom);
+    }
+    onredraw() {
+        this.threed_animate();
+    }
+}
+Component.register('3d-container', ThreeContainer);
+//# sourceMappingURL=three-container.js.map

package/dist/components/three-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"three-container.js","sourceRoot":"","sources":["../../src/components/three-container.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, ContainerAbstract, error, FPS, Layout, Properties } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport ThreeControls from '../threed/control/three-controls'\nimport { ThreeDimensionalContainer } from '../threed/three-dimensional-container'\n\nimport './three-layout'\n\nconst NATURE = {\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: '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 default class ThreeContainer extends ContainerAbstract implements ThreeDimensionalContainer {\n  _scene3d?: THREE.Scene\n  _initalizeComplete?: Promise<void>\n\n  _mixer?: THREE.AnimationMixer\n\n  _camera?: THREE.PerspectiveCamera\n  _canvas?: HTMLCanvasElement\n  _renderer3d?: THREE.WebGLRenderer\n\n  _mouse?: THREE.Vector2\n\n  _clock?: THREE.Clock\n\n  _controls?: any\n  _onFocus?: (e: FocusEvent) => void\n  _noSupportWebgl: boolean = false\n\n  _raycaster = new THREE.Raycaster()\n\n  _lastFocused?: THREE.Object3D\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          this._scene3d!.add(item.object3d)\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\n    if (this._renderer3d) this._renderer3d.clear()\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    if (this.state.showAxis) {\n      var axisHelper = new THREE.AxesHelper(width)\n      this._scene3d.add(axisHelper)\n    }\n\n    try {\n      // RENDERER\n      this._canvas = document.createElement('canvas')\n      let context = this._canvas!.getContext('webgl2')!\n\n      this._renderer3d = new THREE.WebGLRenderer({\n        canvas: this._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!.autoClear = true\n\n    this._renderer3d!.outputEncoding = THREE.sRGBEncoding\n\n    this._renderer3d!.physicallyCorrectLights = true\n    this._renderer3d!.toneMappingExposure = Math.pow(exposure, 5.0)\n\n    this._renderer3d!.toneMapping = THREE.LinearToneMapping\n    // this._renderer3d.toneMapping = THREE.ACESFilmicToneMapping;\n    // this._renderer3d.toneMapping = THREE.ReinhardToneMapping;\n    // this._renderer3d.toneMapping = THREE.CineonToneMapping;\n\n    this._renderer3d!.shadowMap.enabled = true\n\n    this._renderer3d!.setClearColor(0xffffff, 0) // transparent\n    this._renderer3d!.setSize(Math.min(width, window.innerWidth), Math.min(height, window.innerHeight))\n    // this._renderer3d.setPixelRatio(window.devicePixelRatio)\n\n    // CONTROLS\n    this._controls = new (ThreeControls as any)(this._camera, this)\n    this._controls.cameraChanged = true\n\n    var _hemiLight = new THREE.HemisphereLight(0xdddddd, 0x333333, 0.035)\n    var _directionalLight = new THREE.DirectionalLight(0xd6e1ff, 0.01)\n    var _pointLight1 = new THREE.PointLight(0xd6e1ff, 1, undefined, 2)\n\n    _pointLight1.power = cameraZPos * 50\n    _pointLight1.castShadow = true\n    _pointLight1.position.set(0, cameraZPos, 0)\n    _pointLight1.shadow.camera.near = 0.1\n    _pointLight1.shadow.camera.far = cameraZPos * 2\n\n    // const helper = new THREE.CameraHelper(_pointLight1.shadow.camera)\n    // this._scene3d?.add(helper)\n\n    this.scene3d!.add(_hemiLight)\n    this.scene3d!.add(_pointLight1)\n    this._camera.add(_directionalLight)\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    this.createFloor(width, height)\n\n    this._onFocus = (e: FocusEvent) => {\n      this.render_threed()\n    }\n\n    window.addEventListener('focus', this._onFocus)\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) return\n\n    if (this._mixer) {\n      this._mixer.update(this._clock!.getDelta())\n    }\n\n    this._controls.update()\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  render_threed() {\n    if (this._renderer3d) {\n      this._renderer3d.render(this._scene3d!, this._camera!)\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) {\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) return\n\n      var rendererSize = new THREE.Vector2()\n      this._renderer3d.getSize(rendererSize)\n      var { width: rendererWidth, height: rendererHeight } = rendererSize\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.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() {\n    var intersects = this.getObjectsByRaycast()\n    var intersected\n\n    if (intersects && intersects.length > 0) {\n      intersected = intersects[0].object\n    }\n\n    return intersected\n  }\n\n  getObjectsByRaycast() {\n    // find intersections\n\n    // create a Ray with origin at the mouse position\n    //   and direction into the scene (camera direction)\n\n    var vector = this._mouse\n    if (!this._camera) {\n      return\n    }\n\n    this._raycaster.setFromCamera(vector!, this._camera)\n\n    // create an array containing all objects in the scene with which the ray intersects\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  createFloor(width: number, height: number) {\n    let { fillStyle } = this.state\n\n    var floorMaterial\n\n    if (fillStyle.type == 'pattern' && fillStyle.image) {\n      var textureLoader = new THREE.TextureLoader(THREE.DefaultLoadingManager)\n      textureLoader.withCredentials = true\n      textureLoader.crossOrigin = 'use-credentials'\n\n      textureLoader!.load(this.app.url(fillStyle.image), texture => {\n        texture.minFilter = THREE.LinearFilter\n        texture.encoding = THREE.sRGBEncoding\n\n        texture.repeat.set(1, 1)\n\n        floorMaterial = [\n          new THREE.MeshStandardMaterial({\n            color: '#424b57'\n          }),\n          new THREE.MeshStandardMaterial({\n            color: '#424b57'\n          }),\n          new THREE.MeshStandardMaterial({\n            color: '#424b57'\n          }),\n          new THREE.MeshStandardMaterial({\n            color: '#424b57'\n          }),\n          new THREE.MeshStandardMaterial({\n            map: texture\n          }),\n          new THREE.MeshStandardMaterial({\n            color: '#424b57'\n          })\n        ]\n\n        var floorGeometry = new THREE.BoxGeometry(1, 1, 1)\n        var floor = new THREE.Mesh(floorGeometry, floorMaterial)\n\n        floor.scale.set(width, height, 5)\n        floor.rotation.x = -Math.PI / 2\n        floor.position.y = -2\n\n        floor.name = 'floor'\n\n        floor.receiveShadow = true\n\n        this._scene3d?.add(floor)\n      })\n    } else {\n      floorMaterial = new THREE.MeshStandardMaterial({\n        color: fillStyle || '#424b57'\n      })\n      var floorGeometry = new THREE.BoxGeometry(1, 1, 1)\n      var floor = new THREE.Mesh(floorGeometry, floorMaterial)\n\n      floor.scale.set(width, height, 5)\n      floor.rotation.x = -Math.PI / 2\n      floor.position.y = -2\n\n      floor.name = 'floor'\n\n      floor.receiveShadow = true\n\n      this._scene3d?.add(floor)\n      this.invalidate()\n    }\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\n\n      if (realObject && (realObject as any).onmouseup) {\n        ;(realObject as any)._focused = true\n        ;(realObject as any)._focusedAt = performance.now()\n        this._lastFocused = realObject\n      }\n\n      this.invalidate()\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      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.get('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/components/triangle.d.ts

@@ -0,0 +1,15 @@
+import { ComponentNature } from '@hatiolab/things-scene';
+import Shape from './shape';
+export default class Triangle extends Shape {
+    contains(x: number, y: number): boolean;
+    get mutable(): boolean;
+    get path(): {
+        x: any;
+        y: any;
+    }[];
+    set path(path: {
+        x: any;
+        y: any;
+    }[]);
+    get nature(): ComponentNature;
+}

package/dist/components/triangle.js

@@ -0,0 +1,76 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Component } from '@hatiolab/things-scene';
+import Shape from './shape';
+const NATURE = {
+    mutable: true,
+    resizable: false,
+    rotatable: true,
+    properties: [
+        {
+            type: 'number',
+            label: 'round',
+            name: 'round',
+            property: {
+                min: 0,
+                max: 100,
+                step: 1
+            }
+        }
+    ],
+    help: 'scene/component/triangle'
+};
+export default class Triangle extends Shape {
+    contains(x, y) {
+        var { x1, y1, x2, y2, x3, y3 } = this.state;
+        var path = [x1, y1, x2, y2, x3, y3];
+        var result = false;
+        for (let i = 0; i < path.length; i += 2) {
+            let j = (i + 2) % path.length;
+            let x1 = path[i];
+            let y1 = path[i + 1];
+            let x2 = path[j];
+            let y2 = path[j + 1];
+            if (y1 > y != y2 > y && x < ((x2 - x1) * (y - y1)) / (y2 - y1) + x1)
+                result = !result;
+        }
+        return result;
+    }
+    get mutable() {
+        return true;
+    }
+    get path() {
+        var { x1, y1, x2, y2, x3, y3 } = this.state;
+        return [
+            {
+                x: x1,
+                y: y1
+            },
+            {
+                x: x2,
+                y: y2
+            },
+            {
+                x: x3,
+                y: y3
+            }
+        ];
+    }
+    set path(path) {
+        this.set({
+            x1: path[0].x,
+            y1: path[0].y,
+            x2: path[1].x,
+            y2: path[1].y,
+            x3: path[2].x,
+            y3: path[2].y
+        });
+    }
+    get nature() {
+        return NATURE;
+    }
+}
+Component.memoize(Triangle.prototype, 'path', false);
+Component.register('triangle', Triangle);
+//# sourceMappingURL=triangle.js.map