@aibee/owlly 1.0.26 → 1.0.29

package/lib/owlly/controller/panorama-transform-controller.d.ts

@@ -0,0 +1,66 @@
+import { NS_THREE } from '../stage/externals';
+import { View } from '../view/view';
+import { Element } from '../element/element';
+import { PanoramaController } from './panorama-controller';
+/**
+ * @deprecated
+ * 全景图下Element变换控制器, 即将弃用. 请使用 PanoramaController 与 TransformController
+ */
+declare class PanoramaTransformController extends PanoramaController {
+    private transformControl;
+    private scene;
+    private activeElement;
+    unbind(): Promise<void>;
+    /** @ignore */
+    update(): boolean;
+    /**
+     * 绑定视图
+     * @param view 需要绑定的View
+     */
+    bindView(view: View): void;
+    /** @ignore */
+    initWithScene(scene: NS_THREE.Scene): void;
+    /**
+     * 将控制杆附着至元素
+     * @param element 需要调整的元素
+     */
+    attach(element: Element): void;
+    /**
+     * 解除控制杆
+     */
+    detach(): void;
+    /**
+     * 获取编辑模式
+     */
+    getMode(): string;
+    /**
+     * 设置编辑模式
+     * @param mode 编辑模式, 值为 "translate"(移动), "rotate"(旋转), "scale"(缩放) 其一.
+     */
+    setMode(mode: string): void;
+    /**
+     * 设置控制杆尺寸
+     * @param size 控制杆尺寸 默认为1
+     */
+    setSize(size: number): void;
+    /**
+     * 设置X, Y, Z轴控制杆可见性
+     * @param x X轴控制杆可见性
+     * @param y Y轴控制杆可见性
+     * @param z Z轴控制杆可见性
+     */
+    setStickVisibility(x: boolean, y: boolean, z: boolean): void;
+    /**
+     * 设置平移时移动的最小单位
+     * @param snap 移动最小单位, 默认值为null
+     */
+    setTransitionSnap(snap: number | null): void;
+    /**
+     * 设置旋转时的最小旋转单位
+     * @param snap 旋转最小单位, 单位为弧度, 默认值为null
+     */
+    setRotationSnap(snap: number | null): void;
+    setEnabled(value: boolean): void;
+    attachedElement(): Element;
+}
+export { PanoramaTransformController };

package/lib/owlly/controller/panorama-transform-controller.js

