RTTNode.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. /**
  2. * @author sunag / http://www.sunag.com.br/
  3. */
  4. import {
  5. Mesh,
  6. OrthographicCamera,
  7. PlaneBufferGeometry,
  8. Scene,
  9. WebGLRenderTarget
  10. } from '../../../../build/three.module.js';
  11. import { NodeBuilder } from '../core/NodeBuilder.js';
  12. import { NodeMaterial } from '../materials/NodeMaterial.js';
  13. import { TextureNode } from './TextureNode.js';
  14. function RTTNode( width, height, input, options ) {
  15. options = options || {};
  16. this.input = input;
  17. this.clear = options.clear !== undefined ? options.clear : true;
  18. this.renderTarget = new WebGLRenderTarget( width, height, options );
  19. this.material = new NodeMaterial();
  20. this.camera = new OrthographicCamera( - 1, 1, 1, - 1, 0, 1 );
  21. this.scene = new Scene();
  22. this.quad = new Mesh( new PlaneBufferGeometry( 2, 2 ), this.material );
  23. this.quad.frustumCulled = false; // Avoid getting clipped
  24. this.scene.add( this.quad );
  25. this.render = true;
  26. TextureNode.call( this, this.renderTarget.texture );
  27. }
  28. RTTNode.prototype = Object.create( TextureNode.prototype );
  29. RTTNode.prototype.constructor = RTTNode;
  30. RTTNode.prototype.nodeType = "RTT";
  31. RTTNode.prototype.build = function ( builder, output, uuid ) {
  32. var rttBuilder = new NodeBuilder();
  33. rttBuilder.nodes = builder.nodes;
  34. rttBuilder.updaters = builder.updaters;
  35. this.material.fragment.value = this.input;
  36. this.material.build( { builder: rttBuilder } );
  37. return TextureNode.prototype.build.call( this, builder, output, uuid );
  38. };
  39. RTTNode.prototype.updateFramesaveTo = function ( frame ) {
  40. this.saveTo.render = false;
  41. if ( this.saveTo !== this.saveToCurrent ) {
  42. if ( this.saveToMaterial ) this.saveToMaterial.dispose();
  43. var material = new NodeMaterial();
  44. material.fragment.value = this;
  45. material.build();
  46. var scene = new Scene();
  47. var quad = new Mesh( new PlaneBufferGeometry( 2, 2 ), material );
  48. quad.frustumCulled = false; // Avoid getting clipped
  49. scene.add( quad );
  50. this.saveToScene = scene;
  51. this.saveToMaterial = material;
  52. }
  53. this.saveToCurrent = this.saveTo;
  54. frame.renderer.setRenderTarget( this.saveTo.renderTarget );
  55. if ( this.saveTo.clear ) frame.renderer.clear();
  56. frame.renderer.render( this.saveToScene, this.camera );
  57. };
  58. RTTNode.prototype.updateFrame = function ( frame ) {
  59. if ( frame.renderer ) {
  60. // from the second frame
  61. if ( this.saveTo && this.saveTo.render === false ) {
  62. this.updateFramesaveTo( frame );
  63. }
  64. if ( this.render ) {
  65. if ( this.material.uniforms.renderTexture ) {
  66. this.material.uniforms.renderTexture.value = frame.renderTexture;
  67. }
  68. frame.renderer.setRenderTarget( this.renderTarget );
  69. if ( this.clear ) frame.renderer.clear();
  70. frame.renderer.render( this.scene, this.camera );
  71. }
  72. // first frame
  73. if ( this.saveTo && this.saveTo.render === true ) {
  74. this.updateFramesaveTo( frame );
  75. }
  76. } else {
  77. console.warn( "RTTNode need a renderer in NodeFrame" );
  78. }
  79. };
  80. RTTNode.prototype.copy = function ( source ) {
  81. TextureNode.prototype.copy.call( this, source );
  82. this.saveTo = source.saveTo;
  83. return this;
  84. };
  85. RTTNode.prototype.toJSON = function ( meta ) {
  86. var data = this.getJSONNode( meta );
  87. if ( ! data ) {
  88. data = TextureNode.prototype.toJSON.call( this, meta );
  89. if ( this.saveTo ) data.saveTo = this.saveTo.toJSON( meta ).uuid;
  90. }
  91. return data;
  92. };
  93. export { RTTNode };