Skip to content

Examples

Try a feature in your browser, experiment with its controls and read the source code. Choose a category to explore.

WebGPU: checking…

All Basics Rendering Shaders Post-processing Lighting Models 2D Physics Gameplay Input Audio UI Particles Terrain Platform Templates

Basics

An orange cube casting a soft shadow on a dark grey floor, lit from the upper left, seen from slightly above.

Hello cube

Start with a spinning cube, a camera and lights, all created in code.

Mouse
Touch
Gamepad

Rendering

A detailed metal spaceship crossing the frame nose-down, seen from slightly below and in front: a warm key light picks out its worn hull plating, a rim light behind it burns the wing edges, its engines glow, and behind it a faint pool of light falls away to black at the corners.

Physically based rendering

Explore the ignifx ship with realistic metal, reflections and glowing engines.

Mouse
Touch
Gamepad

Seven grey shapes — a box, a sphere, a cylinder, a capsule, a torus, a cone and a slab — standing in two rows on a lit grid floor, with the cylinder at the centre of the frame picked out in orange.

Picking

Click a shape and compare object selection using the GPU and CPU.

Mouse
Touch
Gamepad

A wide ring of thousands of small pale-grey rocks seen at a shallow angle against black, thousands deep, with an empty hole at its centre and the far side of the ring receding towards the top of the frame.

Instancing

Twenty thousand asteroids, one mesh, one draw call.

Mouse
Touch
Gamepad

Shaders

A blue-grey sphere on a near-black floor with several rounded holes eaten through it, each hole ringed by a band of glowing orange where the surface is burning away, against a faint pool of light behind it.

Custom shader

Four hand-written WGSL materials on one sphere: toon, dissolve, hologram, force field.

Mouse
Touch
Gamepad

A dark metal spaceship floating above a studio floor and casting a shadow onto it, with pale snow settled along its upward-facing plating, a darker damp band beneath, and a cool blue rim along its silhouette; a small textured corset stands on the floor to its right, wearing none of it.

Surface shaders

Snow, wetness, a rim light and a hit flash on a PBR hull, with the lighting untouched.

Mouse
Touch
Gamepad

Four subjects in a row on a dark floor: a red flag caught mid-swing on a thin metal pole, a bright green cube squashed out of shape, a tuft of green grass blades leaning together in the wind, and a brown sphere pushed out into rounded lobes, lit and casting a shadow.

Vertex animation

A flag, a jelly cube and wind-blown grass, beside the one thing a surface shader cannot do.

Mouse
Touch
Gamepad

A metal spaceship against a deep teal-black field, seen through a slightly bulged pane of glass: faint horizontal scan lines cross the frame, the corners are curved and dark, and the whole picture is graded cool in the shadows and warm on the ship's highlights.

Custom post-processing

Vignette, film grain, pixelate, CRT and a baked colour LUT on one `PostProcessStack`.

Mouse
Touch
Gamepad

Post-processing

Ten emitters on a near-black floor: a back row of five small cubes running from a white-hot glow on the left to a plain blue one on the right, and a front row of five spheres running from near-black on the left to a glowing amber on the right.

Bloom

Add a glow around bright objects and adjust its strength and spread.

Post-processing

Mouse
Touch
Gamepad

Lighting

Five pale primitives on a dark grid floor, lit from the upper left by a warm sun whose arrow gizmo hangs above them, with a blue point light orbiting inside a wide range ring and an orange spot light throwing a visible cone across the right of the frame.

Light types

Compare four types of light and adjust their colour, strength and reach.

Mouse
Touch
Gamepad

A sphere, a torus, a box and a capsule standing on a pale grid floor in daylight, each with a soft shadow stretching to the right, and a line of five pillars receding into the distance with shadows of their own.

Shadows

Compare shadow techniques and adjust their softness, detail and distance.

Mouse
Touch
Gamepad

Two staggered rows of spheres on a dark studio floor: seven metal ones in front running from a mirror that reflects the studio's softboxes to a matte grey, and seven blue painted ones behind them doing the same.

Image-based lighting

Light a scene with environment images and see how surfaces reflect their surroundings.

Mouse
Touch
Gamepad

A leather and cloth corset on a dressmaker's stand, lit from above on a dark studio floor, with a row of six glowing amber spheres behind it climbing from near-black to a pale rolled-off yellow.

Tone mapping and exposure

Compare how tone mapping, exposure and contrast change the finished image.

Mouse
Touch
Gamepad

Models

