Sprite Shaders

Feature example

Four project WGSL sprite shaders side by side: a pulsing outline, a dissolve, a hit flash and a wave. Scripts drive the burn and the flash through each sprite's shader parameters; Space flashes.

Runs in your browser with WebGPU. Loading takes a moment.

Plays with keyboard. Click the game to give it the keyboard.

Full page Standalone ↗

About

Five copies of one badge: no shader, then a pulsing outline, a dissolve, a hit flash and a wave. Each shader is one WGSL function the engine wraps in its sprite pipeline, and scripts drive their parameters.

What it proves

Project WGSL sprite shaders
Shader parameters from Decay
Hot reload with line-accurate errors

Controls

Space	Flash

Kind: Feature example
Input: Keyboard
Needs: WebGPU
Source: examples/sprite-shaders ↗

Open examples/sprite-shaders in the Sindri editor to see its scenes and scripts, then press Play.

Keep playing

Feature example

Sprite Masks

A keyhole wanders over a night sky: the night is masked outside it so a sunny meadow shows through, and a gem masked inside it is only ever seen through the hole.

Feature example

Weave Control Room

Toggle, type and scroll through engine widgets styled by Weave.

Feature example

Weave UI

Explore CSS-inspired responsive UI, layouts and presentation rules.

Lab

Voxel Lab

Inspect voxel terrain, meshing and rendering effects.