Transparent video sprites for web games. Turn green-screen or alpha video into tiny .opal files, and play thousands of them at once with a ~15 KB runtime.
Play Rift Warden
Sword, fireballs, dash and thunder against skeletons, rift bats and an obsidian golem boss. 9 video-sprite files, 391 frames, every effect included.
Play Opal Dojo
The first demo: a ninja against 300 oni at 120 fps.

How the game was made
Step by step: fal generation, pinned loops, QA, encoding, code.

Opal Studio
Crop, key, preview and export .opal in the browser.

Watch the trailer
35 seconds, with captions, recorded from the game.
- Rift Warden on PixiJS: the whole game rendered by Pixi 8 through
opal-sprites/pixi - PixiJS AnimatedSprite demo: the same .opal files in a plain Pixi scene (
npm i opal-sprites) - Player: drop in any .opal file to play it
- Benchmark: Opal against <video> elements
- Keying preview: green, magenta and two-tone backdrops