AfterimagePass.js 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. console.warn( "THREE.AfterimagePass: As part of the transition to ES6 Modules, the files in 'examples/js' were deprecated in May 2020 (r117) and will be deleted in December 2020 (r124). You can find more information about developing using ES6 Modules in https://threejs.org/docs/index.html#manual/en/introduction/Import-via-modules." );
  2. /**
  3. * @author HypnosNova / https://www.threejs.org.cn/gallery/
  4. */
  5. THREE.AfterimagePass = function ( damp ) {
  6. THREE.Pass.call( this );
  7. if ( THREE.AfterimageShader === undefined )
  8. console.error( "THREE.AfterimagePass relies on THREE.AfterimageShader" );
  9. this.shader = THREE.AfterimageShader;
  10. this.uniforms = THREE.UniformsUtils.clone( this.shader.uniforms );
  11. this.uniforms[ "damp" ].value = damp !== undefined ? damp : 0.96;
  12. this.textureComp = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, {
  13. minFilter: THREE.LinearFilter,
  14. magFilter: THREE.NearestFilter,
  15. format: THREE.RGBAFormat
  16. } );
  17. this.textureOld = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight, {
  18. minFilter: THREE.LinearFilter,
  19. magFilter: THREE.NearestFilter,
  20. format: THREE.RGBAFormat
  21. } );
  22. this.shaderMaterial = new THREE.ShaderMaterial( {
  23. uniforms: this.uniforms,
  24. vertexShader: this.shader.vertexShader,
  25. fragmentShader: this.shader.fragmentShader
  26. } );
  27. this.compFsQuad = new THREE.Pass.FullScreenQuad( this.shaderMaterial );
  28. var material = new THREE.MeshBasicMaterial();
  29. this.copyFsQuad = new THREE.Pass.FullScreenQuad( material );
  30. };
  31. THREE.AfterimagePass.prototype = Object.assign( Object.create( THREE.Pass.prototype ), {
  32. constructor: THREE.AfterimagePass,
  33. render: function ( renderer, writeBuffer, readBuffer ) {
  34. this.uniforms[ "tOld" ].value = this.textureOld.texture;
  35. this.uniforms[ "tNew" ].value = readBuffer.texture;
  36. renderer.setRenderTarget( this.textureComp );
  37. this.compFsQuad.render( renderer );
  38. this.copyFsQuad.material.map = this.textureComp.texture;
  39. if ( this.renderToScreen ) {
  40. renderer.setRenderTarget( null );
  41. this.copyFsQuad.render( renderer );
  42. } else {
  43. renderer.setRenderTarget( writeBuffer );
  44. if ( this.clear ) renderer.clear();
  45. this.copyFsQuad.render( renderer );
  46. }
  47. // Swap buffers.
  48. var temp = this.textureOld;
  49. this.textureOld = this.textureComp;
  50. this.textureComp = temp;
  51. // Now textureOld contains the latest image, ready for the next frame.
  52. },
  53. setSize: function ( width, height ) {
  54. this.textureComp.setSize( width, height );
  55. this.textureOld.setSize( width, height );
  56. }
  57. } );