@aibee/owlly 1.0.26 → 1.0.29

package/lib/owlly/utils/texture-cache.d.ts

@@ -0,0 +1,29 @@
+import { NS_THREE } from '../stage/externals';
+declare class TextureCache {
+    private textureLoader;
+    private textureCache;
+    private workingTasks;
+    private static sharedHdFaceTextureCache;
+    private static sharedLdFaceTextureCache;
+    static disposeAll(): void;
+    static get hdFaceTexturesCache(): TextureCache;
+    static get ldFaceTexturesCache(): TextureCache;
+    dispose(): void;
+    constructor(capacity: number);
+    /**
+     * @ignore
+     * 获取贴图，先从缓存中获取，若未命中则异步加载贴图
+     * @param textureURL 贴图的图像URL
+     */
+    loadTexture(textureURL: string, cacheAnyway?: boolean | undefined): Promise<NS_THREE.Texture>;
+    /**
+     * 获取一组贴图，若没命中则异步加载
+     * @param textureURLs 需要获取的贴图URL数组
+     * @param waitForReadyCount 指定函数必须在textureURLsArray中的前多少个贴图获取到以后才能返回
+     */
+    preloadTextures(textureURLs: (string | undefined)[], waitForReadyCount: number): Promise<NS_THREE.Texture[]>;
+    recycleTexture(textureURL: string): boolean;
+    getCapacity(): number;
+    getTotalCost(): number;
+}
+export { TextureCache };

package/lib/owlly/utils/texture-cache.js

@@ -0,0 +1,115 @@
+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 { Externals } from '../stage/externals';
+import { EventHub } from './event-hub';
+import { LruCache } from './lru-cache';
+class TextureCache {
+    constructor(capacity) {
+        const { THREE } = Externals.getInstance();
+        // if (!TextureCache.hdFaceTexturesCache) TextureCache.hdFaceTexturesCache = new TextureCache(32);
+        // if (!TextureCache.ldFaceTexturesCache) TextureCache.ldFaceTexturesCache = new TextureCache(64);
+        this.textureLoader = new THREE.TextureLoader();
+        this.textureCache = new LruCache(capacity);
+        this.workingTasks = new Map();
+    }
+    // public static hdFaceTexturesCache: TextureCache;
+    // public static ldFaceTexturesCache: TextureCache;
+    static disposeAll() {
+        this.hdFaceTexturesCache.dispose();
+        this.ldFaceTexturesCache.dispose();
+    }
+    static get hdFaceTexturesCache() {
+        if (!TextureCache.sharedHdFaceTextureCache)
+            TextureCache.sharedHdFaceTextureCache = new TextureCache(32);
+        return TextureCache.sharedHdFaceTextureCache;
+    }
+    static get ldFaceTexturesCache() {
+        if (!TextureCache.sharedLdFaceTextureCache)
+            TextureCache.sharedLdFaceTextureCache = new TextureCache(32);
+        return TextureCache.sharedLdFaceTextureCache;
+    }
+    dispose() {
+        this.textureCache.clear((key, value) => {
+            value.dispose();
+        });
+    }
+    /**
+     * @ignore
+     * 获取贴图，先从缓存中获取，若未命中则异步加载贴图
+     * @param textureURL 贴图的图像URL
+     */
+    loadTexture(textureURL, cacheAnyway = true) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const retTexture = this.textureCache.get(textureURL);
+            if (retTexture) {
+                // console.log(`#TiledCube# Use cached Texture:${textureURL}`);
+                return retTexture;
+            }
+            let workingTask = this.workingTasks.get(textureURL);
+            if (!workingTask) {
+                workingTask = new Promise((resolve, reject) => {
+                    // console.log(`#PanoCtrl# Will load Texture:${textureURL}`);
+                    this.textureLoader.load(textureURL, (texture) => {
+                        // console.info(`#TiledCube# Texture loaded for key '${textureURL}':`, texture);
+                        // console.log(`#PanoCtrl# cacheAnyway=${cacheAnyway}`);
+                        this.textureCache.put(textureURL, texture, (k, v) => {
+                            // 销毁立方体贴图资源
+                            // console.log(`#PanoCtrl# By evicting retTexture with key '${k}', dispose it`);
+                            v.dispose();
+                        }, !cacheAnyway);
+                        this.workingTasks.delete(textureURL);
+                        resolve(texture);
+                    }, () => { }, (event) => {
+                        // console.log(`#PanoCtrl# Error with key '${textureURL}', event=${event}`);
+                        EventHub.emit('error', `Loading '${textureURL}' failed.`);
+                        this.workingTasks.delete(textureURL);
+                        reject(event);
+                    });
+                });
+                this.workingTasks.set(textureURL, workingTask);
+            }
+            return workingTask;
+        });
+    }
+    /**
+     * 获取一组贴图，若没命中则异步加载
+     * @param textureURLs 需要获取的贴图URL数组
+     * @param waitForReadyCount 指定函数必须在textureURLsArray中的前多少个贴图获取到以后才能返回
+     */
+    preloadTextures(textureURLs, waitForReadyCount) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const waitCount = waitForReadyCount > textureURLs.length ? textureURLs.length : waitForReadyCount;
+            // console.info('#TiledCube# preloadTextures:', textureURLs);
+            const promises = textureURLs.map((textureURL, index) => {
+                if (textureURL) {
+                    return this.loadTexture(textureURL, index < waitForReadyCount);
+                }
+                return undefined;
+            });
+            const mustPromises = [];
+            for (let i = 0; i < waitCount; i += 1) {
+                const promise = promises[i];
+                if (promise) {
+                    mustPromises.push(promise);
+                }
+            }
+            return Promise.all(mustPromises);
+        });
+    }
+    recycleTexture(textureURL) {
+        // console.log(`#TiledCube# TextureCache.recycleTexture(${textureURL})`);
+        return this.textureCache.recycle(textureURL, (key, value) => {
+            value.dispose();
+        });
+    }
+    getCapacity() { return this.textureCache.getCapacity(); }
+    getTotalCost() { return this.textureCache.getTotalCost(); }
+}
+export { TextureCache };

