@aibee/owlly 1.0.25

package/lib/src/owlly/utils/tile-util.js

@@ -0,0 +1,457 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { NS_THREE, Externals } from '../stage/externals';
+const TEXT_MAX = 16;
+const TEXT_SEGMENT = 4;
+// 默认配置值
+const DEFAULT_TEXT_PIXEL = 512;
+const DEFAULT_IMG_TEXT_PIXEL = 2048;
+// 全局配置对象
+let tileConfig = {};
+// 获取配置的 TEXT_PIXEL 值
+function getTextPixel() {
+    return tileConfig.textPixel || DEFAULT_TEXT_PIXEL;
+}
+// 获取配置的 IMG_TEXT_PIXEL 值
+function getImgTextPixel() {
+    return tileConfig.imgTextPixel || DEFAULT_IMG_TEXT_PIXEL;
+}
+// 设置瓦片配置
+function setTileConfig(config) {
+    tileConfig = Object.assign(Object.assign({}, tileConfig), config);
+}
+// 导出常量（使用函数获取当前配置值）
+export const TEXT_PIXEL = getTextPixel();
+export const IMG_TEXT_PIXEL = getImgTextPixel();
+// const IMG_TEXT_PIXEL = 4096;
+// const IMG_URL = './imgs/';
+const USE_CANVAS = false;
+// const USE_TEXTURE_INDEX = true;
+const USE_TEXTURE_BLACK = false;
+// const testSides = ['right', 'left', 'up', 'down', 'front', 'back'];
+// const sides = ['r', 'l', 't', 'd', 'f', 'b'];
+const VertexShader = `
+          attribute vec3 uvi;
+          varying vec3 vUv;
+          uniform bool flipX;
+          uniform bool flipY;
+
+          void main(){
+            vUv = uvi;
+            bool useCanvas = ${USE_CANVAS};
+            if(flipX){
+              vUv.x = 1.0-vUv.x;
+            }
+            if(flipY){
+              vUv.y = 1.0-vUv.y;
+            }
+            if(useCanvas){
+              vUv.y = 1.0-vUv.y;
+            }
+            gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+          }
+          `;
+const FragmentShader = `
+            uniform sampler2D mTexture0;
+            uniform sampler2D mTexture1;
+            uniform sampler2D mTexture2;
+            uniform sampler2D mTexture3;
+            uniform sampler2D mTexture4;
+            uniform sampler2D mTexture5;
+            uniform sampler2D mTexture6;
+            uniform sampler2D mTexture7;
+            uniform sampler2D mTexture8;
+            uniform sampler2D mTexture9;
+            uniform sampler2D mTexture10;
+            uniform sampler2D mTexture11;
+            uniform sampler2D mTexture12;
+            uniform sampler2D mTexture13;
+            uniform sampler2D mTexture14;
+            uniform sampler2D mTexture15;
+
+            uniform int uvMax;
+            varying vec3 vUv;
+            uniform bool black;
+
+            int modi(int x, int y) {
+              int result = x - ((x / y) * y);
+              return result < 0 ? result + y : result;
+            }
+
+            float modf(float x, float y){
+              float result = x - y * floor(x/y);
+              return result < 0.0 ? result + y : result;
+            }
+
+            int getInt(float value) {
+              // 添加边界检查
+              if (value < 0.0) return 0;
+              if (value > float(0x7FFFFFFF)) return 0x7FFFFFFF;
+
+              float m = modf(value, 1.0);
+              return m < 1.0 && m > 0.6 ? int(value) + 1 : int(value);
+            }
+
+            vec4 getSample(int index, vec2 uv) {
+              if (index == 0) return texture2D(mTexture0, uv);
+              if (index == 1) return texture2D(mTexture1, uv);
+              if (index == 2) return texture2D(mTexture2, uv);
+              if (index == 3) return texture2D(mTexture3, uv);
+              if (index == 4) return texture2D(mTexture4, uv);
+              if (index == 5) return texture2D(mTexture5, uv);
+              if (index == 6) return texture2D(mTexture6, uv);
+              if (index == 7) return texture2D(mTexture7, uv);
+              if (index == 8) return texture2D(mTexture8, uv);
+              if (index == 9) return texture2D(mTexture9, uv);
+              if (index == 10) return texture2D(mTexture10, uv);
+              if (index == 11) return texture2D(mTexture11, uv);
+              if (index == 12) return texture2D(mTexture12, uv);
+              if (index == 13) return texture2D(mTexture13, uv);
+              if (index == 14) return texture2D(mTexture14, uv);
+              if (index == 15) return texture2D(mTexture15, uv);
+              return vec4(0.0, 0.0, 0.0, 1.0); // 默认返回透明黑色
+            }
+
+            vec2 getUv(vec2 uvs, int pos){
+              // 严格的边界保护
+              float min2 = 1.0 / 4096.0;
+              float max2 = 1.0 - min2;
+              vec2 clampedUvs = clamp(uvs, vec2(min2), vec2(max2));
+
+              vec2 tuv = clampedUvs / 4.0;
+              int x = modi(pos, 4);
+              int y = pos / 4;
+
+              float segment = 1.0 / 4.0;
+              vec2 base = vec2(float(x) * segment, float(y) * segment);
+
+              // 添加额外的边界检查
+              return clamp(tuv + base, vec2(0.0), vec2(1.0));
+            }
+
+            void main(){
+              vec2 tuv = vUv.xy;
+              int indexPos = getInt(vUv.z);
+              int index = indexPos / 100;
+              int pos = modi(indexPos, 100);
+              tuv = getUv(tuv, pos);
+              gl_FragColor = getSample(index, tuv);
+            }`;
+/**
+ * 获取瓦片信息id
+ * @ignore
+ * @param pid pid
+ * @param level 等级
+ * @param index 下标
+ * @returns id字符串
+ */
+function getTileInfoId(pid, level, index) {
+    return `${pid}-${level}-${index}`;
+}
+/**
+ * 六面配置
+ */
+const CubeFaceConfig = [
+    {
+        normal: new NS_THREE.Vector3(0, 0, 1),
+        trans: new NS_THREE.Vector3(0, 0, 0.5),
+        euler: new NS_THREE.Euler(0, Math.PI / 2, -Math.PI / 2),
+        face: 0,
+        flipX: false,
+        flipY: false,
+        revers: false,
+    },
+    {
+        normal: new NS_THREE.Vector3(0, 0, 1),
+        trans: new NS_THREE.Vector3(0, 0, 0.5),
+        euler: new NS_THREE.Euler(0, -Math.PI / 2, -Math.PI / 2),
+        face: 1,
+        flipX: true,
+        flipY: true,
+        revers: false,
+    },
+    {
+        normal: new NS_THREE.Vector3(0, 0, 1),
+        trans: new NS_THREE.Vector3(0, 0, 0.5),
+        face: 2,
+        flipX: false,
+        flipY: false,
+        revers: false,
+    },
+    {
+        normal: new NS_THREE.Vector3(0, 0, 1),
+        trans: new NS_THREE.Vector3(0, 0, -0.5),
+        face: 3,
+        flipX: false,
+        flipY: true,
+        revers: true,
+    },
+    {
+        normal: new NS_THREE.Vector3(0, 0, 1),
+        trans: new NS_THREE.Vector3(0, 0, -0.5),
+        euler: new NS_THREE.Euler(Math.PI / 2, 0, 0),
+        face: 4,
+        flipX: false,
+        flipY: true,
+        revers: true,
+    },
+    {
+        normal: new NS_THREE.Vector3(0, 0, 1),
+        trans: new NS_THREE.Vector3(0, 0, -0.5),
+        euler: new NS_THREE.Euler(-Math.PI / 2, 0, 0),
+        face: 5,
+        flipX: true,
+        flipY: false,
+        revers: true,
+    },
+];
+/**
+ * 根据参数获取顶点数据
+ * @ignore
+ * @param level 等级
+ * @param index 下标
+ * @param revers 逆转
+ * @param flipX x翻转
+ * @param flipY y翻转
+ * @returns 顶点数组
+ */
+function getVertices(level, index, revers, flipX, flipY) {
+    const { THREE } = Externals.getInstance();
+    const vertices = [];
+    const base = new THREE.Vector3(-0.5, -0.5, 0);
+    const segment = Math.pow(2, level);
+    const segmentSize = 1 / segment;
+    let j = index % segment;
+    let i = Math.floor(index / segment);
+    if (!revers) {
+        j = segment - 1 - j;
+        i = segment - 1 - i;
+    }
+    if (flipX) {
+        i = segment - 1 - i;
+    }
+    if (flipY) {
+        j = segment - 1 - j;
+    }
+    const x0 = base.x + j * segmentSize;
+    const y0 = base.y + i * segmentSize;
+    const x1 = x0;
+    const y1 = y0 + segmentSize;
+    const x2 = x0 + segmentSize;
+    const y2 = y0 + segmentSize;
+    const x3 = x0 + segmentSize;
+    const y3 = y0;
+    vertices.push(new THREE.Vector3(x0, y0, 0));
+    vertices.push(new THREE.Vector3(x1, y1, 0));
+    vertices.push(new THREE.Vector3(x2, y2, 0));
+    vertices.push(new THREE.Vector3(x3, y3, 0));
+    return vertices;
+}
+/**
+ * info说明  TileTextureInfo
+ * pid  pid.index // pid为全景id， index为0-5的该场景的面小标
+ * textureIndex index*100 + pos // index 为textures的下标， 该纹理的区域位置，以2048*2048算的话现在为0-15
+ * level  当前的level等级
+ * index  该level等级下的平面所在区域
+ */
+class TileTextureInfo {
+    /**
+     * 构造
+     * @ignore
+     * @param pfid 全景面id
+     * @param textureIndex 纹理下标
+     * @param level 等级
+     * @param index 下标
+     * @param rootUrl 根地址
+     */
+    constructor(pfid, textureIndex, level, index, rootUrl, offLineLevel, offLineRootUrl) {
+        /** @ignore */
+        this.offLineLevel = -1;
+        this.pfid = pfid;
+        this.textureIndex = textureIndex;
+        this.level = level;
+        this.index = index;
+        this.isInCamera = false;
+        this.rootUrl = rootUrl || '';
+        this.offLineLevel = offLineLevel == null ? -1 : offLineLevel;
+        this.offLineRootUrl = offLineRootUrl || '';
+    }
+    /** @ignore */
+    get id() {
+        return getTileInfoId(this.pfid, this.level, this.index);
+    }
+    /** @ignore */
+    get originVertices() {
+        let vertices = this._originVertices;
+        if (!vertices) {
+            const face = (this.pfid * 10) % 10 - 1;
+            const config = CubeFaceConfig[face];
+            const { revers, flipX, flipY } = config;
+            vertices = this._originVertices = getVertices(this.level, this.index, revers, flipX, flipY);
+        }
+        return vertices;
+    }
+    /**
+     * 判定是否在相机内
+     * @ignore
+     * @param matrix 矩阵
+     * @param camera 相机
+     * @returns bool
+     */
+    inCamera(matrix, camera) {
+        const { THREE } = Externals.getInstance();
+        const vertices = this.originVertices;
+        const center = new THREE.Vector3(0, 0, 0);
+        center.applyMatrix4(matrix);
+        center.project(camera);
+        this.centerDis = center.length();
+        for (let i = 0; i < vertices.length; i++) {
+            const vertex = vertices[i].clone();
+            vertex.applyMatrix4(matrix);
+            vertex.project(camera);
+            if (vertex.x > -1 && vertex.x < 1 && vertex.y > -1 && vertex.y < 1 && vertex.z > -1 && vertex.z < 1) {
+                return true;
+            }
+        }
+        return false;
+    }
+    /**
+     * @ignore
+     * 目标id
+     */
+    get targetTid() {
+        return Math.floor(this.pfid);
+    }
+}
+/**
+ * 瓦片工具类
+ */
+class TileUtil {
+    /**
+     * 获取xy
+     * @ignore
+     * @param value 目标值
+     * @param segment 分段
+     * @returns {x,y}
+     */
+    static getXY(value, segment) {
+        const y = Math.floor(value / segment);
+        const x = value % segment;
+        return { x, y };
+    }
+    /**
+     * 根据level等级获取分段
+     * @ignore
+     * @param level 等级
+     * @returns 分段数
+     */
+    static getSegment(level) {
+        return Math.pow(2, level);
+    }
+    /**
+     * 根据level等级获取总数量
+     * @ignore
+     * @param level 等级
+     * @returns 总数量
+     */
+    static getCount(level) {
+        const segment = TileUtil.getSegment(level);
+        return segment * segment;
+    }
+    /**
+     * 获取图片信息
+     * @ignore
+     * @param pid 全景id
+     * @param index 下标
+     * @param level 等级
+     * @returns {url, id}
+     */
+    static getImageInfo2(pfid, index, level, rootUrl) {
+        // const tt = (pfid * 10) % 10 - 1;
+        // const type = testSides[tt];
+        const segment = TileUtil.getSegment(level);
+        const imgPx = getImgTextPixel() / segment;
+        let { x, y } = TileUtil.getXY(index, segment);
+        x = segment - 1 - x;
+        y = segment - 1 - y;
+        const crop = `/crop,x_${imgPx * x},y_${imgPx * y},w_${imgPx},h_${imgPx}`;
+        const resize = `/resize,m_lfit,w_${getTextPixel()},h_${getTextPixel()}`;
+        const url = `${rootUrl}?x-bce-process=image${crop}${resize}`;
+        // const url = `https://robot-vr-public.cdn.bcebos.com/image/panoramas/0/43_${sides[tt]}.jpg?x-bce-process=image${crop}${resize}`;
+        const id = `${pfid}-${level}-${x}-${y}`;
+        return { id, url };
+    }
+    /**
+     * 获取图片信息
+     * @param info
+     * @returns
+     */
+    static getImageInfo(info) {
+        const { pfid, index, level, rootUrl, offLineLevel, offLineRootUrl, } = info;
+        const segment = TileUtil.getSegment(level);
+        const imgPx = getImgTextPixel() / segment;
+        let { x, y } = TileUtil.getXY(index, segment);
+        x = segment - 1 - x;
+        y = segment - 1 - y;
+        let url = '';
+        if (level <= offLineLevel) {
+            url = `${offLineRootUrl}_${level}_${index}.jpg`;
+        }
+        else {
+            const crop = `/crop,x_${imgPx * x},y_${imgPx * y},w_${imgPx},h_${imgPx}`;
+            const resize = `/resize,m_lfit,w_${getTextPixel()},h_${getTextPixel()}`;
+            const fistR = TileUtil.resizeFirst ? `/resize,m_lfit,w_${getImgTextPixel()},h_${getImgTextPixel()}` : '';
+            url = `${rootUrl}?x-bce-process=image${fistR}${crop}${resize}`;
+            // const url = `https://robot-vr-public.cdn.bcebos.com/image/panoramas/0/43_${sides[tt]}.jpg?x-bce-process=image${crop}${resize}`;
+        }
+        const id = `${pfid}-${level}-${x}-${y}`;
+        return { id, url };
+    }
+    /**
+     * 防抖
+     * @param cb
+     * @param time
+     * @returns
+     */
+    static antiShake(cb, time) {
+        let timer;
+        return (...args) => {
+            if (timer) {
+                clearTimeout(timer);
+            }
+            timer = setTimeout(() => {
+                cb(...args);
+                timer = null;
+            }, time);
+        };
+    }
+    /**
+     * 节流
+     * @param cb
+     * @param time
+     * @returns
+     */
+    static throttle(cb, time) {
+        let timer;
+        return (...args) => {
+            if (timer) {
+                return;
+            }
+            timer = setTimeout(() => {
+                cb(...args);
+                timer = null;
+            }, time);
+        };
+    }
+}
+/** 美帧最大纹理更新个数 */
+TileUtil.updateTextureMax = 1;
+/**  等级最小限制  */
+TileUtil.levelMin = 0;
+/**  等级最大限制  */
+TileUtil.levelMax = 2;
+/** 优先重置大小 */
+TileUtil.resizeFirst = false;
+TileUtil.getTileInfoId = getTileInfoId;
+TileUtil.getVertices = getVertices;
+export { TileUtil, TileTextureInfo, TEXT_MAX, TEXT_SEGMENT, VertexShader, FragmentShader, CubeFaceConfig, USE_CANVAS, USE_TEXTURE_BLACK, getTextPixel, getImgTextPixel, setTileConfig, };
+//# sourceMappingURL=tile-util.js.map

