This example requires a browser that supports the HTML5 <canvas> feature.

Custom Shaders - Pixel Colour Transform

Demonstrates the parameterised reuse of a custom shader via a shared node core.

The custom shader in this example injects a function into the SceneJS-generated fragment shader to tweak the outgoing fragment colour per given saturation, scale and addition parameters.

Three teapots are wrapped in a shader node that shares the shader by instancing its node core, along with a shaderParams node to set parameters for the shader's exposed uniform parameters.


Log