lythreeframe 1.0.5 → 1.0.6

package/src/lythreeframe/Object/BaseObject.ts

@@ -1,45 +0,0 @@
-
-/*
- * virtual class of 3D Object, should not be use directly.
- */
-import {MathUtils} from "three";
-
-export abstract class BaseObject
-{
-    get IsTickable(): boolean
-    {
-        return this.bCanTick;
-    }
-    
-    set IsTickable(bCanTick)
-    {
-        this.bCanTick = bCanTick ;
-    }
-
-    get uuid(): string
-    {
-        return this._uuid;
-    }
-
-    protected bCanTick: boolean = false;
-    protected _uuid    : string;
-    protected constructor(uuid:string = MathUtils.generateUUID())
-    {
-        this.bCanTick = false;
-        this._uuid = uuid
-    }
-
-    tick(deltaTime:number) : void
-    {
-        if(!this.bCanTick)
-        {
-            return;
-        }
-    }
-
-    destroy() : void
-    {
-        
-    }
-
-}

package/src/lythreeframe/Object/Components/2D/2DComponent.ts

@@ -1,64 +0,0 @@
-
-
-import { CSS2DObject } from "three/examples/jsm/renderers/CSS2DRenderer.js";
-import { Vector2} from "three";
-import {SceneComponent} from "../SceneComponent";
-
-export class LabelComponent extends SceneComponent
-{
-    get threeObject():CSS2DObject
-    {
-        return this.obj;
-    }
-
-    set threeObject(newThreeObject:CSS2DObject)
-    {
-        this.obj = newThreeObject;
-        if (this.obj)
-        {
-            this.obj.userData["LYObject"] = this;
-        }
-    }
-    protected obj:CSS2DObject
-    
-    constructor(domElement:HTMLElement, center = new Vector2(0.5, 1))
-    {
-        let obj = new CSS2DObject( domElement )
-        super(obj)
-        this.obj = obj;
-        obj.center = center;
-    }
-    
-    override set isHoverEnabled(bCanHorver: boolean)
-    {
-       return
-    }
-
-    override set isClickEnabled(bCanClick: boolean)
-    {
-        return
-    }
-
-    setVisible(bVisible:boolean)
-    {
-        super.setVisible(bVisible)
-    }
-    destroy() 
-    {
-        if (this.threeObject.element && this.threeObject.element.parentNode) {
-            this.threeObject.element.innerHTML = ''; 
-            this.threeObject.element.remove();     
-        }
-        super.destroy();
-    }
-}
-
-// example 
-// const labelStyle = document.createElement( 'div' );
-//
-// labelStyle.textContent           = "this.POIData.name";
-// labelStyle.className             = 'label';
-// labelStyle.style.color           = 'white'
-// labelStyle.style.backgroundColor = 'transparent';
-// labelStyle.style.fontSize        = "10px";
-// labelStyle.style.pointerEvents   = 'auto';

package/src/lythreeframe/Object/Components/Camera/CameraComponent.ts

