# Animated Heat Distortion Effects with WebGL

A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.

[Article on Codrops](http://tympanus.net/codrops/?p=26950)

[Demo](http://tympanus.net/Tutorials/HeatDistortionEffect/)

## License

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is". 

Read more here: [License](http://tympanus.net/codrops/licensing/)

## Misc

Follow Lucas: [Twitter](http://twitter.com/lucasbebber), [Dribbble](https://dribbble.com/lbebber), [Flickr](https://www.flickr.com/lbebber)

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/)

[© Codrops 2016](http://www.codrops.com)