package/lib/owlly/utils/tile-util.d.ts

@@ -0,0 +1,187 @@
+import { NS_THREE } from '../stage/externals';
+declare const TEXT_MAX = 16;
+declare const TEXT_SEGMENT = 4;
+interface TileConfig {
+    textPixel?: number;
+    imgTextPixel?: number;
+}
+declare function getTextPixel(): number;
+declare function getImgTextPixel(): number;
+declare function setTileConfig(config: TileConfig): void;
+export declare const TEXT_PIXEL: number;
+export declare const IMG_TEXT_PIXEL: number;
+declare const USE_CANVAS = false;
+declare const USE_TEXTURE_BLACK = false;
+declare const VertexShader: string;
+declare const FragmentShader = "\n            uniform sampler2D mTexture0;\n            uniform sampler2D mTexture1;\n            uniform sampler2D mTexture2;\n            uniform sampler2D mTexture3;\n            uniform sampler2D mTexture4;\n            uniform sampler2D mTexture5;\n            uniform sampler2D mTexture6;\n            uniform sampler2D mTexture7;\n            uniform sampler2D mTexture8;\n            uniform sampler2D mTexture9;\n            uniform sampler2D mTexture10;\n            uniform sampler2D mTexture11;\n            uniform sampler2D mTexture12;\n            uniform sampler2D mTexture13;\n            uniform sampler2D mTexture14;\n            uniform sampler2D mTexture15;\n\n            uniform int uvMax;\n            varying vec3 vUv;\n            uniform bool black;\n\n            int modi(int x, int y) {\n              int result = x - ((x / y) * y);\n              return result < 0 ? result + y : result;\n            }\n\n            float modf(float x, float y){\n              float result = x - y * floor(x/y);\n              return result < 0.0 ? result + y : result;\n            }\n\n            int getInt(float value) {\n              // \u6DFB\u52A0\u8FB9\u754C\u68C0\u67E5\n              if (value < 0.0) return 0;\n              if (value > float(0x7FFFFFFF)) return 0x7FFFFFFF;\n\n              float m = modf(value, 1.0);\n              return m < 1.0 && m > 0.6 ? int(value) + 1 : int(value);\n            }\n\n            vec4 getSample(int index, vec2 uv) {\n              if (index == 0) return texture2D(mTexture0, uv);\n              if (index == 1) return texture2D(mTexture1, uv);\n              if (index == 2) return texture2D(mTexture2, uv);\n              if (index == 3) return texture2D(mTexture3, uv);\n              if (index == 4) return texture2D(mTexture4, uv);\n              if (index == 5) return texture2D(mTexture5, uv);\n              if (index == 6) return texture2D(mTexture6, uv);\n              if (index == 7) return texture2D(mTexture7, uv);\n              if (index == 8) return texture2D(mTexture8, uv);\n              if (index == 9) return texture2D(mTexture9, uv);\n              if (index == 10) return texture2D(mTexture10, uv);\n              if (index == 11) return texture2D(mTexture11, uv);\n              if (index == 12) return texture2D(mTexture12, uv);\n              if (index == 13) return texture2D(mTexture13, uv);\n              if (index == 14) return texture2D(mTexture14, uv);\n              if (index == 15) return texture2D(mTexture15, uv);\n              return vec4(0.0, 0.0, 0.0, 1.0); // \u9ED8\u8BA4\u8FD4\u56DE\u900F\u660E\u9ED1\u8272\n            }\n\n            vec2 getUv(vec2 uvs, int pos){\n              // \u4E25\u683C\u7684\u8FB9\u754C\u4FDD\u62A4\n              float min2 = 1.0 / 4096.0;\n              float max2 = 1.0 - min2;\n              vec2 clampedUvs = clamp(uvs, vec2(min2), vec2(max2));\n\n              vec2 tuv = clampedUvs / 4.0;\n              int x = modi(pos, 4);\n              int y = pos / 4;\n\n              float segment = 1.0 / 4.0;\n              vec2 base = vec2(float(x) * segment, float(y) * segment);\n\n              // \u6DFB\u52A0\u989D\u5916\u7684\u8FB9\u754C\u68C0\u67E5\n              return clamp(tuv + base, vec2(0.0), vec2(1.0));\n            }\n\n            void main(){\n              vec2 tuv = vUv.xy;\n              int indexPos = getInt(vUv.z);\n              int index = indexPos / 100;\n              int pos = modi(indexPos, 100);\n              tuv = getUv(tuv, pos);\n              gl_FragColor = getSample(index, tuv);\n            }";
+/**
+ * 获取瓦片信息id
+ * @ignore
+ * @param pid pid
+ * @param level 等级
+ * @param index 下标
+ * @returns id字符串
+ */
+declare function getTileInfoId(pid: number, level: number, index: number): string;
+interface FaceConfig {
+    normal: NS_THREE.Vector3;
+    trans: NS_THREE.Vector3;
+    euler?: NS_THREE.Euler;
+    face: number;
+    flipX: boolean;
+    flipY: boolean;
+    revers: boolean;
+}
+/**
+ * 六面配置
+ */
+declare const CubeFaceConfig: FaceConfig[];
+/**
+ * 根据参数获取顶点数据
+ * @ignore
+ * @param level 等级
+ * @param index 下标
+ * @param revers 逆转
+ * @param flipX x翻转
+ * @param flipY y翻转
+ * @returns 顶点数组
+ */
+declare function getVertices(level: number, index: number, revers: boolean, flipX: boolean, flipY: boolean): NS_THREE.Vector3[];
+/**
+ * info说明  TileTextureInfo
+ * pid  pid.index // pid为全景id， index为0-5的该场景的面小标
+ * textureIndex index*100 + pos // index 为textures的下标， 该纹理的区域位置，以2048*2048算的话现在为0-15
+ * level  当前的level等级
+ * index  该level等级下的平面所在区域
+ */
+declare class TileTextureInfo {
+    /** @ignore */
+    pfid: number;
+    /** @ignore 纹理坐标 */
+    textureIndex: number;
+    /** @ignore 等级 */
+    level: number;
+    /** @ignore 坐标 */
+    index: number;
+    /** @ignore 冻结 */
+    frize: boolean;
+    /** @ignore 是否在相机内 */
+    isInCamera: boolean;
+    /** @ignore 是否将要在相机内 */
+    willIsInCamera: boolean;
+    /** @ignore 顶点 */
+    private _originVertices;
+    /** @ignore */
+    rootUrl: string;
+    /** @ignore */
+    offLineRootUrl: string;
+    /** @ignore */
+    offLineLevel: number;
+    /** @ignore */
+    time: number;
+    /** @ignore */
+    centerDis: number;
+    /**
+     * 构造
+     * @ignore
+     * @param pfid 全景面id
+     * @param textureIndex 纹理下标
+     * @param level 等级
+     * @param index 下标
+     * @param rootUrl 根地址
+     */
+    constructor(pfid?: number, textureIndex?: number, level?: number, index?: number, rootUrl?: string, offLineLevel?: number, offLineRootUrl?: string);
+    /** @ignore */
+    get id(): string;
+    /** @ignore */
+    get originVertices(): NS_THREE.Vector3[];
+    /**
+     * 判定是否在相机内
+     * @ignore
+     * @param matrix 矩阵
+     * @param camera 相机
+     * @returns bool
+     */
+    inCamera(matrix: NS_THREE.Matrix4, camera: NS_THREE.Camera): boolean;
+    /**
+     * @ignore
+     * 目标id
+     */
+    get targetTid(): number;
+}
+/**
+ * 瓦片工具类
+ */
+declare class TileUtil {
+    /** 美帧最大纹理更新个数 */
+    static updateTextureMax: number;
+    /**  等级最小限制  */
+    static levelMin: number;
+    /**  等级最大限制  */
+    static levelMax: number;
+    /** 优先重置大小 */
+    static resizeFirst: boolean;
+    /**
+     * 获取xy
+     * @ignore
+     * @param value 目标值
+     * @param segment 分段
+     * @returns {x,y}
+     */
+    static getXY(value: number, segment: number): {
+        x: number;
+        y: number;
+    };
+    /**
+     * 根据level等级获取分段
+     * @ignore
+     * @param level 等级
+     * @returns 分段数
+     */
+    static getSegment(level: number): number;
+    /**
+     * 根据level等级获取总数量
+     * @ignore
+     * @param level 等级
+     * @returns 总数量
+     */
+    static getCount(level: number): number;
+    /**
+     * 获取图片信息
+     * @ignore
+     * @param pid 全景id
+     * @param index 下标
+     * @param level 等级
+     * @returns {url, id}
+     */
+    static getImageInfo2(pfid: number, index: number, level: number, rootUrl: string): {
+        url: string;
+        id: string;
+    };
+    /**
+     * 获取图片信息
+     * @param info
+     * @returns
+     */
+    static getImageInfo(info: TileTextureInfo): {
+        url: string;
+        id: string;
+    };
+    static getTileInfoId: typeof getTileInfoId;
+    static getVertices: typeof getVertices;
+    /**
+     * 防抖
+     * @param cb
+     * @param time
+     * @returns
+     */
+    static antiShake(cb: Function, time: number): Function;
+    /**
+     * 节流
+     * @param cb
+     * @param time
+     * @returns
+     */
+    static throttle(cb: Function, time: number): Function;
+}
+export { TileUtil, TileTextureInfo, TEXT_MAX, TEXT_SEGMENT, VertexShader, FragmentShader, FaceConfig, CubeFaceConfig, USE_CANVAS, USE_TEXTURE_BLACK, getTextPixel, getImgTextPixel, setTileConfig, TileConfig, };