Backup_Repos/jsketcher
1
0
Fork 0
mirror of https://github.com/xibyte/jsketcher synced 2025-12-20 15:32:57 +01:00
Code Issues Projects Releases Wiki Activity

viewport resize for the orthographic camera

Browse source
This commit is contained in:
Val Erastov 2018-01-06 12:14:46 -08:00
parent 2c640cc75a
commit 76b8f635ca
1 changed files with 26 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
modules/scene/sceneSetup.js
View file

@ -22,7 +22,11 @@ export default class SceneSetUp {
createOrthographicCamera() {
let width = this.container.clientWidth;
let height = this.container.clientHeight;
this.oCamera = new THREE.OrthographicCamera( width / - 1, width / 1, height / 1, height / - 1, 0.1, 10000);
let factor = ORTHOGRAPHIC_CAMERA_FACTOR;
this.oCamera = new THREE.OrthographicCamera(-width / factor,
width / factor,
height / factor,
-height / factor, 0.1, 10000);
this.oCamera.position.z = 1000;
this.oCamera.position.x = -1000;
this.oCamera.position.y = 300;
@ -52,13 +56,29 @@ export default class SceneSetUp {
this.container.appendChild( this.renderer.domElement );
window.addEventListener( 'resize', () => {
this.pCamera.aspect = this.aspect();
this.pCamera.updateProjectionMatrix();
this.updatePerspectiveCameraViewport();
this.updateOrthographicCameraViewport();
this.renderer.setSize( this.container.clientWidth, this.container.clientHeight );
this.render();
}, false );
}
updatePerspectiveCameraViewport() {
this.pCamera.aspect = this.aspect();
this.pCamera.updateProjectionMatrix();
}
updateOrthographicCameraViewport() {
let width = this.container.clientWidth;
let height = this.container.clientHeight;
let factor = ORTHOGRAPHIC_CAMERA_FACTOR;
this.oCamera.left = - width / factor;
this.oCamera.right = width / factor;
this.oCamera.top = height / factor;
this.oCamera.bottom = - height / factor;
this.oCamera.updateProjectionMatrix();
}
setCamera(camera) {
let camPosition = new THREE.Vector3();
let camRotation = new THREE.Euler();
@ -167,4 +187,6 @@ export default class SceneSetUp {
domElement() {
return this.renderer.domElement;
}
}
}
const ORTHOGRAPHIC_CAMERA_FACTOR = 1;