Clarity

Example 1 : Image

A simple example of manipulating a static image using a canvas

Example 2 : Video

A simple example of manipulating a video streaming to a canvas

Example 3 : WebGL

A simple example of manipulating a WebGL scene streaming to a canvas

Example 4 : Webcam

A more complex example of manipulating webcam input streaming to a canvas, with options for each of the filters.

Example 5 : Webcam-LIFX

An example of a filter made to interact with a LIFX light bulb.

Example 6 : WebGL-Material

An example of how clarity can be used to generate textures and their normal maps procedurally.

Example 7 : WebGL-DualInputs

An example of how clarity can be used to generate more complex textures procedurally, using combinations of filters.

Example 8 : HeightMap

A height-map manipulation and normal map generation example.