@@ -0,0 +1,136 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { TransformControls } from '../../external/transform-controls';
+import { Events } from '../utils/events';
+import { PanoramaController } from './panorama-controller';
+/**
+ * @deprecated
+ * 全景图下Element变换控制器, 即将弃用. 请使用 PanoramaController 与 TransformController
+ */
+class PanoramaTransformController extends PanoramaController {
+    unbind() {
+        const _super = Object.create(null, {
+            unbind: { get: () => super.unbind }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            yield _super.unbind.call(this);
+            this.transformControl.dispose();
+        });
+    }
+    /** @ignore */
+    update() {
+        const render = super.update();
+        return render;
+    }
+    /**
+     * 绑定视图
+     * @param view 需要绑定的View
+     */
+    bindView(view) {
+        super.bindView(view);
+        if (!view.camera || !view.renderer) {
+            throw new Error('No Camera or Renderer found in view');
+        }
+        this.transformControl = new TransformControls(view.camera, view.renderer.domElement);
+        this.transformControl.addEventListener('change', () => {
+            this.renderThisFrame();
+        });
+        this.transformControl.addEventListener('mouseUp', () => {
+            const mode = this.transformControl.getMode();
+            if (mode === 'translate') {
+                this.emit(Events.ELEMENT_POSITION_UPDATED, this.activeElement.position.clone(), this.activeElement);
+            }
+            else if (mode === 'rotate') {
+                this.emit(Events.ELEMENT_POSE_UPDATED, this.activeElement.quaternion.clone(), this.activeElement);
+            }
+            else if (mode === 'scale') {
+                // TODO(jyfang): do nothing now, add scale event
+            }
+        });
+        this.transformControl.addEventListener('dragging-changed', (event) => {
+            super.setEnabled(!event.value);
+        });
+    }
+    /** @ignore */
+    initWithScene(scene) {
+        this.scene = scene;
+        this.scene.add(this.transformControl);
+    }
+    /**
+     * 将控制杆附着至元素
+     * @param element 需要调整的元素
+     */
+    attach(element) {
+        if (this.activeElement)
+            this.transformControl.detach();
+        this.transformControl.attach(element);
+        this.activeElement = element;
+    }
+    /**
+     * 解除控制杆
+     */
+    detach() {
+        this.transformControl.detach();
+    }
+    /**
+     * 获取编辑模式
+     */
+    getMode() {
+        return this.transformControl.getMode();
+    }
+    /**
+     * 设置编辑模式
+     * @param mode 编辑模式, 值为 "translate"(移动), "rotate"(旋转), "scale"(缩放) 其一.
+     */
+    setMode(mode) {
+        this.transformControl.setMode(mode);
+    }
+    /**
+     * 设置控制杆尺寸
+     * @param size 控制杆尺寸 默认为1
+     */
+    setSize(size) {
+        this.transformControl.setSize(size);
+    }
+    /**
+     * 设置X, Y, Z轴控制杆可见性
+     * @param x X轴控制杆可见性
+     * @param y Y轴控制杆可见性
+     * @param z Z轴控制杆可见性
+     */
+    setStickVisibility(x, y, z) {
+        this.transformControl.showX = x;
+        this.transformControl.showY = y;
+        this.transformControl.showZ = z;
+    }
+    /**
+     * 设置平移时移动的最小单位
+     * @param snap 移动最小单位, 默认值为null
+     */
+    setTransitionSnap(snap) {
+        this.transformControl.setTranslationSnap(snap);
+    }
+    /**
+     * 设置旋转时的最小旋转单位
+     * @param snap 旋转最小单位, 单位为弧度, 默认值为null
+     */
+    setRotationSnap(snap) {
+        this.transformControl.setRotationSnap(snap);
+    }
+    setEnabled(value) {
+        super.setEnabled(value);
+        if (this.transformControl)
+            this.transformControl.enabled = value;
+    }
+    attachedElement() {
+        return this.activeElement;
+    }
+}
+export { PanoramaTransformController };

package/lib/owlly/controller/plane-controller.d.ts

@@ -0,0 +1,43 @@
+import { NS_THREE } from '../stage/externals';
+import { Controller } from './controller';
+import { View } from '../view/view';
+/**
+ * @deprecated 将被废弃
+ */
+declare class PlaneController extends Controller {
+    private enabled;
+    private view;
+    private target;
+    private renderThisFrame;
+    private rayCaster;
+    private plane;
+    private mouseDownHandler;
+    private mouseUpHandler;
+    private mouseMoveHandler;
+    private touchEndHandler;
+    private touchStartHandler;
+    private touchMoveHandler;
+    private touches;
+    /**
+     * @param view 需要绑定的View
+     */
+    constructor(view: View);
+    setPlane(plane: NS_THREE.Plane): void;
+    /**
+     * 绑定视图
+     * @param view 需要绑定的View
+     */
+    bindView(view: View): void;
+    setMouseClickEnabled(enable: boolean): boolean;
+    unbind(): void;
+    /** @ignore */
+    update(): boolean;
+    /**
+     * 启用/禁用该控制器
+     * @param enabled 目标值
+     */
+    setEnabled(enabled: boolean): void;
+    setTouchEnabled(enable: boolean): boolean;
+    dispose(): void;
+}
+export { PlaneController };

package/lib/owlly/controller/plane-controller.js

