WebGL playground guide

Three looks

Each picture below was made in WebGL playground. The table under each one is the whole recipe, in the order it was set; everything not listed stays as the page opens. Press the preset first: it would undo settings made before it.

The scene moves all the time, so yours will differ in the detail.

A neon storm

A glowing pink knotted tube inside a looping cloud of cyan and pink points, with faint scanlines
The Neon storm preset with a torus knot and softer bloom: a pink hologram among cyan and pink points on a Lorenz attractor.

The Hologram shader draws see-through stripes that scroll along the knot, so it reads as glowing light rather than a solid. The points trace a Lorenz attractor, and chromatic aberration and scanlines finish it like an old screen.

SettingValue
PresetsNeon storm
ShapeTorus knot
Count6000
Bloom0.6
Bloom threshold0.7

Raise Bloom back to 2 and Bloom threshold to 0.3, as the preset has them, and the knot melts into a pink glow.

A wireframe landscape

Green wireframe hills fading into a dark fog under a floating wireframe sphere and a cloud of violet points
The Terrain scene in wireframe with fog, seen through a wide lens.

Wireframe draws only the edges of the terrain's faces, so the moving hills read as a green net. The fog fades the far side into the background, and the main shape floats above.

SettingValue
WireframeOn
SceneTerrain
Fog0.4
FOV80
Auto orbit0

Turn Wireframe off and press Terrain again for solid hills with flat faces.

A fractal in normal colours

A branching tree of small faceted shapes shaded pink, lilac and pale blue, on a dark ground
The Fractal scene drawn with the Normal map shader, seen from a little further away.

Every branch is a smaller copy of the one before, so the tree is a fractal. The Normal map shader colours each face by the way it points, so faces turned the same way share a colour, pink, blue or pale green, whatever the lights do.

SettingValue
ShaderNormal map
SceneFractal
Bloom0.3
Count2000
Distance16

The fractal takes the shader when you press Fractal; pick another shader, then press Fractal again to see it.