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

Transparency Sorting with layers

In this example we have three nested cubes - an inner opaque blue cube, enclosed by a transparent red cube, enclosed by an outer transparent green cube.

When SceneJS blends the cubes with (SRC_ALPHA, ONE_MINUS_SRC_ALPHA), we allocate "layers" to the cubes to ensure that they are rendered in the order neccessary for a correct transparency effect.



Log