CNA Samples

Shadow Mapping

Move the camera around a character and watch its shadow map follow the visible scene.

Billboard Sample

Walk through wind-swayed grass and trees drawn as camera-facing billboards.

Instanced Model

Compare three ways to render a thousand animated model copies, including hardware instancing.

Lens Flare

Explore a lit mountain landscape and move the camera around the sun.

Known WebGL 2 limitation: the sun glow and lens flares are not visible.

Shatter Effect

Hold a key to scatter a tank into individual triangles, then bring it back together.

3D Particles

Switch between explosions, smoke plumes and rings of fire, then orbit the camera around the scene.

2D Particles Pipeline

Switch between explosions, smoke plumes and a movable emitter driven by compiled particle settings.

XML Particles

Explore explosions, smoke and fire whose particle settings come from compiled XML files.

3D Graphics

Rotate and zoom a spaceship, switch its three lights, and explore backgrounds and animation.

Picking Sample

Point at a model to identify it while the camera circles a textured table.

Triangle Picking

Point at a triangle to highlight its edges and orbit the camera around the models.

Heightmap Collision

Roll a sphere over terrain generated from a heightmap while the camera follows.