This content cannot be displayed because your browser does not support the HTML 5 canvas tag.

WebGL filter demo

Click on the buttons to the right to change the filter.

Drag the slider to modify a parameter in the effect.

This is a realtime GPU-accelerated video filter rendered in the browser using WebGL. The filter is applied to a HTML5 animation made in Radi. There's no pre-rendered video here, everything is rendered on the fly: the vector animation is drawn using Canvas, and it is then processed by the WebGL filter.

Everything on this page was made in Radi. Graphics were drawn using Radi’s tools. No HTML or WebGL code needed to be written by hand.

The effects were not written as code, but designed visually in Radi using the node-based Conduit system. Read more:
How the Radi WebGL filter demo was built