CubeCamera.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. import { Object3D } from '../core/Object3D';
  2. import { WebGLRenderTargetCube } from '../renderers/WebGLRenderTargetCube';
  3. import { LinearFilter, RGBFormat } from '../constants';
  4. import { Vector3 } from '../math/Vector3';
  5. import { PerspectiveCamera } from './PerspectiveCamera';
  6. /**
  7. * Camera for rendering cube maps
  8. * - renders scene into axis-aligned cube
  9. *
  10. * @author alteredq / http://alteredqualia.com/
  11. */
  12. function CubeCamera( near, far, cubeResolution ) {
  13. Object3D.call( this );
  14. this.type = 'CubeCamera';
  15. var fov = 90, aspect = 1;
  16. var cameraPX = new PerspectiveCamera( fov, aspect, near, far );
  17. cameraPX.up.set( 0, - 1, 0 );
  18. cameraPX.lookAt( new Vector3( 1, 0, 0 ) );
  19. this.add( cameraPX );
  20. var cameraNX = new PerspectiveCamera( fov, aspect, near, far );
  21. cameraNX.up.set( 0, - 1, 0 );
  22. cameraNX.lookAt( new Vector3( - 1, 0, 0 ) );
  23. this.add( cameraNX );
  24. var cameraPY = new PerspectiveCamera( fov, aspect, near, far );
  25. cameraPY.up.set( 0, 0, 1 );
  26. cameraPY.lookAt( new Vector3( 0, 1, 0 ) );
  27. this.add( cameraPY );
  28. var cameraNY = new PerspectiveCamera( fov, aspect, near, far );
  29. cameraNY.up.set( 0, 0, - 1 );
  30. cameraNY.lookAt( new Vector3( 0, - 1, 0 ) );
  31. this.add( cameraNY );
  32. var cameraPZ = new PerspectiveCamera( fov, aspect, near, far );
  33. cameraPZ.up.set( 0, - 1, 0 );
  34. cameraPZ.lookAt( new Vector3( 0, 0, 1 ) );
  35. this.add( cameraPZ );
  36. var cameraNZ = new PerspectiveCamera( fov, aspect, near, far );
  37. cameraNZ.up.set( 0, - 1, 0 );
  38. cameraNZ.lookAt( new Vector3( 0, 0, - 1 ) );
  39. this.add( cameraNZ );
  40. var options = { format: RGBFormat, magFilter: LinearFilter, minFilter: LinearFilter };
  41. this.renderTarget = new WebGLRenderTargetCube( cubeResolution, cubeResolution, options );
  42. this.renderTarget.texture.name = "CubeCamera";
  43. this.update = function ( renderer, scene ) {
  44. if ( this.parent === null ) this.updateMatrixWorld();
  45. var renderTarget = this.renderTarget;
  46. var generateMipmaps = renderTarget.texture.generateMipmaps;
  47. renderTarget.texture.generateMipmaps = false;
  48. renderTarget.activeCubeFace = 0;
  49. renderer.render( scene, cameraPX, renderTarget );
  50. renderTarget.activeCubeFace = 1;
  51. renderer.render( scene, cameraNX, renderTarget );
  52. renderTarget.activeCubeFace = 2;
  53. renderer.render( scene, cameraPY, renderTarget );
  54. renderTarget.activeCubeFace = 3;
  55. renderer.render( scene, cameraNY, renderTarget );
  56. renderTarget.activeCubeFace = 4;
  57. renderer.render( scene, cameraPZ, renderTarget );
  58. renderTarget.texture.generateMipmaps = generateMipmaps;
  59. renderTarget.activeCubeFace = 5;
  60. renderer.render( scene, cameraNZ, renderTarget );
  61. renderer.setRenderTarget( null );
  62. };
  63. this.clear = function ( color, depth, stencil ) {
  64. var renderTarget = this.renderTarget;
  65. for ( var i = 0; i < 6; i ++ ) {
  66. renderTarget.activeCubeFace = i;
  67. renderer.setRenderTarget( renderTarget );
  68. renderer.clear( color, depth, stencil );
  69. }
  70. renderer.setRenderTarget( null );
  71. }
  72. }
  73. CubeCamera.prototype = Object.create( Object3D.prototype );
  74. CubeCamera.prototype.constructor = CubeCamera;
  75. export { CubeCamera };