package/lib/src/owlly/utils/tile-util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile-util.js","sourceRoot":"","sources":["../../../../src/owlly/utils/tile-util.ts"],"names":[],"mappings":"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"}

package/lib/src/owlly/utils/time-profiler.d.ts

@@ -0,0 +1,21 @@
+declare class TimeProfiler {
+    private frameTimeMillses;
+    private timingIntervalMills;
+    private fps;
+    /**
+     * 初始化FPS统计
+     * @param timingIntervalMills 统计FPS的时间区间间隔长度，单位毫秒
+     */
+    constructor(timingIntervalMills?: number);
+    reset(): void;
+    /**
+     * Tick一帧
+     * @param frameTimeMills 时间戳，是当前帧的相对时间，不是两帧之间的间隔。单位毫秒
+     */
+    tick(frameTimeMills: number): void;
+    /**
+     * 获得当前统计的FPS值
+     */
+    getFPS(): number | undefined;
+}
+export { TimeProfiler };

package/lib/src/owlly/utils/time-profiler.js

@@ -0,0 +1,49 @@
+class TimeProfiler {
+    /**
+     * 初始化FPS统计
+     * @param timingIntervalMills 统计FPS的时间区间间隔长度，单位毫秒
+     */
+    constructor(timingIntervalMills = 1000) {
+        this.timingIntervalMills = timingIntervalMills;
+        this.frameTimeMillses = [];
+    }
+    reset() {
+        this.frameTimeMillses = [];
+        this.fps = undefined;
+    }
+    /**
+     * Tick一帧
+     * @param frameTimeMills 时间戳，是当前帧的相对时间，不是两帧之间的间隔。单位毫秒
+     */
+    tick(frameTimeMills) {
+        if (this.timingIntervalMills <= 0) {
+            if (this.frameTimeMillses.length === 0) {
+                this.frameTimeMillses.push(frameTimeMills, 0);
+            }
+            else {
+                this.frameTimeMillses[1] += 1;
+                this.fps = 1000 * this.frameTimeMillses[1] / (frameTimeMills - this.frameTimeMillses[0]);
+            }
+        }
+        else {
+            this.frameTimeMillses.push(frameTimeMills);
+            const frames = this.frameTimeMillses.length - 1;
+            if (frames > 0) {
+                let time = this.frameTimeMillses[this.frameTimeMillses.length - 1] - this.frameTimeMillses[0];
+                this.fps = 1000 * frames / time;
+                while (time > this.timingIntervalMills) {
+                    this.frameTimeMillses.shift();
+                    time = this.frameTimeMillses[this.frameTimeMillses.length - 1] - this.frameTimeMillses[0];
+                }
+            }
+        }
+    }
+    /**
+     * 获得当前统计的FPS值
+     */
+    getFPS() {
+        return this.fps;
+    }
+}
+export { TimeProfiler };
+//# sourceMappingURL=time-profiler.js.map

