ripples – Add water ripples to your background using WebGL.

2014-11-02 • Plugins • Views: 1302

By the powers of WebGL, add a layer of water to your HTML elements which will ripple by cursor interaction! Maybe also by touch, though I haven’t tested that.

Important: uses the WebGL extensions OES_texture_float and OES_texture_float_linear. Works only with same-origin images (unless the image has the Access-Control-Allow-Origin header set appropiately).

 

Website

Demo

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Shares