• Stars
    star
    481
  • Rank 91,384 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 8 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

BadTV Effect for Three.js

Bad TV Shader for Three.js

Simulates a bad TV via horizontal distortion and vertical roll.

Screenshot

screenshot.jpg

Demo

View Demo

Uniforms

  • time steadily increasing float passed in
  • distortion amount of thick distortion
  • distortion2 amount of fine grain distortion
  • speed distortion vertical travel speed
  • rollSpeed vertical roll speed

Usage

composer = new THREE.EffectComposer( renderer);
renderPass = new THREE.RenderPass( scene, camera );
badTVPass = new THREE.ShaderPass( THREE.BadTVShader );
composer.addPass( renderPass );
composer.addPass( badTVPass );
badTVPass.renderToScreen = true;

View demo for full usage details.

Credits

Uses Ashima WebGL Noise, three.js

License

MIT © Felix Turner