package/lib/src/owlly/utils/time-profiler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-profiler.js","sourceRoot":"","sources":["../../../../src/owlly/utils/time-profiler.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY;IAOhB;;;OAGG;IACH,YAAY,mBAAmB,GAAG,IAAI;QACpC,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAC/C,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC7B,CAAC;IAEM,KAAK;QACV,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;IACvB,CAAC;IAED;;;OAGG;IACI,IAAI,CAAC,cAAsB;QAChC,IAAI,IAAI,CAAC,mBAAmB,IAAI,CAAC,EAAE;YACjC,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;aAC/C;iBAAM;gBACL,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBAC9B,IAAI,CAAC,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1F;SACF;aAAM;YACL,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC;YAChD,IAAI,MAAM,GAAG,CAAC,EAAE;gBACd,IAAI,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBAC9F,IAAI,CAAC,GAAG,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;gBAEhC,OAAO,IAAI,GAAG,IAAI,CAAC,mBAAmB,EAAE;oBACtC,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;oBAC9B,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;iBAC3F;aACF;SACF;IACH,CAAC;IAED;;OAEG;IACI,MAAM;QACX,OAAO,IAAI,CAAC,GAAG,CAAC;IAClB,CAAC;CACF;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/src/owlly/view/__test__/perspective-view.spec.js

