three-base 2.0.73 → 2.0.74

package/FPScontrol.d.ts

@@ -1,45 +1,45 @@
-import { Camera, Clock, EventDispatcher, Object3D, Vector3 } from "three";
-import { Capsule } from "three/examples/jsm/math/Capsule";
-import { Octree } from "three/examples/jsm/math/Octree";
-/**
- * 第一人称控制器
- *
- * @export
- * @class FPScontrol
- * @extends {EventDispatcher}
- */
-export default class FPScontrol extends EventDispatcher {
-    canvas: HTMLCanvasElement;
-    constructor(camera: Camera, canvas: HTMLCanvasElement);
-    enable: boolean;
-    GRAVITY: number;
-    STEPS_PER_FRAME: number;
-    speed: number;
-    camera: Camera;
-    worldOctree: Octree;
-    playerCollider: Capsule;
-    clock: Clock;
-    playerVelocity: Vector3;
-    playerDirection: Vector3;
-    playerOnFloor: boolean;
-    mouseTime: number;
-    isMousedown: boolean;
-    keyStates: {
-        [key: string]: boolean;
-    };
-    init(canvas: HTMLCanvasElement): void;
-    keydown: (event: KeyboardEvent) => void;
-    keyup: (event: KeyboardEvent) => void;
-    mousedown: () => void;
-    mouseup: () => void;
-    mousemove: (event: MouseEvent) => void;
-    fromGraphNode(object3d: Object3D): void;
-    getForwardVector: () => Vector3;
-    getSideVector: () => Vector3;
-    controls: (deltaTime: number) => void;
-    updatePlayer: (deltaTime: number) => void;
-    playerCollisions(): void;
-    teleportPlayerIfOob: () => void;
-    update(): void;
-    disposer(): void;
-}
+import { Camera, Clock, EventDispatcher, Object3D, Vector3 } from "three";
+import { Capsule } from "three/examples/jsm/math/Capsule";
+import { Octree } from "three/examples/jsm/math/Octree";
+/**
+ * 第一人称控制器
+ *
+ * @export
+ * @class FPScontrol
+ * @extends {EventDispatcher}
+ */
+export default class FPScontrol extends EventDispatcher {
+    canvas: HTMLCanvasElement;
+    constructor(camera: Camera, canvas: HTMLCanvasElement);
+    enable: boolean;
+    GRAVITY: number;
+    STEPS_PER_FRAME: number;
+    speed: number;
+    camera: Camera;
+    worldOctree: Octree;
+    playerCollider: Capsule;
+    clock: Clock;
+    playerVelocity: Vector3;
+    playerDirection: Vector3;
+    playerOnFloor: boolean;
+    mouseTime: number;
+    isMousedown: boolean;
+    keyStates: {
+        [key: string]: boolean;
+    };
+    init(canvas: HTMLCanvasElement): void;
+    keydown: (event: KeyboardEvent) => void;
+    keyup: (event: KeyboardEvent) => void;
+    mousedown: () => void;
+    mouseup: () => void;
+    mousemove: (event: MouseEvent) => void;
+    fromGraphNode(object3d: Object3D): void;
+    getForwardVector: () => Vector3;
+    getSideVector: () => Vector3;
+    controls: (deltaTime: number) => void;
+    updatePlayer: (deltaTime: number) => void;
+    playerCollisions(): void;
+    teleportPlayerIfOob: () => void;
+    update(): void;
+    disposer(): void;
+}

package/FPScontrol.js

