BadTV Effect for Three.js
JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
example Add BadTVShader Apr 14, 2016
.gitignore Add BadTVShader Apr 14, 2016
BadTVShader.js Add BadTVShader Apr 14, 2016
LICENSE Add BadTVShader Apr 14, 2016 Update Apr 14, 2016

Bad TV Shader for Three.js

Simulates a bad TV via horizontal distortion and vertical roll. Uses Ashima WebGL Noise:




View Demo


  • 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


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 example for full usage details.


MIT © Felix Turner