@@ -1,113 +0,0 @@
-import {SceneComponent} from "../SceneComponent";
-import {OrthographicCamera, PerspectiveCamera} from "three";
-
-interface CameraParam
-{
-    near:number,
-    far:number,
-    param:PerspectiveCameraParam | OrthographicCameraParam
-}
-
-interface PerspectiveCameraParam
-{
-    fov:number,
-    aspect:number,
-}
-
-interface OrthographicCameraParam
-{
-    left:number,
-    right:number,
-    top:number,
-    bottom:number
-}
-
-export class CameraComponent extends SceneComponent
-{
-    get threeObject():PerspectiveCamera | OrthographicCamera
-    {
-        return this.obj;
-    }
-
-    get camera():PerspectiveCamera | OrthographicCamera
-    {
-        return this.obj;
-    }
-
-    private set threeObject(newThreeObject:PerspectiveCamera | OrthographicCamera)
-    {
-        this.obj = newThreeObject;
-        if (this.obj)
-        {
-            this.obj.userData["LYObject"] = this;
-        }
-    }
-
-    protected obj:PerspectiveCamera | OrthographicCamera;
-
-    constructor(param?:CameraParam)
-    {
-        if (!param)
-        {
-            param = {
-                near :0.1,
-                far  :1000,
-                param:{
-                    fov   :50,
-                    aspect:1
-                }
-            };
-        }
-        let cam:PerspectiveCamera | OrthographicCamera | null = null;
-        if ("fov" in param.param && "aspect" in param.param)
-        {
-            cam = new PerspectiveCamera(param.param.fov, param.param.aspect, param.near, param.far);
-        }
-        if ("left" in param.param && "right" in param.param && "top" in param.param && "bottom" in param.param)
-        {
-            cam = new OrthographicCamera(param.param.left, param.param.right, param.param.top, param.param.bottom, param.near, param.far);
-        }
-        if (!cam)
-        {
-            console.error("create camera failed");
-            debugger
-            throw Error("create camera failed");
-        }
-        super(cam);
-        this.obj = cam;
-    }
-
-    updateCamera(param:CameraParam)
-    {
-        if ("fov" in param.param && "aspect" in param.param)
-        {
-            if (this.obj instanceof PerspectiveCamera)
-            {
-                this.obj.near   = param.near;
-                this.obj.far    = param.far;
-                this.obj.fov    = param.param.fov;
-                this.obj.aspect = param.param.aspect;
-            }
-            else
-            {
-                this.obj = new PerspectiveCamera(param.param.fov, param.param.aspect, param.near, param.far);
-            }
-        }
-        if ("left" in param.param && "right" in param.param && "top" in param.param && "bottom" in param.param)
-        {
-            if (this.obj instanceof OrthographicCamera)
-            {
-                this.obj.near   = param.near;
-                this.obj.far    = param.far;
-                this.obj.left   = param.param.left;
-                this.obj.right  = param.param.right;
-                this.obj.top    = param.param.top;
-                this.obj.bottom = param.param.bottom;
-            }
-            else
-            {
-                this.obj = new OrthographicCamera(param.param.left, param.param.right, param.param.top, param.param.bottom, param.near, param.far);
-            }
-        }
-    }
-}

package/src/lythreeframe/Object/Components/Component.ts

@@ -1,67 +0,0 @@
-import { Object3D} from "three";
-import {BaseObject} from "../BaseObject";
-import {Actor} from "../Actor";
-
-export abstract class Component extends BaseObject
-{
-    set parentActor(value:Actor|null)
-    {
-        this._parentActor = value;
-    }
-
-    get parentActor():Actor | null
-    {
-        return this._parentActor;
-    }
-
-    get threeObject():Object3D|null
-    {
-        return this.obj;
-    }
-
-    set threeObject(newThreeObject:Object3D)
-    {
-        this.obj = newThreeObject;
-        if (this.obj)
-        {
-            this.obj.userData["LYObject"] = this;
-        }
-    }
-    get name():string
-    {
-        return this._name
-    }
-    set name(name:string)
-    {
-        this._name = name;
-    }
-    protected obj:Object3D|null         = null;
-    protected   _parentActor:Actor | null = null;
-    protected _name = "Component";
-    protected constructor(newThreeObject:Object3D)
-    {
-        super(newThreeObject.uuid);
-        this._parentActor = null;
-        this.threeObject  = newThreeObject;
-        this._name        = `${newThreeObject.type}Component`;
-
-        
-    }
-    
-
-    destroyObject():void
-    {
-        if (!this.obj)
-        {
-            return;
-        }
-    }
-    
-    destroy():void
-    {
-        this.destroyObject();
-    }
-    
-    
-}
-

package/src/lythreeframe/Object/Components/Light/DirectionalLight/DirectionalLightComponent.ts

