BlueMapWeb/src/util/CombinedCamera.js

181 lines
5.5 KiB
JavaScript

/*
* This file is part of BlueMap, licensed under the MIT License (MIT).
*
* Copyright (c) Blue (Lukas Rieger) <https://bluecolored.de>
* Copyright (c) contributors
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
import {MathUtils, Matrix4, PerspectiveCamera} from "three";
export class CombinedCamera extends PerspectiveCamera {
/**
* @param fov {number}
* @param aspect {number}
* @param near {number}
* @param far {number}
* @param ortho {number}
*/
constructor(fov, aspect, near, far, ortho) {
super(fov, aspect, near, far);
this.data = {
fov: this.fov,
aspect: this.aspect,
near: this.near,
far: this.far,
zoom: this.zoom,
ortho: ortho,
distance: 1,
};
// redirect parent properties
Object.defineProperty(this, "fov", {
get() { return this.data.fov },
set(value) { this.data.fov = value }
});
Object.defineProperty(this, "aspect", {
get() { return this.data.aspect },
set(value) { this.data.aspect = value }
});
Object.defineProperty(this, "near", {
get() { return this.data.near },
set(value) { this.data.near = value }
});
Object.defineProperty(this, "far", {
get() { return this.data.far },
set(value) { this.data.far = value }
});
Object.defineProperty(this, "zoom", {
get() { return this.data.zoom },
set(value) { this.data.zoom = value }
});
this.updateProjectionMatrix();
}
updateProjectionMatrix() {
if (!this.ortographicProjection)
this.ortographicProjection = new Matrix4();
if (!this.perspectiveProjection)
this.perspectiveProjection = new Matrix4();
if (!this.data)
this.data = {};
//copied from PerspectiveCamera
const near = this.near;
let top = near * Math.tan( MathUtils.DEG2RAD * 0.5 * this.fov ) / this.zoom;
let height = 2 * top;
let width = this.aspect * height;
let left = - 0.5 * width;
const view = this.view;
if ( this.view !== null && this.view.enabled ) {
const fullWidth = view.fullWidth,
fullHeight = view.fullHeight;
left += view.offsetX * width / fullWidth;
top -= view.offsetY * height / fullHeight;
width *= view.width / fullWidth;
height *= view.height / fullHeight;
}
const skew = this.filmOffset;
if ( skew !== 0 ) left += near * skew / this.getFilmWidth();
// this part different to PerspectiveCamera
let normalizedOrtho = -Math.pow(this.ortho - 1, 6) + 1;
let orthoTop = Math.max(this.distance, 0.0001) * Math.tan( MathUtils.DEG2RAD * 0.5 * this.fov ) / this.zoom;
let orthoHeight = 2 * orthoTop;
let orthoWidth = this.aspect * orthoHeight;
let orthoLeft = - 0.5 * orthoWidth;
this.perspectiveProjection.makePerspective( left, left + width, top, top - height, near, this.far );
this.ortographicProjection.makeOrthographic( orthoLeft, orthoLeft + orthoWidth, orthoTop, orthoTop - orthoHeight, near, this.far );
for (let i = 0; i < 16; i++){
this.projectionMatrix.elements[i] = (this.perspectiveProjection.elements[i] * (1 - normalizedOrtho)) + (this.ortographicProjection.elements[i] * normalizedOrtho);
}
// to here
this.projectionMatrixInverse.copy( this.projectionMatrix ).invert();
}
/**
* @returns {boolean}
*/
get isPerspectiveCamera() {
return this.ortho < 1;
}
/**
* @returns {boolean}
*/
get isOrthographicCamera() {
return !this.isPerspectiveCamera;
}
/**
* @returns {string}
*/
get type() {
return this.isPerspectiveCamera ? 'PerspectiveCamera' : 'OrthographicCamera';
}
/**
* @param type {string}
*/
set type(type) {
//ignore
}
/**
* @returns {number}
*/
get ortho() {
return this.data.ortho;
}
/**
* @param value {number}
*/
set ortho(value) {
this.data.ortho = value;
}
/**
* @returns {number}
*/
get distance() {
return this.data.distance;
}
/**
* @param value {number}
*/
set distance(value) {
this.data.distance = value;
}
}