Skip to content
  • Features
  • Examples
  • Docs
GitHubnpm

Examples

Try a feature in your browser, experiment with its controls and read the source code. Every example runs on this site.

42 examples in 16 categories

WebGPU: checking…See browser support

All42Basics1Rendering3Shaders4Post-processing1Models3Lighting42D2Gameplay2Physics4Input2Audio1UI1Particles4Terrain5Platform1Templates4

Basics1

Hello cube

Basics

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

  • Mouse
  • Touch
  • Gamepad

Rendering3

Physically based rendering

Rendering

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

  • Mouse
  • Touch
  • Gamepad

Picking

Rendering

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

  • Mouse
  • Touch
  • Gamepad

Instancing

Rendering

Twenty thousand asteroids, one mesh, one draw call.

  • Mouse
  • Touch
  • Gamepad

Shaders4

Custom shader

Shaders

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

  • Mouse
  • Touch
  • Gamepad

Surface shaders

Shaders

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

  • Mouse
  • Touch
  • Gamepad

Vertex animation

Shaders

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

  • Mouse
  • Touch
  • Gamepad

Custom post-processing

Shaders

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

  • Mouse
  • Touch
  • Gamepad

Post-processing1

Bloom

Post-processing

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

  • Mouse
  • Touch
  • Gamepad

Models3

Model loading

Models

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

  • Mouse
  • Touch
  • Gamepad

Roughness and metalness

Models

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

  • Mouse
  • Touch
  • Gamepad

Skinned animation

Models

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

  • Mouse
  • Touch
  • Gamepad

Lighting4

Light types

Lighting

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

  • Mouse
  • Touch
  • Gamepad

Shadows

Lighting

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

  • Mouse
  • Touch
  • Gamepad

Image-based lighting

Lighting

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

  • Mouse
  • Touch
  • Gamepad

Tone mapping and exposure

Lighting

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

  • Mouse
  • Touch
  • Gamepad

2D2

Tilemap

2D

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

  • Keyboard
  • Gamepad
  • Touch

Sprite animation

2D

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

  • Mouse
  • Touch

Gameplay2

Third-person

Gameplay

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

  • Keyboard
  • Mouse
  • Gamepad
  • Touch

Animator

Gameplay

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

  • Mouse
  • Touch
  • Gamepad

Physics4

Physics playground

Physics

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

  • Mouse
  • Touch
  • Keyboard
  • Gamepad

Character controller

Physics

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

  • Keyboard
  • Gamepad
  • Touch
  • Mouse

Platformer controller

Physics

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

  • Keyboard
  • Gamepad
  • Touch

2D physics

Physics

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

  • Mouse
  • Touch

Input2

Input actions

Input

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

  • Keyboard
  • Mouse
  • Gamepad
  • Touch

Rebinding

Input

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

  • Keyboard
  • Gamepad
  • Mouse

Audio1

Audio mixer

Audio

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

  • Mouse
  • Touch
  • Gamepad

UI1

UI overlay

UI

Try a dialog, notifications and a HUD over a running game scene.

  • Mouse
  • Keyboard
  • Touch
  • Gamepad

Particles4

Particles

Particles

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

  • Mouse
  • Touch
  • Gamepad

Explosion

Particles

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

  • Mouse
  • Touch
  • Gamepad

Weather

Particles

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

  • Mouse
  • Touch
  • Gamepad

2D particles

Particles

Fire pits, footstep dust and a sparkle over a gold coin, on sorting layers with the sprites.

  • Keyboard
  • Gamepad
  • Touch

Terrain5

Heightmap terrain

Terrain

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

  • Keyboard
  • Mouse
  • Touch
  • Gamepad

Procedural terrain

Terrain

Seven numbers and a seed: a noise island rebuilt live, painted by rules, in a sea that fades out.

  • Mouse
  • Touch
  • Gamepad

Terrain foliage

Terrain

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

  • Mouse
  • Touch
  • Gamepad

Walk on terrain

Terrain

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

  • Keyboard
  • Mouse
  • Touch
  • Gamepad

Sculpt terrain

Terrain

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

  • Mouse
  • Touch

Platform1

Devtools overlay

Platform

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

  • Mouse
  • Keyboard
  • Touch
  • Gamepad

Templates4

Top-down 2D game

Templates

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

  • Keyboard
  • Gamepad
  • Touch
  • Mouse

Side-scrolling 2D game

Templates

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

  • Keyboard
  • Gamepad
  • Touch
  • Mouse

Third-person 3D game

Templates

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

  • Keyboard
  • Gamepad
  • Touch
  • Mouse

First-person 3D game

Templates

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

  • Keyboard
  • Gamepad
  • Touch
  • Mouse

Sample models and environments are credited on the attribution page.

The TypeScript game engine for WebGPU.

0.9.0

Product

  • Features
  • Examples
  • Templates
  • Changelog
  • npm

Learn

  • Getting started
  • Guides
  • Browser support
  • API reference
  • Contributing

Company

  • Astrum Forge Studios
  • [email protected]
  • Security policy
  • Licence: Apache-2.0

© 2026 Astrum Forge Studios Pty Ltd. ignifx is a trademark of Astrum Forge Studios. Apache-2.0. Building with an AI agent? Start at /llms.txt.

Typeset in Saira Condensed, Atkinson Hyperlegible Next and JetBrains Mono, self-hosted under the SIL Open Font Licence. No third-party request is made from this site.