@@ -1,78 +0,0 @@
-import {LightComponent} from "../LightComponent";
-import {ColorRepresentation, DirectionalLight, Vector3} from "three";
-import { World } from "../../../../Frame/World";
-
-export class DirectionalLightComponent extends LightComponent
-{
-
-    get threeObject():DirectionalLight
-    {
-        if(!this.obj)
-        {
-            throw Error("three object is invalid")
-        }
-        return this.obj;
-    }
-
-    set threeObject(newThreeObject:DirectionalLight)
-    {
-        this.obj = newThreeObject;
-        if (this.obj)
-        {
-            this.obj.userData["LYObject"] = this;
-        }
-    }
-
-
-    get castShadow(): boolean
-    {
-        return this.threeObject.castShadow;
-    }
-
-    set castShadow(value: boolean)
-    {
-        this.threeObject.castShadow = value;
-    }
-
-    protected obj:DirectionalLight|null;
-
-    constructor(color:ColorRepresentation = 0xffffff, intensity = 10)
-    {
-        let obj = new DirectionalLight(color, intensity);
-        super(obj);
-        this.obj       = obj;
-        obj.castShadow = true;
-    }
-
-    setPosition(...args:[Vector3] | [number, number, number])
-    {
-        if(args.length === 1)
-        {
-            super.setPosition(args[0]);
-        }
-        else
-        {
-            super.setPosition(args[0],args[1],args[2]);
-        }
-        this.update();
-    }
-
-    update()
-    {
-        if (this.world)
-            this.world.viewport.markRenderStateDirty();
-    }
-    
-    onAddedToWorld(world:World)
-    {
-        if(!this.threeObject)
-        {
-            throw Error("three object is invalid")
-        }
-        super.onAddedToWorld(world);
-    }
-    destroy()
-    {
-        super.destroy();
-    }
-}

package/src/lythreeframe/Object/Components/Light/LightComponent.ts

@@ -1,54 +0,0 @@
-/*
- * virtual class of light, should not be use directly.
- */
-
-import { ColorRepresentation, Light} from "three";
-import {SceneComponent} from "../SceneComponent";
-
-export abstract class LightComponent extends SceneComponent
-{
-    get threeObject(): Light
-    {
-        if(!this.obj)
-        {
-            throw Error("three object is invalid")
-        }
-        return this.obj
-    }
-
-    set threeObject(newThreeObject: Light)
-    {
-        this.obj = newThreeObject;
-        if (this.obj)
-        {
-            this.obj.userData["LYObject"] = this;
-        }
-    }
-
-    get color(): number
-    {
-        return this.threeObject.color.getHex()
-    }
-
-    set color(color: ColorRepresentation)
-    {
-        this.threeObject.color.set(color)
-    }
-
-    get intensity(): number
-    {
-        return this.threeObject.intensity
-    }
-
-    set intensity(intensity: number)
-    {
-        this.threeObject.intensity = intensity
-    }
-
-    protected obj: Light|null
-    protected constructor(light:Light)
-    {
-        super(light);
-        this.obj = light
-    }
-}

package/src/lythreeframe/Object/Components/Mesh/InstanceMesh/InstanceMeshComponent.ts

@@ -1,39 +0,0 @@
-import {BufferGeometry, InstancedMesh, Material, Matrix4} from "three";
-
-import { MeshComponent } from "../MeshComponent";
-
-export class LYInstanceMeshComponent extends MeshComponent
-{
-
-    constructor(geometry:BufferGeometry, material:Material|Material[], matrices:Matrix4[])
-    {
-        let newInstanceMesh  = new InstancedMesh(geometry,material,matrices.length);
-        super(newInstanceMesh)
-
-        this.update(matrices)
-    }
-    
-    update(matrices:Matrix4[])
-    {
-        if(!(this.threeObject instanceof InstancedMesh))
-        {
-            return
-        }
-        this.threeObject.count = matrices.length
-        for(let i = 0; i < matrices.length; i++)
-        {
-            this.threeObject.setMatrixAt(i, matrices[i]);
-        }
-        this.threeObject.instanceMatrix.needsUpdate = true;
-    }
-    
-    destroy()
-    {
-        if(this.threeObject instanceof InstancedMesh)
-        {
-            this.threeObject.dispose()
-
-        }
-        super.destroy();
-    }
-}