A wooden street lamp with a glass lantern hanging from its arm, standing on a dark grid floor and casting a long soft shadow to the right.

Model loading

Load and switch 3D models, track their progress and release unused assets.

Mouse
Touch
Gamepad

A six-by-six grid of spheres on a dark blue-grey ground: mirror-like spheres reflecting two soft studio panels along the bottom row, evenly diffuse ones along the top, pale plastic on the left and dark metal on the right.

Roughness and metalness

Compare smooth, rough, painted and metallic surfaces on a grid of spheres.

Mouse
Touch
Gamepad

A low-polygon orange fox at full stretch mid-run, fore legs forward and hind legs back, on a dark grid floor with its shadow beneath it.

Skinned animation

Blend a fox’s walk and run animations, change playback speed and inspect individual poses.

Mouse
Touch
Gamepad

2D

A pixel-art village seen from above: a wide dirt lane crossing the frame with a spur running north, red and grey cottages with tiled roofs along it, autumn and pine trees, mushrooms and a fenced paddock, and a small villager in a red tunic standing on the lane.

Tilemap

Explore a layered pixel-art village with solid walls and a following camera.

Keyboard
Gamepad
Touch

Sprite animation

Play sprite clips, change their speed and flip the character’s direction.

Mouse
Touch

Physics

A settled pile of dark orange crates, teal balls and sand-coloured capsules resting on a grid floor inside a low kerbed pit, lit from the upper left and casting soft shadows.

Physics playground

Drop boxes, spheres and capsules into a pit and adjust their friction and bounce.

Mouse
Touch
Keyboard
Gamepad

An orange capsule standing half way up a pale 30-degree ramp that leads to a raised platform, with a much steeper dark ramp beside it, on a grid floor.

Character controller

Move a character up ramps, test slope limits and try touch controls.

Keyboard
Gamepad
Touch
Mouse

A side-on pixel-art platformer level at dusk: a grassy earth floor with a dusk-blue pit cut through it on the left, a small blue-suited runner standing beside a flight of three low grassy steps, and two rows of wooden planks floating above and to the right.

Platformer controller

Run and jump across ramps, steps and platforms you can drop through.

Keyboard
Gamepad
Touch

Nine wooden crates stacked three by three on a strip of grassy earth against a dusk-blue background, with a gold coin resting on the ground either side of them.

2D physics

Stack crates, launch coins and watch Rapier simulate the collisions.

Mouse
Touch

Gameplay

A pale blocky figure seen from behind and above, standing on a grey tiled floor inside a walled yard at dusk. A wall runs across the yard ahead of it with a dark doorway in it, and a shorter wall stands close on the left, throwing a long shadow across the floor.

Third-person

Move a character with a following camera that adjusts around walls.

Keyboard
Mouse
Gamepad
Touch

A low-poly orange fox mid-stride on a grey tiled floor at dusk, front legs reaching forward and back legs pushing off, its tail streaming behind it and its shadow falling to the left.

Animator

Blend movement animations and trigger a separate action, with events you can inspect.

Mouse
Touch
Gamepad

Input

A small orange rover with four black wheels and a dark canopy stands on a grey grid floor in front of a wide dark instrument panel on two legs. The panel carries a cluster of unlit key caps on the left, two round dials with a dot at the centre of each, two narrow vertical tracks, four square lamps, and a row of small status lamps along the bottom, four of them lit green and one orange.

Input actions

Drive a rover and watch keyboard, gamepad and touch input appear on a live dashboard.

Keyboard
Mouse
Gamepad
Touch

Four dark plinths stand in a row on a grey grid floor, each capped with a bright orange block, and an orange ball rests on a long dark track in front of them.

Rebinding

Change a control binding and keep it after reloading the page.

Keyboard
Gamepad
Mouse

Audio

Three coloured faders — orange, cyan and amber — stand in a row on a dark grid floor, with a fourth green fader raised behind them and a pale rail linking all four. Five round pads sit across the front of the rig, one brown, three teal and one olive, and a thin amber ring is drawn on the floor around the desk.

Audio mixer

Mix music, effects and interface sounds with separate volume controls.

Mouse
Touch
Gamepad

UI

Three copper shapes turning on a grid floor, with an orange pixel-font score reading SCORE 001200 in the top-left corner and a small readout panel below it listing the overlay's scaling mode, unit, size and scale.

UI overlay

Try menus, dialogs and notifications over a running game scene.

Mouse
Keyboard
Touch
Gamepad

Particles