@@ -0,0 +1,22 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// import $ from 'jquery';
+// import { PerspectiveView } from '../perspective-view';
+// import { Stage } from '../../stage';
+// describe('Class PerspectiveView', () => {
+//   const stage = new Stage();
+//   document.body.innerHTML = '<div id="container"></div>';
+//   const container = $('#container').get(0);
+//   const view = new PerspectiveView(container);
+//   test('PerspectiveView可以初始化', () => {
+//     expect(view.render).not.toBeUndefined();
+//   });
+//   test('PerspectiveView可以绑定至Stage', () => {
+//     stage.bindView(view);
+//     expect((stage as any).views.has(view)).toBeTruthy();
+//   });
+//   test('PerspectiveView可以从Stage解绑', () => {
+//     stage.disposeView(view);
+//     expect((stage as any).views.has(view)).toBeFalsy();
+//   });
+// });
+//# sourceMappingURL=perspective-view.spec.js.map

package/lib/src/owlly/view/__test__/perspective-view.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"perspective-view.spec.js","sourceRoot":"","sources":["../../../../../src/owlly/view/__test__/perspective-view.spec.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,0BAA0B;AAE1B,yDAAyD;AACzD,uCAAuC;AAEvC,4CAA4C;AAC5C,+BAA+B;AAC/B,4DAA4D;AAC5D,8CAA8C;AAC9C,iDAAiD;AACjD,yCAAyC;AACzC,+CAA+C;AAC/C,QAAQ;AACR,8CAA8C;AAC9C,4BAA4B;AAC5B,2DAA2D;AAC3D,QAAQ;AACR,8CAA8C;AAC9C,+BAA+B;AAC/B,0DAA0D;AAC1D,QAAQ;AACR,MAAM"}

package/lib/src/owlly/view/camera-view.d.ts

@@ -0,0 +1,35 @@
+import { NS_THREE } from '../stage/externals';
+import { View } from './view';
+import { Camera } from '../element/camera';
+/** 相机元素视图, 渲染相机元素所看到的图像, 用于虚拟部署, 需要在新版本中更新 */
+declare class CameraView extends View {
+    container: HTMLElement;
+    renderer: NS_THREE.WebGL1Renderer;
+    private activeCamera;
+    private eventListeners;
+    /**
+     * @param container 目标容器
+     */
+    constructor(container: HTMLElement);
+    /** @ignore */
+    resize(): void;
+    /** @ignore */
+    render(scene: NS_THREE.Scene): void;
+    dispose(): void;
+    /**
+     * 绑定相机元素, 绑定后视图将显示传入相机元素所看到的图像
+     * @param camera 绑定的相机元素
+     */
+    bindCamera(camera: Camera): void;
+    /**
+     * 解绑相机元素
+     * 取消相机辅助线，并清空画布
+     * edited by kxiao
+     */
+    unbindCamera(): void;
+    /**
+     * 获取当前绑定的相机元素
+     */
+    getActiveCamera(): Camera | undefined | null;
+}
+export { CameraView };