AnaglyphWebGLRenderer.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. THREE.AnaglyphWebGLRenderer = function ( parameters ) {
  5. THREE.WebGLRenderer.call( this, parameters );
  6. var _this = this, _setSize = this.setSize, _render = this.render;
  7. var _cameraL = new THREE.Camera(), _cameraR = new THREE.Camera();
  8. var params = { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter, format: THREE.RGBAFormat };
  9. var _renderTargetL = new THREE.WebGLRenderTarget( 512, 512, params ), _renderTargetR = new THREE.WebGLRenderTarget( 512, 512, params );
  10. var _camera = new THREE.Camera( 53, 1, 1, 10000 );
  11. _camera.position.z = 2;
  12. _material = new THREE.MeshShaderMaterial( {
  13. uniforms: {
  14. "mapLeft": { type: "t", value: 0, texture: _renderTargetL },
  15. "mapRight": { type: "t", value: 1, texture: _renderTargetR }
  16. },
  17. vertexShader: [
  18. "varying vec2 vUv;",
  19. "void main() {",
  20. "vUv = vec2( uv.x, 1.0 - uv.y );",
  21. "gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
  22. "}"
  23. ].join("\n"),
  24. fragmentShader: [
  25. "uniform sampler2D mapLeft;",
  26. "uniform sampler2D mapRight;",
  27. "varying vec2 vUv;",
  28. "void main() {",
  29. "vec4 colorL, colorR;",
  30. "vec2 uv = vUv;",
  31. "colorL = texture2D( mapLeft, uv );",
  32. "colorR = texture2D( mapRight, uv );",
  33. // http://3dtv.at/Knowhow/AnaglyphComparison_en.aspx
  34. "gl_FragColor = vec4( colorL.g * 0.7 + colorL.b * 0.3, colorR.g, colorR.b, colorL.a + colorR.a ) * 1.1;",
  35. "}"
  36. ].join("\n")
  37. } );
  38. var _scene = new THREE.Scene();
  39. _scene.addObject( new THREE.Mesh( new THREE.Plane( 2, 2 ), _material ) );
  40. this.setSize = function ( width, height ) {
  41. _setSize.call( _this, width, height );
  42. _renderTargetL.width = width;
  43. _renderTargetL.height = height;
  44. _renderTargetR.width = width;
  45. _renderTargetR.height = height;
  46. };
  47. this.render = function ( scene, camera, renderTarget, forceClear ) {
  48. _cameraL.projectionMatrix = camera.projectionMatrix;
  49. _cameraL.position.copy( camera.position );
  50. _cameraL.target.position.copy( camera.target.position );
  51. _cameraL.translateX( - 10 );
  52. _cameraR.projectionMatrix = camera.projectionMatrix;
  53. _cameraR.position.copy( camera.position );
  54. _cameraR.target.position.copy( camera.target.position );
  55. _cameraR.translateX( 10 );
  56. _render.call( _this, scene, _cameraL, _renderTargetL, true );
  57. _render.call( _this, scene, _cameraR, _renderTargetR, true );
  58. _render.call( _this, _scene, _camera );
  59. };
  60. };
  61. THREE.AnaglyphWebGLRenderer.prototype = new THREE.WebGLRenderer();
  62. THREE.AnaglyphWebGLRenderer.prototype.constructor = THREE.AnaglyphWebGLRenderer;