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 GPU-accelerated video filter rendered in the browser using WebGL. The filter is applied in realtime to an HTML5 video.

Everything on this page was made in Radi. Graphics were drawn using Radi’s tools. Video was converted to HTML5 formats automatically. 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

(Above example video is trailer for The Good Son courtesy of Bufo Productions.)