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

Got ParallaxBarrierWebGLRenderer working.

Browse Source
This commit is contained in:
alteredq
2011-10-24 18:34:40 +02:00
parent eda6d2adde
commit 9433bd1446
2 changed files with 39 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/webgl_materials_cars_parallaxbarrier.html
+3
View File
@@ -56,6 +56,7 @@
</div>
<script src="../build/Three.js"></script>
<script src="../src/extras/renderers/ParallaxBarrierWebGLRenderer.js"></script>
<script src="js/Detector.js"></script>
@@ -165,6 +166,8 @@
scene = new THREE.Scene();
scene.add( camera );
// LIGHTS
var ambient = new THREE.AmbientLight( 0x555555 );
src/extras/renderers/ParallaxBarrierWebGLRenderer.js
+36 -25
View File
@@ -1,6 +1,7 @@
/**
* @author mrdoob / http://mrdoob.com/
* @author marklundin / http://mark-lundin.com/
* @author alteredq / http://alteredqualia.com/
*/
if ( THREE.WebGLRenderer ) {
@@ -9,6 +10,8 @@ if ( THREE.WebGLRenderer ) {
THREE.WebGLRenderer.call( this, parameters );
this.autoUpdateScene = false;
var _this = this, _setSize = this.setSize, _render = this.render;
var _cameraL = new THREE.PerspectiveCamera(),
@@ -17,7 +20,7 @@ if ( THREE.WebGLRenderer ) {
var eyeRight = new THREE.Matrix4(),
eyeLeft = new THREE.Matrix4(),
focalLength = 125,
aspect, near, fov;
_aspect, _near, _far, _fov;
_cameraL.matrixAutoUpdate = _cameraR.matrixAutoUpdate = false;
@@ -80,6 +83,8 @@ if ( THREE.WebGLRenderer ) {
var _scene = new THREE.Scene();
_scene.add( new THREE.Mesh( new THREE.PlaneGeometry( 2, 2 ), _material ) );
_scene.add( _camera );
this.setSize = function ( width, height ) {
_setSize.call( _this, width, height );
@@ -100,59 +105,65 @@ if ( THREE.WebGLRenderer ) {
this.render = function ( scene, camera, renderTarget, forceClear ) {
//camera.update( null, true );
scene.updateMatrixWorld();
var hasCameraChanged = aspect !== camera.aspect || near !== camera.near || fov !== camera.fov;
var hasCameraChanged = ( _aspect !== camera.aspect ) || ( _near !== camera.near ) || ( _far !== camera.far ) || ( _fov !== camera.fov );
if( hasCameraChanged ) {
aspect = camera.aspect;
near = camera.near;
fov = camera.fov;
_aspect = camera.aspect;
_near = camera.near;
_far = camera.far;
_fov = camera.fov;
var projectionMatrix = camera.projectionMatrix.clone(),
eyeSep = focalLength / 30 * 0.5,
eyeSepOnProjection = eyeSep * near / focalLength,
ymax = near * Math.tan( fov * Math.PI / 360 ),
eyeSepOnProjection = eyeSep * _near / focalLength,
ymax = _near * Math.tan( _fov * Math.PI / 360 ),
xmin, xmax;
//translate xOffset
// translate xOffset
eyeRight.n14 = eyeSep;
eyeLeft.n14 = -eyeSep;
//For left eye
// for left eye
xmin = -ymax * aspect + eyeSepOnProjection;
xmax = ymax * aspect + eyeSepOnProjection;
projectionMatrix.n11 = 2 * near / ( xmax - xmin );
xmin = -ymax * _aspect + eyeSepOnProjection;
xmax = ymax * _aspect + eyeSepOnProjection;
projectionMatrix.n11 = 2 * _near / ( xmax - xmin );
projectionMatrix.n13 = ( xmax + xmin ) / ( xmax - xmin );
_cameraL.projectionMatrix = projectionMatrix.clone();
//for right eye
_cameraL.projectionMatrix.copy( projectionMatrix );
xmin = -ymax * aspect - eyeSepOnProjection;
xmax = ymax * aspect - eyeSepOnProjection;
projectionMatrix.n11 = 2 * near / ( xmax - xmin );
// for right eye
xmin = -ymax * _aspect - eyeSepOnProjection;
xmax = ymax * _aspect - eyeSepOnProjection;
projectionMatrix.n11 = 2 * _near / ( xmax - xmin );
projectionMatrix.n13 = ( xmax + xmin ) / ( xmax - xmin );
_cameraR.projectionMatrix = projectionMatrix.clone();
_cameraR.projectionMatrix.copy( projectionMatrix );
}
_cameraL.matrix = camera.matrixWorld.clone().multiplySelf( eyeLeft );
//_cameraL.update( null, true );
_cameraL.matrixWorld.copy( camera.matrixWorld ).multiplySelf( eyeLeft );
_cameraL.position.copy( camera.position );
_cameraL.near = near;
_cameraL.near = camera.near;
_cameraL.far = camera.far;
_render.call( _this, scene, _cameraL, _renderTargetL, true );
_cameraR.matrix = camera.matrixWorld.clone().multiplySelf( eyeRight );
//_cameraR.update( null, true );
_cameraR.matrixWorld.copy( camera.matrixWorld ).multiplySelf( eyeRight );
_cameraR.position.copy( camera.position );
_cameraR.near = near;
_cameraR.near = camera.near;
_cameraR.far = camera.far;
_render.call( _this, scene, _cameraR, _renderTargetR, true );
_scene.updateMatrixWorld();
_render.call( _this, _scene, _camera );
};