@@ -0,0 +1,173 @@
+import { Externals } from '../stage/externals';
+import { Controller } from './controller';
+import { Events } from '../utils/events';
+/**
+ * @deprecated 将被废弃
+ */
+class PlaneController extends Controller {
+    /**
+     * @param view 需要绑定的View
+     */
+    constructor(view) {
+        super();
+        this.enabled = false;
+        this.renderThisFrame = false;
+        const { THREE } = Externals.getInstance();
+        this.touches = {
+            s: [new THREE.Vector2(), new THREE.Vector2()],
+            c: [new THREE.Vector2(), new THREE.Vector2()],
+            state: 'idle',
+        };
+        this.mouseDownHandler = (event) => {
+            // this.mouseMovement = new THREE.Vector2(event.movementX, event.movementY).length();
+            this.touches.s[0] = new THREE.Vector2(event.clientX, event.clientY);
+            this.touches.state = 'down';
+        };
+        this.mouseMoveHandler = (event) => {
+            // this.mouseMovement += new THREE.Vector2(event.movementX, event.movementY).length();
+            this.touches.c[0] = new THREE.Vector2(event.clientX, event.clientY);
+            if (this.touches.state === 'down' && this.touches.c[0].distanceToSquared(this.touches.s[0]) > 100) {
+                this.touches.state = 'move';
+            }
+        };
+        this.mouseUpHandler = (event) => {
+            const { left: rectX, top: rectY } = this.view.container.getBoundingClientRect();
+            if (this.touches.state === 'down' && this.view.renderer) {
+                if (this.rayCaster) {
+                    const { clientWidth, clientHeight } = this.view.renderer.domElement;
+                    const x = (event.clientX - rectX) / clientWidth * 2 - 1;
+                    const y = -(event.clientY - rectY) / clientHeight * 2 + 1;
+                    this.rayCaster.setFromCamera({ x, y }, this.view.camera);
+                    if (this.plane) {
+                        const aim = new THREE.Vector3();
+                        const target = this.rayCaster.ray.intersectPlane(this.plane, aim);
+                        if (target) {
+                            this.emit(Events.GET_PLANE_INTERSECT, event, target);
+                        }
+                    }
+                }
+            }
+        };
+        this.touchStartHandler = (event) => {
+            // event.preventDefault();
+            const l = event.touches.length;
+            this.touches.state = 'down';
+            for (let i = 0; i < Math.min(l, 2); i++) {
+                const t = event.touches[i];
+                this.touches.s[i] = new THREE.Vector2(t.clientX, t.clientY);
+            }
+        };
+        this.touchMoveHandler = (event) => {
+            if (this.touches.state === 'idle')
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            const l = event.touches.length;
+            for (let i = 0; i < Math.min(l, 2); i++) {
+                const t = event.touches[i];
+                this.touches.c[i] = new THREE.Vector2(t.clientX, t.clientY);
+            }
+            if (this.touches.state === 'down' && this.touches.c[0].distanceToSquared(this.touches.s[0]) > 100) {
+                this.touches.state = 'move';
+            }
+        };
+        this.touchEndHandler = (event) => {
+            if (this.touches.state === 'idle')
+                return;
+            if (this.touches.state === 'down' && this.view.renderer) {
+                const touchPoint = new THREE.Vector2(this.touches.s[0].x, this.touches.s[0].y);
+                const { left: rectX, top: rectY } = this.view.container.getBoundingClientRect();
+                const { clientWidth, clientHeight } = this.view.renderer.domElement;
+                const x = (touchPoint.x - rectX) / clientWidth * 2 - 1;
+                const y = -(touchPoint.y - rectY) / clientHeight * 2 + 1;
+                if (this.rayCaster) {
+                    this.rayCaster.setFromCamera({ x, y }, this.view.camera);
+                    if (this.plane) {
+                        const target = this.rayCaster.ray.intersectPlane(this.plane, new THREE.Vector3());
+                        if (target) {
+                            this.emit(Events.GET_PLANE_INTERSECT, event, target);
+                        }
+                    }
+                }
+            }
+            this.touches.state = 'idle';
+        };
+        this.rayCaster = new THREE.Raycaster();
+        if (view)
+            this.bindView(view);
+    }
+    setPlane(plane) {
+        this.plane = plane;
+    }
+    /**
+     * 绑定视图
+     * @param view 需要绑定的View
+     */
+    bindView(view) {
+        if (!view.renderer) {
+            throw new Error('No Renderer found in view');
+        }
+        this.view = view;
+        this.target = view.renderer.domElement;
+        this.setEnabled(true);
+    }
+    setMouseClickEnabled(enable) {
+        if (!this.view.renderer)
+            return false;
+        if (enable) {
+            this.view.renderer.domElement.addEventListener('mouseup', this.mouseUpHandler);
+            this.view.renderer.domElement.addEventListener('mousedown', this.mouseDownHandler);
+            this.view.renderer.domElement.addEventListener('mousemove', this.mouseMoveHandler);
+        }
+        else {
+            this.view.renderer.domElement.removeEventListener('mouseup', this.mouseUpHandler);
+            this.view.renderer.domElement.removeEventListener('mousedown', this.mouseDownHandler);
+            this.view.renderer.domElement.removeEventListener('mousemove', this.mouseMoveHandler);
+        }
+        return true;
+    }
+    unbind() {
+        super.unbind();
+        this.setEnabled(false);
+        this.dispose();
+    }
+    /** @ignore */
+    update() {
+        let result = true;
+        if (!this.enabled || !this.renderThisFrame)
+            result = false;
+        this.renderThisFrame = false;
+        return result;
+    }
+    /**
+     * 启用/禁用该控制器
+     * @param enabled 目标值
+     */
+    setEnabled(enabled) {
+        if (!this.target)
+            return;
+        this.enabled = enabled;
+        this.setMouseClickEnabled(enabled);
+        this.setTouchEnabled(enabled);
+    }
+    setTouchEnabled(enable) {
+        if (!this.view.renderer)
+            return false;
+        if (enable) {
+            this.view.renderer.domElement.addEventListener('touchstart', this.touchStartHandler, false);
+            this.view.renderer.domElement.addEventListener('touchmove', this.touchMoveHandler, false);
+            this.view.renderer.domElement.addEventListener('touchend', this.touchEndHandler, false);
+        }
+        else {
+            this.view.renderer.domElement.removeEventListener('touchstart', this.touchStartHandler);
+            this.view.renderer.domElement.removeEventListener('touchmove', this.touchMoveHandler);
+            this.view.renderer.domElement.removeEventListener('touchend', this.touchEndHandler);
+        }
+        return true;
+    }
+    dispose() {
+        this.setMouseClickEnabled(false);
+        this.setTouchEnabled(false);
+    }
+}
+export { PlaneController };

