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.
Permalink
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
README.md Update README.md Apr 14, 2016

README.md

Bad TV Shader for Three.js

Simulates a bad TV via horizontal distortion and vertical roll. Uses Ashima WebGL Noise: https://github.com/ashima/webgl-noise

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

License

MIT © Felix Turner