Bad TV Shader for Three.js

Simulates a bad TV via horizontal distortion and vertical roll.

Screenshot

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