package/lib/owlly/controller/texture-controller.d.ts

@@ -0,0 +1,181 @@
+import { NS_THREE } from '../stage/externals';
+import { Controller, View } from '..';
+import { TileTextureInfo } from '../utils/tile-util';
+declare class TextureEventEnum {
+    static readonly TEXTURE_UPDATE: string;
+}
+declare class TextureController extends Controller {
+    private static __instance;
+    private view;
+    private _ctx;
+    textures: NS_THREE.Texture[];
+    private addingMap;
+    private deletingMap;
+    private loading;
+    private loadingMap;
+    private loadedMap;
+    private loadedImageDataMap;
+    private loadedImageDataMap2;
+    private textureInfoIds;
+    /** @ignore */
+    textureMap: Map<string, TileTextureInfo>;
+    /** @ignore */
+    context2ds: CanvasRenderingContext2D[];
+    constructor();
+    /**
+     * 获取2d context
+     */
+    private get ctx();
+    /**
+     * 获取固定大小的context2d
+     * @param size
+     * @returns
+     */
+    private getNewContext2d;
+    /**
+     * 获取context2d
+     * @param index
+     * @returns
+     */
+    private getContext2d;
+    /**
+     * 绑定视图
+     * @param view 视图
+     */
+    bindView(view: View): void;
+    /**
+     * 添加纹理信息
+     * @param info 纹理信息
+     */
+    addTexture(info: TileTextureInfo): void;
+    /**
+     * 根据pid获取已加载纹理的一个立方体纹理
+     * @ignore
+     * @param pid
+     * @returns
+     */
+    getCubeTextureByPid(pid: number): NS_THREE.CubeTexture | null;
+    /**
+     * 初始化纹理信息
+     * @ignore
+     * @param infos
+     * @returns 0为初始化失败，1为初始化成功
+     */
+    initTextures(infos: TileTextureInfo[]): Promise<number>;
+    /**
+     * 删除纹理map
+     * @param map 要删除的信息图
+     * @param deleteFrize 是否删除冻结信息
+     */
+    deteteTextureMap(map: Map<string, TileTextureInfo>, deleteFrize?: boolean): void;
+    /**
+     * 删除纹理
+     * @param info 纹理信息
+     * @param deleteFrize 是否删除冻结信息
+     */
+    deleteTexture(info: TileTextureInfo, deleteFrize?: boolean): void;
+    /**
+     * 获取纹理信息列表
+     * @returns
+     */
+    getTextureInfos(): TileTextureInfo[];
+    /**
+     * 异步加载纹理
+     */
+    loadTexturesAsync(): Promise<void>;
+    /**
+     * 异步初始化纹理
+     * @param infoMap 纹理信息图
+     * @returns 0为初始化失败，1为初始化成功
+     */
+    initTexturesAsync(infoMap: Map<string, TileTextureInfo>): Promise<number>;
+    /**
+     * 根据pid删除纹理
+     * @param pid
+     * @param deleteFrize
+     */
+    deleteTexturesByPid(pid: number, deleteFrize?: boolean): void;
+    /**
+     * 更新纹理信息
+     * @param updates 更新列表，外部传入
+     * @param deletes 删除列表，外部传入
+     * @param initMap 初始化加载图
+     * @returns
+     */
+    private updateTextures;
+    /**
+     * 测试空节点最大数量
+     * @param infos
+     * @param deletings
+     * @param loadedMap
+     * @returns
+     */
+    private testEmptyMaxCount;
+    /**
+     * 创建合并纹理
+     * @returns
+     */
+    private createMergeTexture;
+    /**
+     * 创建canvas纹理
+     * @param index 下标
+     * @returns
+     */
+    private createCanvasTexture;
+    /**
+     * 更新canvas纹理
+     * @param mergeTexture
+     * @param ctx
+     * @param image
+     * @param index
+     */
+    private updateCanvasTexture;
+    /**
+     * 更新合并纹理
+     * @param mergeTexture 合并纹理
+     * @param imaData 图片数据
+     * @param index 下标
+     */
+    private updateMergeTexture;
+    /**
+     * 将texture2 index2位置的纹理合并到textur1 index1的位置上
+     * @param mergeTexture1 纹理1
+     * @param index1 下标1
+     * @param mergeTexture2 纹理2
+     * @param index2 下标2
+     */
+    private updateMergeTexture2;
+    /**
+     * 异步加载图片
+     * @param url 图片url
+     * @returns 图片纹理信息
+     */
+    private loadImgAsync;
+    /**
+     * 异步加载图片2
+     * @param url 图片url
+     * @returns 图片元素
+     */
+    private loadImgAsync2;
+    /**
+     * 更新删除的纹理
+     */
+    private updateDeletingTextures;
+    /**
+     * 格式化纹理
+     * @param updates
+     * @returns
+     */
+    private formatTextures;
+    /**
+     * 更新
+     * @ignore
+     * @returns
+     */
+    update(): boolean;
+    /**
+     * 单例获取
+     */
+    static get instance(): TextureController;
+}
+export { TextureController, TextureEventEnum };