AfterimageShader.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. console.warn( "THREE.AfterimageShader: 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/#manual/en/introduction/Installation." );
  2. /**
  3. * Afterimage shader
  4. * I created this effect inspired by a demo on codepen:
  5. * https://codepen.io/brunoimbrizi/pen/MoRJaN?page=1&
  6. */
  7. THREE.AfterimageShader = {
  8. uniforms: {
  9. "damp": { value: 0.96 },
  10. "tOld": { value: null },
  11. "tNew": { value: null }
  12. },
  13. vertexShader: [
  14. "varying vec2 vUv;",
  15. "void main() {",
  16. " vUv = uv;",
  17. " gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
  18. "}"
  19. ].join( "\n" ),
  20. fragmentShader: [
  21. "uniform float damp;",
  22. "uniform sampler2D tOld;",
  23. "uniform sampler2D tNew;",
  24. "varying vec2 vUv;",
  25. "vec4 when_gt( vec4 x, float y ) {",
  26. " return max( sign( x - y ), 0.0 );",
  27. "}",
  28. "void main() {",
  29. " vec4 texelOld = texture2D( tOld, vUv );",
  30. " vec4 texelNew = texture2D( tNew, vUv );",
  31. " texelOld *= damp * when_gt( texelOld, 0.1 );",
  32. " gl_FragColor = max(texelNew, texelOld);",
  33. "}"
  34. ].join( "\n" )
  35. };