Skip to content

pardo-bsso/bad-tv-shader

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

BadTV Effect for Three.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.9%
  • HTML 28.1%