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

Merge remote-tracking branch 'chandlerprall/dev' into dev

Browse Source
This commit is contained in:
Mr.doob
2011-09-19 13:34:03 -07:00
parent 4c8922a0ff 6c018bd8e8
commit af6f78bb02
3 changed files with 50 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/extras/cameras/FirstPersonCamera.js
+19 -4
View File
@@ -98,11 +98,21 @@ THREE.FirstPersonCamera = function ( parameters ) {
this.mouseDragOn = false;
this.windowHalfX = window.innerWidth / 2;
this.windowHalfY = window.innerHeight / 2;
if ( this.domElement === document ) {
this.viewHalfX = window.innerWidth / 2;
this.viewHalfY = window.innerHeight / 2;
} else {
this.viewHalfX = this.domElement.offsetWidth / 2;
this.viewHalfY = this.domElement.offsetHeight / 2;
this.domElement.setAttribute( 'tabindex', -1 );
}
this.onMouseDown = function ( event ) {
if ( this.domElement !== document ) {
this.domElement.focus();
}
event.preventDefault();
event.stopPropagation();
@@ -143,8 +153,13 @@ THREE.FirstPersonCamera = function ( parameters ) {
this.onMouseMove = function ( event ) {
this.mouseX = event.clientX - this.windowHalfX;
this.mouseY = event.clientY - this.windowHalfY;
if ( this.domElement === document ) {
this.mouseX = event.pageX - this.viewHalfX;
this.mouseY = event.pageY - this.viewHalfY;
} else {
this.mouseX = event.pageX - this.domElement.offsetLeft - this.viewHalfX;
this.mouseY = event.pageY - this.domElement.offsetTop - this.viewHalfY;
}
};
src/extras/cameras/FlyCamera.js
+16 -7
View File
@@ -61,6 +61,12 @@ THREE.FlyCamera = function ( parameters ) {
this.lastUpdate = -1;
this.tdiff = 0;
if ( this.domElement === document ) {
} else {
this.domElement.setAttribute( 'tabindex', -1 );
}
this.handleEvent = function ( event ) {
@@ -141,7 +147,11 @@ THREE.FlyCamera = function ( parameters ) {
};
this.mousedown = function(event) {
if ( this.domElement !== document ) {
this.domElement.focus();
}
event.preventDefault();
event.stopPropagation();
@@ -170,8 +180,9 @@ THREE.FlyCamera = function ( parameters ) {
var halfWidth = container.size[ 0 ] / 2;
var halfHeight = container.size[ 1 ] / 2;
this.moveState.yawLeft = - ( ( event.clientX - container.offset[ 0 ] ) - halfWidth ) / halfWidth;
this.moveState.pitchDown = ( ( event.clientY - container.offset[ 1 ] ) - halfHeight ) / halfHeight;
this.moveState.yawLeft = - ( ( event.pageX - container.offset[ 0 ] ) - halfWidth ) / halfWidth;
this.moveState.pitchDown = ( ( event.pageY - container.offset[ 1 ] ) - halfHeight ) / halfHeight;
this.updateRotationVector();
}
@@ -187,7 +198,6 @@ THREE.FlyCamera = function ( parameters ) {
this.mouseStatus --;
//this.mouseX = this.mouseY = 0;
this.moveState.yawLeft = this.moveState.pitchDown = 0;
} else {
@@ -214,7 +224,6 @@ THREE.FlyCamera = function ( parameters ) {
this.tdiff = ( now - this.lastUpdate ) / 1000;
this.lastUpdate = now;
//this.position.addSelf( this.moveVector.multiplyScalar( tdiff ) );
var moveMult = this.tdiff * this.movementSpeed;
var rotMult = this.tdiff * this.rollSpeed;
@@ -289,8 +298,8 @@ THREE.FlyCamera = function ( parameters ) {
this.domElement.addEventListener( 'mousedown', bind( this, this.mousedown ), false );
this.domElement.addEventListener( 'mouseup', bind( this, this.mouseup ), false );
window.addEventListener( 'keydown', bind( this, this.keydown ), false );
window.addEventListener( 'keyup', bind( this, this.keyup ), false );
this.domElement.addEventListener( 'keydown', bind( this, this.keydown ), false );
this.domElement.addEventListener( 'keyup', bind( this, this.keyup ), false );
this.updateMovementVector();
this.updateRotationVector();
src/extras/cameras/PathCamera.js
+15 -4
View File
@@ -82,8 +82,14 @@ THREE.PathCamera = function ( parameters ) {
this.phi = 0;
this.theta = 0;
this.windowHalfX = window.innerWidth / 2;
this.windowHalfY = window.innerHeight / 2;
if ( this.domElement === document ) {
this.viewHalfX = window.innerWidth / 2;
this.viewHalfY = window.innerHeight / 2;
} else {
this.viewHalfX = this.domElement.offsetWidth / 2;
this.viewHalfY = this.domElement.offsetHeight / 2;
this.domElement.setAttribute( 'tabindex', -1 );
}
var PI2 = Math.PI * 2,
PI180 = Math.PI / 180;
@@ -150,8 +156,13 @@ THREE.PathCamera = function ( parameters ) {
this.onMouseMove = function ( event ) {
this.mouseX = event.clientX - this.windowHalfX;
this.mouseY = event.clientY - this.windowHalfY;
if ( this.domElement === document ) {
this.mouseX = event.pageX - this.viewHalfX;
this.mouseY = event.pageY - this.viewHalfY;
} else {
this.mouseX = event.pageX - this.domElement.offsetLeft - this.viewHalfX;
this.mouseY = event.pageY - this.domElement.offsetTop - this.viewHalfY;
}
};