A tall orange and yellow flame of soft overlapping particles burning on a dark grey grid floor, its light fading to deep red at the top against a near-black background.

Particles

The nine shipped effects on one emitter, and what can be changed while they run.

Mouse
Touch
Gamepad

An orange fireball of overlapping particles bursting above a dark grid floor, with bright streaks of sparks thrown outward, small dark boxes of debris tumbling through them, and a glowing ring spreading across the floor beneath.

Explosion

Click the ground to set off a blast: fireball, sparks, shockwave and lit debris.

Mouse
Touch
Gamepad

A dark yard of wooden posts standing on a grid floor in heavy rain: thousands of pale vertical streaks falling through the frame and past the posts, fading into fog towards the back.

Weather

Rain and snow in volumes that follow the camera, with a wind that tilts them.

Mouse
Touch
Gamepad

A pixel-art village seen from above with a villager in a red tunic on the dirt lane, an orange flame burning at a brazier on either side of her, and a small gold pickup glinting with white stars on the road ahead.

2D particles

Brazier fire, footstep dust and a sparkle over a pickup, on sorting layers with the sprites.

Keyboard
Gamepad
Touch

Terrain

An island seen from the air across dark blue water: a pale sand beach round its edge, rolling green grassland inland, and grey rocky ridges with pale snow on the highest crests, fading into a blue haze at the far shore.

Heightmap terrain

A 512-metre island from a 16-bit heightmap, four blended ground layers, and chunked LOD.

Keyboard
Mouse
Touch
Gamepad

A square of rolling procedural land seen from above and to one side: pale sand in the hollows, green slopes, grey rock on the steep faces and a little white on the high ground, its far edge dissolving into pale blue fog.

Procedural terrain

Seven numbers and a seed: noise terrain rebuilt live, painted by rules, faded into fog.

Mouse
Touch
Gamepad

A grassy hillside seen from just above the grass: thousands of small green blades leaning one way in the wind, a scattering of dark conifers standing among them casting long shadows, and bare grey rock on the steeper ground behind.

Terrain foliage

Grass and conifers scattered by the splat map, GPU-culled, LOD-swapped and blown by the wind.

Mouse
Touch
Gamepad

A small blocky character standing on a green grassy hillside under a blue sky, casting a shadow, with browner dirt on the steeper ground behind it and a low ridge on the horizon.

Walk on terrain

A third-person character on a heightfield collider, kicking up dust with every stride.

Keyboard
Mouse
Gamepad

A small green field of rolling ground seen from above and to one side, tufted with grass, with bare grey rock showing on the steeper faces and a blue sky behind.

Sculpt terrain

Drag to raise, lower and smooth the ground; the collider and the grass follow the edit.

Mouse
Touch

Platform

A ring of small blue capsules orbiting a lit orange pylon on a grid floor, with the ignifx devtools overlay docked down the left of the frame: a strip of nine tabs above an Inspector listing the Director entity's transform and its wave, spawned, alive and score fields.

Devtools overlay

Inspect scene objects, edit values and watch performance while the game runs.

Mouse
Keyboard
Touch
Gamepad

Templates

A top-down pixel-art courtyard with stone paths and grass, a character in the centre and lit shrines, with a heads-up display along the top.

Top-down 2D game

Explore a pixel-art courtyard, light shrines and save your progress.

Keyboard
Gamepad
Touch
Mouse

A pixel-art dusk landscape: a hill and a treeline behind a grass-topped dirt tilemap, a wooden plank and a brick platform with gold coins hanging above them, the character standing on the left, and a chip in the top corner that reads No coins.

Side-scrolling 2D game

Run, jump and collect coins across a scrolling pixel-art level.

Keyboard
Gamepad
Touch
Mouse

A grey tiled courtyard ringed by dark panelled walls under a pale sky: the rigged character stands in the middle among scattered wooden crates, three beacon posts sit around the floor, and a chip in the top corner reads the player's speed and the companion's distance.

Third-person 3D game

Explore with an animated character, a following camera and an AI companion.

Keyboard
Gamepad
Touch
Mouse

A first-person view across a grey tiled room ringed by dark panelled walls: blue-grey crates and three pedestals stand ahead, a small crosshair sits at the centre of the frame, the view model and its teal prop fill the bottom corner, and a chip in the top corner reads that no pedestals are lit and nothing is in reach.

First-person 3D game

Explore in first person, push crates and interact with objects.

Keyboard
Gamepad
Touch
Mouse

Sample models and environments are credited on the attribution page.