@@ -1,171 +1,171 @@
-/*
- * @Author: xiaosihan
- * @Date: 2022-05-04 23:01:36
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2022-06-06 13:32:08
- */
-import { Clock, EventDispatcher, Vector3 } from "three";
-import { Capsule } from "three/examples/jsm/math/Capsule";
-import { Octree } from "three/examples/jsm/math/Octree";
-import { clamp, degToRad } from "three/src/math/MathUtils";
-/**
- * 第一人称控制器
- *
- * @export
- * @class FPScontrol
- * @extends {EventDispatcher}
- */
-export default class FPScontrol extends EventDispatcher {
-    canvas;
-    constructor(camera, canvas) {
-        super();
-        // 相机对象
-        this.camera = camera;
-        this.camera.rotation.order = 'YXZ';
-        this.canvas = canvas;
-        this.init(canvas);
-    }
-    // 是否启用
-    enable = false;
-    GRAVITY = 30; // 重力
-    STEPS_PER_FRAME = 5; // 每帧碰撞计算的次数
-    speed = 1; // 速度
-    camera;
-    // 世界八叉树对象
-    worldOctree = new Octree();
-    // 用户自己的碰撞体积
-    playerCollider = new Capsule(new Vector3(0, 0.35, 0), new Vector3(0, 1, 0), 0.35);
-    // 时钟对象
-    clock = new Clock();
-    playerVelocity = new Vector3();
-    playerDirection = new Vector3();
-    playerOnFloor = false;
-    mouseTime = 0;
-    isMousedown = false;
-    keyStates = {};
-    init(canvas) {
-        this.playerCollider.end.set(0, 1, 0);
-        document.addEventListener('keydown', this.keydown);
-        document.addEventListener('keyup', this.keyup);
-        canvas.addEventListener('pointerdown', this.mousedown);
-        document.addEventListener('pointerup', this.mouseup);
-        document.body.addEventListener('pointermove', this.mousemove);
-        this.enable = true;
-    }
-    keydown = (event) => {
-        this.keyStates[event.code] = true;
-    };
-    keyup = (event) => {
-        this.keyStates[event.code] = false;
-    };
-    mousedown = () => {
-        this.isMousedown = true;
-        this.mouseTime = performance.now();
-    };
-    mouseup = () => {
-        this.isMousedown = false;
-    };
-    mousemove = (event) => {
-        if (this.enable && this.isMousedown) {
-            this.camera.rotation.y -= event.movementX / 500;
-            this.camera.rotation.x -= event.movementY / 500;
-        }
-    };
-    // 设置 八叉树 节点
-    fromGraphNode(object3d) {
-        this.worldOctree.fromGraphNode(object3d);
-    }
-    // 获取前进的向量
-    getForwardVector = () => {
-        this.camera.getWorldDirection(this.playerDirection);
-        this.playerDirection.y = 0;
-        this.playerDirection.normalize();
-        return this.playerDirection;
-    };
-    // 获取 后退的向量
-    getSideVector = () => {
-        this.camera.getWorldDirection(this.playerDirection);
-        this.playerDirection.y = 0;
-        this.playerDirection.normalize();
-        this.playerDirection.cross(this.camera.up);
-        return this.playerDirection;
-    };
-    // 玩家移动控制器
-    controls = (deltaTime) => {
-        const speedDelta = deltaTime * (this.playerOnFloor ? 25 : 8) * this.speed;
-        if (this.keyStates['KeyW']) {
-            this.playerVelocity.add(this.getForwardVector().multiplyScalar(speedDelta));
-        }
-        if (this.keyStates['KeyS']) {
-            this.playerVelocity.add(this.getForwardVector().multiplyScalar(-speedDelta));
-        }
-        if (this.keyStates['KeyA']) {
-            this.playerVelocity.add(this.getSideVector().multiplyScalar(-speedDelta));
-        }
-        if (this.keyStates['KeyD']) {
-            this.playerVelocity.add(this.getSideVector().multiplyScalar(speedDelta));
-        }
-        if (this.playerOnFloor) {
-            if (this.keyStates['Space']) {
-                this.playerVelocity.y = 15;
-            }
-        }
-    };
-    // 更新玩家的位置
-    updatePlayer = (deltaTime) => {
-        let damping = Math.exp(-4 * deltaTime) - 1;
-        if (!this.playerOnFloor) {
-            this.playerVelocity.y -= this.GRAVITY * deltaTime;
-            damping *= 0.1;
-        }
-        this.playerVelocity.addScaledVector(this.playerVelocity, damping);
-        const deltaPosition = this.playerVelocity.clone().multiplyScalar(deltaTime);
-        this.playerCollider.translate(deltaPosition);
-        this.playerCollisions();
-        this.camera.position.copy(this.playerCollider.end);
-        this.camera.position.y += 1;
-        this.camera.rotation.x = clamp(this.camera.rotation.x, degToRad(-20), degToRad(20));
-    };
-    // 玩家的碰撞检测
-    playerCollisions() {
-        const result = this.worldOctree.capsuleIntersect(this.playerCollider);
-        this.playerOnFloor = false;
-        if (result) {
-            this.playerOnFloor = result.normal.y > 0;
-            if (!this.playerOnFloor) {
-                this.playerVelocity.addScaledVector(result.normal, -result.normal.dot(this.playerVelocity));
-            }
-            this.playerCollider.translate(result.normal.multiplyScalar(result.depth));
-        }
-    }
-    // 更新控制器的位置
-    teleportPlayerIfOob = () => {
-        if (this.camera.position.y <= -10) {
-            this.playerCollider.start.set(0, 0.35, 0);
-            this.playerCollider.end.set(0, 1, 10);
-            this.playerCollider.radius = 0.35;
-            this.camera.position.copy(this.playerCollider.end);
-            // this.camera.position.set(0, 3, 0);
-        }
-    };
-    // 更新
-    update() {
-        if (this.enable) {
-            const deltaTime = Math.min(0.05, this.clock.getDelta()) / this.STEPS_PER_FRAME;
-            for (let i = 0; i < this.STEPS_PER_FRAME; i++) {
-                this.controls(deltaTime);
-                this.updatePlayer(deltaTime);
-                this.teleportPlayerIfOob();
-            }
-        }
-    }
-    // 销毁事件
-    disposer() {
-        this.enable = false;
-        document.removeEventListener('keydown', this.keydown);
-        document.removeEventListener('keyup', this.keyup);
-        this.canvas.removeEventListener('pointerdown', this.mousedown);
-        document.removeEventListener('pointerup', this.mouseup);
-        document.body.removeEventListener('pointermove', this.mousemove);
-    }
-}
+/*
+ * @Author: xiaosihan
+ * @Date: 2022-05-04 23:01:36
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2022-06-06 13:32:08
+ */
+import { Clock, EventDispatcher, Vector3 } from "three";
+import { Capsule } from "three/examples/jsm/math/Capsule";
+import { Octree } from "three/examples/jsm/math/Octree";
+import { clamp, degToRad } from "three/src/math/MathUtils";
+/**
+ * 第一人称控制器
+ *
+ * @export
+ * @class FPScontrol
+ * @extends {EventDispatcher}
+ */
+export default class FPScontrol extends EventDispatcher {
+    canvas;
+    constructor(camera, canvas) {
+        super();
+        // 相机对象
+        this.camera = camera;
+        this.camera.rotation.order = 'YXZ';
+        this.canvas = canvas;
+        this.init(canvas);
+    }
+    // 是否启用
+    enable = false;
+    GRAVITY = 30; // 重力
+    STEPS_PER_FRAME = 5; // 每帧碰撞计算的次数
+    speed = 1; // 速度
+    camera;
+    // 世界八叉树对象
+    worldOctree = new Octree();
+    // 用户自己的碰撞体积
+    playerCollider = new Capsule(new Vector3(0, 0.35, 0), new Vector3(0, 1, 0), 0.35);
+    // 时钟对象
+    clock = new Clock();
+    playerVelocity = new Vector3();
+    playerDirection = new Vector3();
+    playerOnFloor = false;
+    mouseTime = 0;
+    isMousedown = false;
+    keyStates = {};
+    init(canvas) {
+        this.playerCollider.end.set(0, 1, 0);
+        document.addEventListener('keydown', this.keydown);
+        document.addEventListener('keyup', this.keyup);
+        canvas.addEventListener('pointerdown', this.mousedown);
+        document.addEventListener('pointerup', this.mouseup);
+        document.body.addEventListener('pointermove', this.mousemove);
+        this.enable = true;
+    }
+    keydown = (event) => {
+        this.keyStates[event.code] = true;
+    };
+    keyup = (event) => {
+        this.keyStates[event.code] = false;
+    };
+    mousedown = () => {
+        this.isMousedown = true;
+        this.mouseTime = performance.now();
+    };
+    mouseup = () => {
+        this.isMousedown = false;
+    };
+    mousemove = (event) => {
+        if (this.enable && this.isMousedown) {
+            this.camera.rotation.y -= event.movementX / 500;
+            this.camera.rotation.x -= event.movementY / 500;
+        }
+    };
+    // 设置 八叉树 节点
+    fromGraphNode(object3d) {
+        this.worldOctree.fromGraphNode(object3d);
+    }
+    // 获取前进的向量
+    getForwardVector = () => {
+        this.camera.getWorldDirection(this.playerDirection);
+        this.playerDirection.y = 0;
+        this.playerDirection.normalize();
+        return this.playerDirection;
+    };
+    // 获取 后退的向量
+    getSideVector = () => {
+        this.camera.getWorldDirection(this.playerDirection);
+        this.playerDirection.y = 0;
+        this.playerDirection.normalize();
+        this.playerDirection.cross(this.camera.up);
+        return this.playerDirection;
+    };
+    // 玩家移动控制器
+    controls = (deltaTime) => {
+        const speedDelta = deltaTime * (this.playerOnFloor ? 25 : 8) * this.speed;
+        if (this.keyStates['KeyW']) {
+            this.playerVelocity.add(this.getForwardVector().multiplyScalar(speedDelta));
+        }
+        if (this.keyStates['KeyS']) {
+            this.playerVelocity.add(this.getForwardVector().multiplyScalar(-speedDelta));
+        }
+        if (this.keyStates['KeyA']) {
+            this.playerVelocity.add(this.getSideVector().multiplyScalar(-speedDelta));
+        }
+        if (this.keyStates['KeyD']) {
+            this.playerVelocity.add(this.getSideVector().multiplyScalar(speedDelta));
+        }
+        if (this.playerOnFloor) {
+            if (this.keyStates['Space']) {
+                this.playerVelocity.y = 15;
+            }
+        }
+    };
+    // 更新玩家的位置
+    updatePlayer = (deltaTime) => {
+        let damping = Math.exp(-4 * deltaTime) - 1;
+        if (!this.playerOnFloor) {
+            this.playerVelocity.y -= this.GRAVITY * deltaTime;
+            damping *= 0.1;
+        }
+        this.playerVelocity.addScaledVector(this.playerVelocity, damping);
+        const deltaPosition = this.playerVelocity.clone().multiplyScalar(deltaTime);
+        this.playerCollider.translate(deltaPosition);
+        this.playerCollisions();
+        this.camera.position.copy(this.playerCollider.end);
+        this.camera.position.y += 1;
+        this.camera.rotation.x = clamp(this.camera.rotation.x, degToRad(-20), degToRad(20));
+    };
+    // 玩家的碰撞检测
+    playerCollisions() {
+        const result = this.worldOctree.capsuleIntersect(this.playerCollider);
+        this.playerOnFloor = false;
+        if (result) {
+            this.playerOnFloor = result.normal.y > 0;
+            if (!this.playerOnFloor) {
+                this.playerVelocity.addScaledVector(result.normal, -result.normal.dot(this.playerVelocity));
+            }
+            this.playerCollider.translate(result.normal.multiplyScalar(result.depth));
+        }
+    }
+    // 更新控制器的位置
+    teleportPlayerIfOob = () => {
+        if (this.camera.position.y <= -10) {
+            this.playerCollider.start.set(0, 0.35, 0);
+            this.playerCollider.end.set(0, 1, 10);
+            this.playerCollider.radius = 0.35;
+            this.camera.position.copy(this.playerCollider.end);
+            // this.camera.position.set(0, 3, 0);
+        }
+    };
+    // 更新
+    update() {
+        if (this.enable) {
+            const deltaTime = Math.min(0.05, this.clock.getDelta()) / this.STEPS_PER_FRAME;
+            for (let i = 0; i < this.STEPS_PER_FRAME; i++) {
+                this.controls(deltaTime);
+                this.updatePlayer(deltaTime);
+                this.teleportPlayerIfOob();
+            }
+        }
+    }
+    // 销毁事件
+    disposer() {
+        this.enable = false;
+        document.removeEventListener('keydown', this.keydown);
+        document.removeEventListener('keyup', this.keyup);
+        this.canvas.removeEventListener('pointerdown', this.mousedown);
+        document.removeEventListener('pointerup', this.mouseup);
+        document.body.removeEventListener('pointermove', this.mousemove);
+    }
+}

