home/three.js
2
0
Fork 0
mirror of https://github.com/wahyd4/three.js.git synced 2026-08-09 04:56:01 +10:00
Code Issues Packages Projects Releases Wiki Activity

added zoom + 6 views for CombinedCamera

Browse Source
This commit is contained in:
zz85
2011-10-09 00:09:37 +08:00
parent 2d20fbe954
commit a2c8a2e0b4
2 changed files with 45 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/canvas_camera_orthographic2.html
+3 -3
View File
@@ -42,9 +42,9 @@
<a href="#" onclick="setFov(50);return false;">50°</a> |
<a href="#" onclick="setFov(70);return false;">70°</a> |
<a href="#" onclick="setFov(100);return false;">100°</a><br>
Zoom: 0.5x |
1x |
2x |
Zoom: <a href="#" onclick="camera.setZoom(0.5);return false;">0.5x</a> |
<a href="#" onclick="camera.setZoom(1);return false;">1x</a> |
<a href="#" onclick="camera.setZoom(2);return false;">2x</a> |
<br/>
Views: <a href="#" onclick="camera.toTopView();return false;">Top view</a> |
src/extras/cameras/CombinedCamera.js
+42 -8
View File
@@ -11,11 +11,23 @@ THREE.CombinedCamera = function ( width, height, fov, near, far, orthonear, orth
THREE.Camera.call( this );
this.fov = fov;
this.left = -width / 2;
this.right = width / 2
this.top = height / 2;
this.bottom = -height / 2;
// We could also handle the projectionMatrix internally, but just wanted to test nested camera objects
this.cameraO = new THREE.OrthographicCamera( width / - 2, width / 2, height / 2, height / - 2, orthonear, orthofar );
this.cameraP = new THREE.PerspectiveCamera( fov, width/height, near, far );
console.log(this.cameraO);
this.zoom = 1;
this.toPerspective();
};
@@ -26,28 +38,36 @@ THREE.CombinedCamera.prototype.toPerspective = function () {
this.near = this.cameraP.near;
this.far = this.cameraP.far;
this.cameraP.fov = this.fov / this.zoom ;
this.cameraP.updateProjectionMatrix();
this.projectionMatrix = this.cameraP.projectionMatrix;
this.isPersepective = true;
this.isOrthographics = false;
this.inPersepectiveMode = true;
this.inOrthographicMode = false;
};
THREE.CombinedCamera.prototype.toOrthographic = function () {
this.cameraO.left = this.left / this.zoom;
this.cameraO.right = this.right / this.zoom;
this.cameraO.top = this.top / this.zoom;
this.cameraO.bottom = this.bottom / this.zoom;
this.cameraO.updateProjectionMatrix();
this.near = this.cameraO.near;
this.far = this.cameraO.far;
this.projectionMatrix = this.cameraO.projectionMatrix;
this.isPersepective = false;
this.isOrthographics = true;
this.inPersepectiveMode = false;
this.inOrthographicMode = true;
};
THREE.CombinedCamera.prototype.setFov = function(fov) {
this.cameraP.fov = fov;
this.cameraP.updateProjectionMatrix();
THREE.CombinedCamera.prototype.setFov = function(fov) {
this.fov = fov;
this.toPerspective();
};
@@ -68,6 +88,20 @@ THREE.CombinedCamera.prototype.setLens = function(focalLength, framesize) {
return fov;
};
THREE.CombinedCamera.prototype.setZoom = function(zoom) {
this.zoom = zoom;
if (this.inPersepectiveMode) {
this.toPerspective();
} else {
this.toOrthographic();
}
};
THREE.CombinedCamera.prototype.toFrontView = function() {
this.rotation.x = 0;
this.rotation.y = 0;