package/src/lythreeframe/Object/Components/Mesh/InstanceMesh/MultiInstanceMeshComponent.ts

@@ -1,115 +0,0 @@
-import {Group,  Matrix4, Mesh, Object3D,} from "three";
-import {SceneComponent} from "../../SceneComponent";
-import {LYInstanceMeshComponent} from "./InstanceMeshComponent";
-
-interface MeshData
-{
-    matrix: Matrix4
-    component: LYInstanceMeshComponent
-}
-
-export class LYMultiInstanceMeshComponent extends SceneComponent
-{
-    get matrices(): Matrix4[]
-    {
-        return this._matrices;
-    }
-    private ins: LYInstanceMeshComponent[] = []
-    private count: number                  = 0
-    private object: Object3D
-    private _matrices:Matrix4[] = []
-    constructor(object: Object3D, matrices: Matrix4[])
-    {
-        super(new Group())
-        this.object    = object.clone(true)
-        this._matrices = matrices
-        this.collectMeshes(this.object, matrices)
-        this.update(matrices)
-        this.count = matrices.length
-        this.setMatrix(this.object.matrix)
-    }
-
-    private collectMeshes(object: Object3D, matrices: Matrix4[])
-    {
-        
-        const objectInvertWorldMatrix = object.matrixWorld.clone().invert()
-
-
-        object.traverse((elem) =>
-        {
-            if (elem instanceof Mesh)
-            {
-                // if (elem instanceof InstancedMesh)
-                // {
-                //
-                //     const elemWorldMatrix = elem.matrixWorld.clone()
-                //     const relativeMatrix  = new Matrix4();
-                //     relativeMatrix.multiplyMatrices(objectInvertWorldMatrix, elemWorldMatrix);
-                //
-                //     let localMatrix: Matrix4[] = []
-                //     for (let i = 0; i < elem.count; ++i)
-                //     {
-                //         for (let j = 0; j < matrices.length; ++j)
-                //         {
-                //             let mat = new Matrix4()
-                //             elem.getMatrixAt(i, mat)
-                //             localMatrix.push(new Matrix4().multiplyMatrices(mat, matrices[j]))
-                //         }
-                //     }
-                //
-                //     let insMeshComp = new LYInstanceMeshComponent(elem.geometry, elem.material, localMatrix)
-                //     insMeshComp.setMatrix(relativeMatrix)
-                //     this.addChildComponent(insMeshComp)
-                //     this.ins.push(insMeshComp)
-                // }
-                // else
-                {
-                    elem.updateMatrixWorld(true);
-                    const elemWorldMatrix = elem.matrixWorld.clone()
-                    const relativeMatrix  = new Matrix4();
-                    relativeMatrix.multiplyMatrices(objectInvertWorldMatrix, elemWorldMatrix);
-
-                    let insMeshComp = new LYInstanceMeshComponent(elem.geometry, elem.material, matrices)
-                    insMeshComp.setMatrix(relativeMatrix)
-                    this.addChildComponent(insMeshComp)
-                    this.ins.push(insMeshComp)
-                }
-            }
-
-        })
-    }
-
-    update(matrices: Matrix4[])
-    {
-        this._matrices = matrices
-
-        if (matrices.length !== this.count)
-        {
-            this.ins.forEach((elem) =>
-            {
-                elem.destroy()
-            })
-            this.ins = []
-            this.collectMeshes(this.object, matrices)
-            this.count = matrices.length
-        }
-        else
-        {
-            this.ins.forEach((elem) =>
-            {
-                elem.update(matrices)
-            })
-        }
-
-    }
-
-    destroy()
-    {
-        this.ins.forEach((elem) =>
-        {
-            elem.destroy()
-        })
-        this.ins = []
-        super.destroy();
-    }
-}