package/Fire/Fire.d.ts

@@ -1,28 +1,28 @@
-import { BufferGeometry, Camera, Clock, Group, Material, NormalBufferAttributes, Object3DEventMap, Points, Scene, Vector2, WebGLRenderer } from "three";
-import FireGromtry from "./FireGromtry";
-import FireMaterial from "./FireMaterial";
-export default class Fire extends Points {
-    constructor();
-    geometry: FireGromtry;
-    material: FireMaterial;
-    fireColor: string;
-    fireScale: number;
-    fireRadius: number;
-    fireHeight: number;
-    particleCount: number;
-    isPerspectiveCamera: boolean;
-    size: Vector2;
-    cacheProps: {
-        fireColor: string;
-        fireScale: number;
-        fireRadius: number;
-        fireHeight: number;
-        particleCount: number;
-        width: number;
-        height: number;
-        isPerspectiveCamera: boolean;
-    };
-    updataFrame: number;
-    clock: Clock;
-    onBeforeRender(renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry<NormalBufferAttributes>, material: Material, group: Group<Object3DEventMap>): void;
-}
+import { BufferGeometry, Camera, Clock, Group, Material, NormalBufferAttributes, Object3DEventMap, Points, Scene, Vector2, WebGLRenderer } from "three";
+import FireGromtry from "./FireGromtry";
+import FireMaterial from "./FireMaterial";
+export default class Fire extends Points {
+    constructor();
+    geometry: FireGromtry;
+    material: FireMaterial;
+    fireColor: string;
+    fireScale: number;
+    fireRadius: number;
+    fireHeight: number;
+    particleCount: number;
+    isPerspectiveCamera: boolean;
+    size: Vector2;
+    cacheProps: {
+        fireColor: string;
+        fireScale: number;
+        fireRadius: number;
+        fireHeight: number;
+        particleCount: number;
+        width: number;
+        height: number;
+        isPerspectiveCamera: boolean;
+    };
+    updataFrame: number;
+    clock: Clock;
+    onBeforeRender(renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry<NormalBufferAttributes>, material: Material, group: Group<Object3DEventMap>): void;
+}

package/Fire/Fire.js

@@ -1,79 +1,79 @@
-/*
- * @Author: xiaosihan
- * @Date: 2024-06-17 02:15:58
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2024-06-18 20:34:38
- */
-import { Clock, Color, Points, Vector2 } from "three";
-import FireGromtry from "./FireGromtry";
-import FireMaterial from "./FireMaterial";
-import { degToRad } from "three/src/math/MathUtils";
-// 粒子火焰效果
-export default class Fire extends Points {
-    constructor() {
-        super();
-    }
-    geometry = new FireGromtry(0, 0, 0);
-    material = new FireMaterial();
-    // 火焰的颜色
-    fireColor = "#ff2200";
-    // 火焰的整体缩放值
-    fireScale = 1;
-    // 火焰的燃烧半径
-    fireRadius = 0.5;
-    // 火焰的高度
-    fireHeight = 3;
-    // 火焰的粒子数量
-    particleCount = 500;
-    // 是否是透视相机
-    isPerspectiveCamera = true;
-    //渲染器的尺寸
-    size = new Vector2();
-    // 缓存的参数
-    cacheProps = {
-        fireColor: "#ff2200",
-        fireScale: 0,
-        fireRadius: 0.5,
-        fireHeight: 3,
-        particleCount: 500,
-        width: 0,
-        height: 0,
-        isPerspectiveCamera: true
-    };
-    // 当前渲染的帧数
-    updataFrame = 0;
-    // 时钟对象
-    clock = new Clock();
-    onBeforeRender(renderer, scene, camera, geometry, material, group) {
-        const delta = this.clock.getDelta();
-        renderer.getSize(this.size);
-        if (this.cacheProps.fireColor !== this.fireColor ||
-            this.cacheProps.fireScale !== this.fireScale ||
-            this.cacheProps.fireRadius !== this.fireRadius ||
-            this.cacheProps.fireHeight !== this.fireHeight ||
-            this.cacheProps.particleCount !== this.particleCount ||
-            this.cacheProps.isPerspectiveCamera !== this.isPerspectiveCamera ||
-            this.cacheProps.width !== this.size.x ||
-            this.cacheProps.height !== this.size.y) {
-            this.cacheProps.fireColor = this.fireColor;
-            this.cacheProps.fireScale = this.fireScale;
-            this.cacheProps.fireRadius = this.fireRadius;
-            this.cacheProps.fireHeight = this.fireHeight;
-            this.cacheProps.particleCount = this.particleCount;
-            this.cacheProps.isPerspectiveCamera = this.isPerspectiveCamera;
-            this.cacheProps.width = this.size.x;
-            this.cacheProps.height = this.size.y;
-            this.geometry = new FireGromtry(this.fireRadius * this.fireScale, this.fireHeight * this.fireScale, this.particleCount);
-            this.material.uniforms.color.value = new Color(this.fireColor);
-            this.material.uniforms.size.value = this.fireScale * 0.4;
-            if (camera.isPerspectiveCamera) {
-                this.material.uniforms.heightOfNearPlane.value = Math.abs(this.size.y / (2 * Math.tan(degToRad(camera.fov * 0.5))));
-            }
-            else {
-                this.material.uniforms.heightOfNearPlane.value = 0;
-            }
-        }
-        this.isPerspectiveCamera = camera.isPerspectiveCamera;
-        this.material.uniforms.time.value = (this.material.uniforms.time.value + delta) % 1;
-    }
-}
+/*
+ * @Author: xiaosihan
+ * @Date: 2024-06-17 02:15:58
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2024-06-18 20:34:38
+ */
+import { Clock, Color, Points, Vector2 } from "three";
+import FireGromtry from "./FireGromtry";
+import FireMaterial from "./FireMaterial";
+import { degToRad } from "three/src/math/MathUtils";
+// 粒子火焰效果
+export default class Fire extends Points {
+    constructor() {
+        super();
+    }
+    geometry = new FireGromtry(0, 0, 0);
+    material = new FireMaterial();
+    // 火焰的颜色
+    fireColor = "#ff2200";
+    // 火焰的整体缩放值
+    fireScale = 1;
+    // 火焰的燃烧半径
+    fireRadius = 0.5;
+    // 火焰的高度
+    fireHeight = 3;
+    // 火焰的粒子数量
+    particleCount = 500;
+    // 是否是透视相机
+    isPerspectiveCamera = true;
+    //渲染器的尺寸
+    size = new Vector2();
+    // 缓存的参数
+    cacheProps = {
+        fireColor: "#ff2200",
+        fireScale: 0,
+        fireRadius: 0.5,
+        fireHeight: 3,
+        particleCount: 500,
+        width: 0,
+        height: 0,
+        isPerspectiveCamera: true
+    };
+    // 当前渲染的帧数
+    updataFrame = 0;
+    // 时钟对象
+    clock = new Clock();
+    onBeforeRender(renderer, scene, camera, geometry, material, group) {
+        const delta = this.clock.getDelta();
+        renderer.getSize(this.size);
+        if (this.cacheProps.fireColor !== this.fireColor ||
+            this.cacheProps.fireScale !== this.fireScale ||
+            this.cacheProps.fireRadius !== this.fireRadius ||
+            this.cacheProps.fireHeight !== this.fireHeight ||
+            this.cacheProps.particleCount !== this.particleCount ||
+            this.cacheProps.isPerspectiveCamera !== this.isPerspectiveCamera ||
+            this.cacheProps.width !== this.size.x ||
+            this.cacheProps.height !== this.size.y) {
+            this.cacheProps.fireColor = this.fireColor;
+            this.cacheProps.fireScale = this.fireScale;
+            this.cacheProps.fireRadius = this.fireRadius;
+            this.cacheProps.fireHeight = this.fireHeight;
+            this.cacheProps.particleCount = this.particleCount;
+            this.cacheProps.isPerspectiveCamera = this.isPerspectiveCamera;
+            this.cacheProps.width = this.size.x;
+            this.cacheProps.height = this.size.y;
+            this.geometry = new FireGromtry(this.fireRadius * this.fireScale, this.fireHeight * this.fireScale, this.particleCount);
+            this.material.uniforms.color.value = new Color(this.fireColor);
+            this.material.uniforms.size.value = this.fireScale * 0.4;
+            if (camera.isPerspectiveCamera) {
+                this.material.uniforms.heightOfNearPlane.value = Math.abs(this.size.y / (2 * Math.tan(degToRad(camera.fov * 0.5))));
+            }
+            else {
+                this.material.uniforms.heightOfNearPlane.value = 0;
+            }
+        }
+        this.isPerspectiveCamera = camera.isPerspectiveCamera;
+        this.material.uniforms.time.value = (this.material.uniforms.time.value + delta) % 1;
+    }
+}