66 pixel art effects, sprites and scenes, every one a recipe

Looping pixel art: Campfire, Torch, Steam Vent, Potion, Honey, Drip, Plasma Globe, Boiling Pot.

These are JSON recipes rendered by Pixelbolt 0.11.0. Open any in the playground in your browser with nothing installed, edit it and download a sprite sheet, atlas or GIF. Pixelbolt is free and MIT-licensed. Your agent can make new ones through the MCP server or the skill: source, setup and documentation.

One-shot effects play once in a game; here their previews loop, with a 0.8 s pause before each replay. Each card shows up to four animations; the recipe includes those listed under “also”. Export commands write sprite sheets, atlases, Godot files and frames; tile sets include terrain exports, and scenes include asset bundles and numbered scene frames.

Fluid simulations

A deterministic simulation on your CPU bakes gases, FLIP liquids, heat and phase change, and electric gas into palette pixels.

Phase changes (5)

Ice Melt

An ice cube on a hot griddle melts and settles into a puddle that steams.

An ice cube on a hot griddle melts and settles into a puddle that steams
one-shot, looped here

48 × 40 px · 72 frames · one-shot · 13 colours

Open in the playground

Recipe: examples/ice-melt.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset ice-melt --out ice-melt.json
npx -y pixelbolt@0.11.0 render ice-melt.json --out ice-melt

Pond Freeze

A pond freezes in from its snowy shore until the ice closes over the middle.

A pond freezes in from its snowy shore until the ice closes over the middle
one-shot, looped here

56 × 36 px · 80 frames · one-shot · 10 colours

Open in the playground

Recipe: examples/pond-freeze.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset pond-freeze --out pond-freeze.json
npx -y pixelbolt@0.11.0 render pond-freeze.json --out pond-freeze

Boiling Pot

A lidded pot boils: bubbles rise, steam beads under the cold lid and drips back.

A lidded pot boils: bubbles rise, steam beads under the cold lid and drips back
loop

40 × 48 px · 48 frames · loop · 14 colours

Open in the playground

Recipe: examples/boiling-pot.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset boiling-pot --out boiling-pot.json
npx -y pixelbolt@0.11.0 render boiling-pot.json --out boiling-pot

Frost Window

Frost creeps across a cold window from its frame.

Frost creeps across a cold window from its frame
one-shot, looped here

40 × 40 px · 64 frames · one-shot · 4 colours

Open in the playground

Recipe: examples/frost-window.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset frost-window --out frost-window.json
npx -y pixelbolt@0.11.0 render frost-window.json --out frost-window

Dry Ice

Dry ice on a table turns into heavy fog that pours off the edge onto the floor.

Dry ice on a table turns into heavy fog that pours off the edge onto the floor
one-shot, looped here

56 × 40 px · 64 frames · one-shot · 9 colours

Open in the playground

Recipe: examples/dry-ice.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset dry-ice --out dry-ice.json
npx -y pixelbolt@0.11.0 render dry-ice.json --out dry-ice

Electricity (5)

Jacob's Ladder

A Jacob's ladder: an arc strikes where two rods are closest, climbs on its own hot air, stretches wide at the top and goes out.

A Jacob's ladder: an arc strikes where two rods are closest, climbs on its own hot air, stretches wide at the top and goes out
loop

40 × 64 px · 22 frames · loop · 7 colours

Open in the playground

Recipe: examples/jacobs-ladder.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset jacobs-ladder --out jacobs-ladder.json
npx -y pixelbolt@0.11.0 render jacobs-ladder.json --out jacobs-ladder

Lightning

Lightning: a branching leader steps down from a cloud, the return stroke flashes white and fades, and a second stroke runs down the same channel.

Lightning: a branching leader steps down from a cloud, the return stroke flashes white and fades, and a second stroke runs down the same channel
one-shot, looped here

64 × 96 px · 32 frames · one-shot · 8 colours

Open in the playground

Recipe: examples/lightning.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset lightning --out lightning.json
npx -y pixelbolt@0.11.0 render lightning.json --out lightning

Tesla Coil

A Tesla coil's top load strikes a grounded rod in pulses, each arc fading before the next.

A Tesla coil's top load strikes a grounded rod in pulses, each arc fading before the next
loop

96 × 64 px · 24 frames · loop · 8 colours

Open in the playground

Recipe: examples/tesla-coil.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset tesla-coil --out tesla-coil.json
npx -y pixelbolt@0.11.0 render tesla-coil.json --out tesla-coil

Plasma Globe

A plasma globe: violet filaments run from the central ball to the glass, flicker and wander.

A plasma globe: violet filaments run from the central ball to the glass, flicker and wander
loop

64 × 64 px · 24 frames · loop · 7 colours

Open in the playground

Recipe: examples/plasma-globe.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset plasma-globe --out plasma-globe.json
npx -y pixelbolt@0.11.0 render plasma-globe.json --out plasma-globe

Lightning Pond

Lightning into a pond: arcs into water.

Lightning into a pond: arcs into water · one-shot. A simulated liquid, not a character.
one-shot, looped here

64 × 72 px · 48 frames · one-shot · 15 colours

Open in the playground

Recipe: examples/lightning-pond.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset lightning-pond --out lightning-pond.json
npx -y pixelbolt@0.11.0 render lightning-pond.json --out lightning-pond

Fire, smoke and gas (7)

Campfire

A campfire simulated by Pixelbolt's fluid compiler: flames lick up from the logs, embers drift up and smoke curls away.

A campfire simulated by Pixelbolt's fluid compiler: flames lick up from the logs, embers drift up and smoke curls away
loop

32 × 48 px · 24 frames · loop · 9 colours

Open in the playground

Recipe: examples/campfire.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset campfire --out campfire.json
npx -y pixelbolt@0.11.0 render campfire.json --out campfire

Torch

A torch: a small flame flickers on a wooden handle with a metal cup.

A torch: a small flame flickers on a wooden handle with a metal cup
loop

16 × 32 px · 16 frames · loop · 9 colours

Open in the playground

Recipe: examples/torch.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset torch --out torch.json
npx -y pixelbolt@0.11.0 render torch.json --out torch

Steam Vent

Steam puffs rhythmically from a pipe, rises, curls and thins.

Steam puffs rhythmically from a pipe, rises, curls and thins
loop

32 × 48 px · 24 frames · loop · 7 colours

Open in the playground

Recipe: examples/steam-vent.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset steam-vent --out steam-vent.json
npx -y pixelbolt@0.11.0 render steam-vent.json --out steam-vent

Magic Swirl

A magic swirl: two glowing sources orbit and leave purple mana that spirals.

A magic swirl: two glowing sources orbit and leave purple mana that spirals
loop

48 × 48 px · 24 frames · loop · 5 colours

Open in the playground

Recipe: examples/magic-swirl.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset magic-swirl --out magic-swirl.json
npx -y pixelbolt@0.11.0 render magic-swirl.json --out magic-swirl

Explosion

An explosion simulated by Pixelbolt: a white flash grows into an orange fireball that rises, cools and curls into smoke.

An explosion simulated by Pixelbolt: a white flash grows into an orange fireball that rises, cools and curls into smoke
one-shot, looped here

64 × 64 px · 32 frames · one-shot · 8 colours

Open in the playground

Recipe: examples/explosion.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset explosion --out explosion.json
npx -y pixelbolt@0.11.0 render explosion.json --out explosion

Smoke Puff

A cartoon smoke puff, outlined and lit from the upper left, billows out in lobes and thins away.

A cartoon smoke puff, outlined and lit from the upper left, billows out in lobes and thins away
one-shot, looped here

32 × 32 px · 19 frames · one-shot · 5 colours

Open in the playground

Recipe: examples/smoke-puff.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset smoke-puff --out smoke-puff.json
npx -y pixelbolt@0.11.0 render smoke-puff.json --out smoke-puff

Dust Wave

A stone drops onto the ground and throws a wave of dust out both ways that billows, slows and thins away.

A stone drops onto the ground and throws a wave of dust out both ways that billows, slows and thins away
one-shot, looped here

64 × 32 px · 26 frames · one-shot · 8 colours

Open in the playground

Recipe: examples/dust-wave.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset dust-wave --out dust-wave.json
npx -y pixelbolt@0.11.0 render dust-wave.json --out dust-wave

Liquids (13)

Waterfall

A waterfall: water pours off a mossy ledge in a foaming arc, splashes into a basin and spills over its lip.

A waterfall: water pours off a mossy ledge in a foaming arc, splashes into a basin and spills over its lip
loop

48 × 64 px · 24 frames · loop · 9 colours

Open in the playground

Recipe: examples/waterfall.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset waterfall --out waterfall.json
npx -y pixelbolt@0.11.0 render waterfall.json --out waterfall

Drip

A drop falls from a stalactite and splashes into a small pool.

A drop falls from a stalactite and splashes into a small pool
loop

16 × 32 px · 24 frames · loop · 4 colours

Open in the playground

Recipe: examples/drip.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset drip --out drip.json
npx -y pixelbolt@0.11.0 render drip.json --out drip

Potion

A green potion bubbles in a round flask: the surface heaves and bubbles rise and pop.

A green potion bubbles in a round flask: the surface heaves and bubbles rise and pop
loop

32 × 40 px · 24 frames · loop · 7 colours

Open in the playground

Recipe: examples/potion.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset potion --out potion.json
npx -y pixelbolt@0.11.0 render potion.json --out potion

Splash

A drop falls into a pool, throws up a crown and spray, and the waves settle.

A drop falls into a pool, throws up a crown and spray, and the waves settle
one-shot, looped here

48 × 40 px · 40 frames · one-shot · 4 colours

Open in the playground

Recipe: examples/splash.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset splash --out splash.json
npx -y pixelbolt@0.11.0 render splash.json --out splash

Honey

Glossy honey runs off a dipper into a jar as one unbroken rope that folds into a mound on the calm surface.

Glossy honey runs off a dipper into a jar as one unbroken rope that folds into a mound on the calm surface
loop

40 × 48 px · 24 frames · loop · 9 colours

Open in the playground

Recipe: examples/honey.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset honey --out honey.json
npx -y pixelbolt@0.11.0 render honey.json --out honey

Slime

A blob of green slime drops, squashes flat, springs up tall, wobbles and settles into a dome that holds its shape.

A blob of green slime drops, squashes flat, springs up tall, wobbles and settles into a dome that holds its shape
one-shot, looped here

32 × 32 px · 40 frames · one-shot · 7 colours

Open in the playground

Recipe: examples/slime.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset slime --out slime.json
npx -y pixelbolt@0.11.0 render slime.json --out slime

Roof Snow

Wet snow slides off a house's roof as one slab, pours over the eave and settles in a drift against the wall.

Wet snow slides off a house's roof as one slab, pours over the eave and settles in a drift against the wall
one-shot, looped here

56 × 44 px · 48 frames · one-shot · 12 colours

Open in the playground

Recipe: examples/roof-snow.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset roof-snow --out roof-snow.json
npx -y pixelbolt@0.11.0 render roof-snow.json --out roof-snow

Dam Break

A plank dam lifts and the water behind it bursts out as a wave, rolls over a rock, splashes off the far wall and settles level.

A plank dam lifts and the water behind it bursts out as a wave, rolls over a rock, splashes off the far wall and settles level
one-shot, looped here

64 × 36 px · 70 frames · one-shot · 9 colours

Open in the playground

Recipe: examples/dam-break.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset dam-break --out dam-break.json
npx -y pixelbolt@0.11.0 render dam-break.json --out dam-break

Slime Burst

A ball of green slime bursts in mid-air into chunks that fly out, land and wobble into mounds.

A ball of green slime bursts in mid-air into chunks that fly out, land and wobble into mounds
one-shot, looped here

56 × 40 px · 40 frames · one-shot · 7 colours

Open in the playground

Recipe: examples/slime-burst.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset slime-burst --out slime-burst.json
npx -y pixelbolt@0.11.0 render slime-burst.json --out slime-burst

Honey Drop

Stiff honey clings under a wooden spoon, then thins, stretches, lets go and drops into a bowl of honey.

Stiff honey clings under a wooden spoon, then thins, stretches, lets go and drops into a bowl of honey
one-shot, looped here

40 × 48 px · 44 frames · one-shot · 9 colours

Open in the playground

Recipe: examples/honey-drop.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset honey-drop --out honey-drop.json
npx -y pixelbolt@0.11.0 render honey-drop.json --out honey-drop

Aquarium

An aquarium: bubbles rise from an air stone and run up under a rock ledge, and a filter's stream plunges in and drives bubbles into the water.

An aquarium: bubbles rise from an air stone and run up under a rock ledge, and a filter's stream plunges in and drives bubbles into the water
loop

56 × 48 px · 48 frames · loop · 17 colours

Open in the playground

Recipe: examples/aquarium.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset aquarium --out aquarium.json
npx -y pixelbolt@0.11.0 render aquarium.json --out aquarium

Honey Dipper

A honey dipper is lifted out of a jar; the honey clings to it, draws up into a peak and joins it by a thin string that snaps.

A honey dipper is lifted out of a jar; the honey clings to it, draws up into a peak and joins it by a thin string that snaps
one-shot, looped here

40 × 60 px · 56 frames · one-shot · 9 colours

Open in the playground

Recipe: examples/honey-dipper.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset honey-dipper --out honey-dipper.json
npx -y pixelbolt@0.11.0 render honey-dipper.json --out honey-dipper

Glug

A bottle upside down over a glass glugs as it pours: it holds its water back, a big bubble pushes up its neck, and it pours again.

A bottle upside down over a glass glugs as it pours: it holds its water back, a big bubble pushes up its neck, and it pours again
one-shot, looped here

40 × 56 px · 110 frames · one-shot · 8 colours

Open in the playground

Recipe: examples/glug.fluid.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset glug --out glug.json
npx -y pixelbolt@0.11.0 render glug.json --out glug

Particle and spell effects (20)

Effects

Particles: sparks, embers, dust, leaves, shards.

Particles: sparks, embers, dust, leaves, shards. Animation: sparks.
sparks · one-shot, looped here
Particles: sparks, embers, dust, leaves, shards. Animation: embers.
embers · loop
Particles: sparks, embers, dust, leaves, shards. Animation: dust.
dust · one-shot, looped here
Particles: sparks, embers, dust, leaves, shards. Animation: leaves.
leaves · one-shot, looped here

also: shatter.

48 × 40 px · 60 frames · loops and one-shots · 12 colours

Open in the playground

Recipe: examples/effects.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset effects --out effects.json
npx -y pixelbolt@0.11.0 render effects.json --out effects

Fire Explosion

Fire explosion: fireball and smoke.

Fire explosion: fireball and smoke · one-shot.
one-shot, looped here

96 × 96 px · 16 frames · one-shot · 9 colours

Open in the playground

Recipe: examples/fire-explosion.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset fire-explosion --out fire-explosion.json
npx -y pixelbolt@0.11.0 render fire-explosion.json --out fire-explosion

Fire Spells

Fire spells: projectile, impact, area, buff.

Fire spells: projectile, impact, area, buff. Animation: projectile-0.
projectile-0 · loop
Fire spells: projectile, impact, area, buff. Animation: impact.
impact · one-shot, looped here
Fire spells: projectile, impact, area, buff. Animation: area.
area · one-shot, looped here
Fire spells: projectile, impact, area, buff. Animation: buff.
buff · loop

also: projectile-45, projectile-90, projectile-135, projectile-180, projectile-225, projectile-270, projectile-315.

64 × 64 px · 107 frames · loops and one-shots · 9 colours

Open in the playground

Recipe: examples/fire-spells.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset fire-spells --out fire-spells.json
npx -y pixelbolt@0.11.0 render fire-spells.json --out fire-spells

Fireball

Fireball: loop · eight directions.

Fireball: loop · eight directions.
loop

also: fireball-45, fireball-90, fireball-135, fireball-180, fireball-225, fireball-270, fireball-315.

56 × 56 px · 64 frames · loop · 5 colours

Open in the playground

Recipe: examples/fireball.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset fireball --out fireball.json
npx -y pixelbolt@0.11.0 render fireball.json --out fireball

Fluid Blast

Particles and effect shapes: blast.

Particles and effect shapes: blast.
one-shot, looped here

96 × 96 px · 32 frames · one-shot · 8 colours

Open in the playground

Recipe: examples/fluid-blast.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset fluid-blast --out fluid-blast.json
npx -y pixelbolt@0.11.0 render fluid-blast.json --out fluid-blast

Healing Circle

Healing circle: magic circle and pillar.

Healing circle: magic circle and pillar · one-shot.
one-shot, looped here

96 × 72 px · 18 frames · one-shot · 7 colours

Open in the playground

Recipe: examples/healing-circle.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset healing-circle --out healing-circle.json
npx -y pixelbolt@0.11.0 render healing-circle.json --out healing-circle

Hero Magic

Particles and effect shapes: teleport, aura.

Particles and effect shapes: teleport, aura. Animation: teleport.
teleport · one-shot, looped here
Particles and effect shapes: teleport, aura. Animation: aura.
aura · loop

40 × 52 px · 26 frames · loops and one-shots · 17 colours

Open in the playground

Recipe: examples/hero-magic.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset hero-magic --out hero-magic.json
npx -y pixelbolt@0.11.0 render hero-magic.json --out hero-magic

Holy Spells

Holy spells: projectile, impact, area, buff.

Holy spells: projectile, impact, area, buff. Animation: projectile-0.
projectile-0 · loop
Holy spells: projectile, impact, area, buff. Animation: impact.
impact · one-shot, looped here
Holy spells: projectile, impact, area, buff. Animation: area.
area · one-shot, looped here
Holy spells: projectile, impact, area, buff. Animation: buff.
buff · loop

also: projectile-45, projectile-90, projectile-135, projectile-180, projectile-225, projectile-270, projectile-315, buff-back, buff-front.

64 × 64 px · 124 frames · loops and one-shots · 6 colours

Open in the playground

Recipe: examples/holy-spells.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset holy-spells --out holy-spells.json
npx -y pixelbolt@0.11.0 render holy-spells.json --out holy-spells

Ice Spells

Ice spells: projectile, impact, area, buff.

Ice spells: projectile, impact, area, buff. Animation: projectile-0.
projectile-0 · loop
Ice spells: projectile, impact, area, buff. Animation: impact.
impact · one-shot, looped here
Ice spells: projectile, impact, area, buff. Animation: area.
area · one-shot, looped here
Ice spells: projectile, impact, area, buff. Animation: buff.
buff · loop

also: projectile-45, projectile-90, projectile-135, projectile-180, projectile-225, projectile-270, projectile-315, buff-back, buff-front.

64 × 64 px · 134 frames · loops and one-shots · 7 colours

Open in the playground

Recipe: examples/ice-spells.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset ice-spells --out ice-spells.json
npx -y pixelbolt@0.11.0 render ice-spells.json --out ice-spells

Lightning Spells

Lightning spells: projectile, impact, area, buff.

Lightning spells: projectile, impact, area, buff. Animation: projectile-0.
projectile-0 · loop
Lightning spells: projectile, impact, area, buff. Animation: impact.
impact · one-shot, looped here
Lightning spells: projectile, impact, area, buff. Animation: area.
area · one-shot, looped here
Lightning spells: projectile, impact, area, buff. Animation: buff.
buff · loop

also: projectile-45, projectile-90, projectile-135, projectile-180, projectile-225, projectile-270, projectile-315.

64 × 64 px · 106 frames · loops and one-shots · 5 colours

Open in the playground

Recipe: examples/lightning-spells.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset lightning-spells --out lightning-spells.json
npx -y pixelbolt@0.11.0 render lightning-spells.json --out lightning-spells

Lightning Strike

Lightning strike: bolt and flash.

Lightning strike: bolt and flash · one-shot.
one-shot, looped here

96 × 104 px · 12 frames · one-shot · 5 colours

Open in the playground

Recipe: examples/lightning-strike.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset lightning-strike --out lightning-strike.json
npx -y pixelbolt@0.11.0 render lightning-strike.json --out lightning-strike

Meteor

Meteor: moving emitters.

Meteor: moving emitters · one-shot.
one-shot, looped here

64 × 64 px · 22 frames · one-shot · 8 colours

Open in the playground

Recipe: examples/meteor.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset meteor --out meteor.json
npx -y pixelbolt@0.11.0 render meteor.json --out meteor

Poison Spells

Poison spells: projectile, impact, area, buff.

Poison spells: projectile, impact, area, buff. Animation: projectile-0.
projectile-0 · loop
Poison spells: projectile, impact, area, buff. Animation: impact.
impact · one-shot, looped here
Poison spells: projectile, impact, area, buff. Animation: area.
area · one-shot, looped here
Poison spells: projectile, impact, area, buff. Animation: buff.
buff · loop

also: projectile-45, projectile-90, projectile-135, projectile-180, projectile-225, projectile-270, projectile-315.

64 × 64 px · 110 frames · loops and one-shots · 10 colours

Open in the playground

Recipe: examples/poison-spells.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset poison-spells --out poison-spells.json
npx -y pixelbolt@0.11.0 render poison-spells.json --out poison-spells

Shadow Spells

Shadow spells: projectile, impact, area, buff.

Shadow spells: projectile, impact, area, buff. Animation: projectile-0.
projectile-0 · loop
Shadow spells: projectile, impact, area, buff. Animation: impact.
impact · one-shot, looped here
Shadow spells: projectile, impact, area, buff. Animation: area.
area · one-shot, looped here
Shadow spells: projectile, impact, area, buff. Animation: buff.
buff · loop

also: projectile-45, projectile-90, projectile-135, projectile-180, projectile-225, projectile-270, projectile-315.

64 × 64 px · 105 frames · loops and one-shots · 6 colours

Open in the playground

Recipe: examples/shadow-spells.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset shadow-spells --out shadow-spells.json
npx -y pixelbolt@0.11.0 render shadow-spells.json --out shadow-spells

Shield

Shield bubble: boiling ring and halo.

Shield bubble: boiling ring and halo · loop.
loop

48 × 48 px · 12 frames · loop · 5 colours

Open in the playground

Recipe: examples/shield.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset shield --out shield.json
npx -y pixelbolt@0.11.0 render shield.json --out shield

Slash Hit

Slash hit: crescent and sparks.

Slash hit: crescent and sparks · one-shot.
one-shot, looped here

80 × 64 px · 9 frames · one-shot · 6 colours

Open in the playground

Recipe: examples/slash-hit.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset slash-hit --out slash-hit.json
npx -y pixelbolt@0.11.0 render slash-hit.json --out slash-hit

Swing Trail

Particles and effect shapes: swing.

Particles and effect shapes: swing.
one-shot, looped here

40 × 40 px · 7 frames · one-shot · 12 colours

Open in the playground

Recipe: examples/swing-trail.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset swing-trail --out swing-trail.json
npx -y pixelbolt@0.11.0 render swing-trail.json --out swing-trail

Vortex

Vortex: swirl and turbulence.

Vortex: swirl and turbulence · loop.
loop

64 × 64 px · 16 frames · loop · 7 colours

Open in the playground

Recipe: examples/vortex.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset vortex --out vortex.json
npx -y pixelbolt@0.11.0 render vortex.json --out vortex

Water

Cel water: geyser, whip, ring, dome, curl.

Cel water: geyser, whip, ring, dome, curl. Animation: geyser.
geyser · one-shot, looped here
Cel water: geyser, whip, ring, dome, curl. Animation: whip.
whip · one-shot, looped here
Cel water: geyser, whip, ring, dome, curl. Animation: ring.
ring · one-shot, looped here
Cel water: geyser, whip, ring, dome, curl. Animation: dome.
dome · one-shot, looped here

also: curl.

64 × 68 px · 74 frames · one-shot · 5 colours

Open in the playground

Recipe: examples/water.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset water --out water.json
npx -y pixelbolt@0.11.0 render water.json --out water

Water Spells

Water spells: projectile, impact, area, buff.

Water spells: projectile, impact, area, buff. Animation: projectile-0.
projectile-0 · loop
Water spells: projectile, impact, area, buff. Animation: impact.
impact · one-shot, looped here
Water spells: projectile, impact, area, buff. Animation: area.
area · one-shot, looped here
Water spells: projectile, impact, area, buff. Animation: buff.
buff · loop

also: projectile-45, projectile-90, projectile-135, projectile-180, projectile-225, projectile-270, projectile-315.

64 × 64 px · 105 frames · loops and one-shots · 6 colours

Open in the playground

Recipe: examples/water-spells.fx.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset water-spells --out water-spells.json
npx -y pixelbolt@0.11.0 render water-spells.json --out water-spells

Waves (2)

Interference

A looping wave pattern: resonate.

A looping wave pattern: resonate.
loop

48 × 30 px · 40 frames · loop · 3 colours

Open in the playground

Recipe: examples/interference.wave.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset interference --out interference.json
npx -y pixelbolt@0.11.0 render interference.json --out interference

Portal

A looping wave pattern: open.

A looping wave pattern: open.
loop

38 × 56 px · 40 frames · loop · 8 colours

Open in the playground

Recipe: examples/portal.wave.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset portal --out portal.json
npx -y pixelbolt@0.11.0 render portal.json --out portal

Characters and motion (3)

Hero

A rig whose motion templates make idle, walk, run, jump, attack, hurt.

A rig whose motion templates make idle, walk, run, jump, attack, hurt. Animation: idle.
idle · loop
A rig whose motion templates make idle, walk, run, jump, attack, hurt. Animation: walk.
walk · loop
A rig whose motion templates make idle, walk, run, jump, attack, hurt. Animation: run.
run · loop
A rig whose motion templates make idle, walk, run, jump, attack, hurt. Animation: jump.
jump · one-shot, looped here

also: attack, hurt.

32 × 36 px · 36 frames · loops and one-shots · 14 colours

Open in the playground

Recipe: examples/hero.poses.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset hero --out hero.json
npx -y pixelbolt@0.11.0 render hero.json --out hero

Slime Idle

A rig whose motion templates make idle.

A rig whose motion templates make idle.
loop

32 × 32 px · 8 frames · loop · 5 colours

Open in the playground

Recipe: examples/slime-idle.poses.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset slime-idle --out slime-idle.json
npx -y pixelbolt@0.11.0 render slime-idle.json --out slime-idle

Swing

Posed parts: swing.

Posed parts: swing.
one-shot, looped here

40 × 40 px · 5 frames · one-shot · 6 colours

Open in the playground

Recipe: examples/swing.poses.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset swing --out swing.json
npx -y pixelbolt@0.11.0 render swing.json --out swing

Hand-drawn sprites (4)

Coin

A hand-drawn recipe: spin.

A hand-drawn recipe: spin.
loop

24 × 24 px · 6 frames · loop · 4 colours

Open in the playground

Recipe: examples/coin.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset coin --out coin.json
npx -y pixelbolt@0.11.0 render coin.json --out coin

Ember

A hand-drawn recipe: burn.

A hand-drawn recipe: burn.
loop

24 × 24 px · 4 frames · loop · 5 colours

Open in the playground

Recipe: examples/ember.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset ember --out ember.json
npx -y pixelbolt@0.11.0 render ember.json --out ember

Shrine

A hand-drawn recipe: pulse.

A hand-drawn recipe: pulse.
loop

48 × 40 px · 2 frames · loop · 15 colours

Open in the playground

Recipe: examples/shrine.json

Export commands
npx -y pixelbolt@0.11.0 compile --preset shrine --out shrine.json
npx -y pixelbolt@0.11.0 render shrine.json --out shrine

Forest Spirit

A hand-drawn forest spirit: idle, bob and blink.

A hand-drawn forest spirit: idle, bob and blink. Animation: idle.
idle · loop
A hand-drawn forest spirit: idle, bob and blink. Animation: bob.
bob · loop
A hand-drawn forest spirit: idle, bob and blink. Animation: blink.
blink · one-shot, looped here

24 × 24 px · 6 frames · loops and one-shots · 7 colours

Open in the playground

Recipe: examples/forest-spirit.json

Export commands
curl -LO https://raw.githubusercontent.com/skulitom/Pixelbolt/v0.11.0/examples/forest-spirit.json
npx -y pixelbolt@0.11.0 render forest-spirit.json --out forest-spirit

Tile sets (3)

Ground

Side-view platformer ground with slopes, stones and collision boxes, on its test map.

Side-view platformer ground with slopes, stones and collision boxes, on its test map.
still

16 × 16 px · 151 frames · still · 10 colours

Tile size and tile-frame count; preview shows the static test map.

Open in the playground

Recipe: examples/ground.autotile.json

Export commands
curl -LO https://raw.githubusercontent.com/skulitom/Pixelbolt/v0.11.0/examples/ground.autotile.json
npx -y pixelbolt@0.11.0 autotile ground.autotile.json --out ground.json --preview ground-map.png
npx -y pixelbolt@0.11.0 render ground.json --out ground

Meadow

A top-down meadow over dirt with rare flowers, on its test map.

A top-down meadow over dirt with rare flowers, on its test map.
still

16 × 16 px · 188 frames · still · 9 colours

Tile size and tile-frame count; preview shows the static test map.

Open in the playground

Recipe: examples/meadow.autotile.json

Export commands
curl -LO https://raw.githubusercontent.com/skulitom/Pixelbolt/v0.11.0/examples/meadow.autotile.json
npx -y pixelbolt@0.11.0 autotile meadow.autotile.json --out meadow.json --preview meadow-map.png
npx -y pixelbolt@0.11.0 render meadow.json --out meadow

Shore

A layered shore of water, sand and grass, on its test map.

A layered shore of water, sand and grass, on its test map.
still

16 × 16 px · 90 frames · still · 14 colours

Tile size and tile-frame count; preview shows the static test map.

Open in the playground

Recipe: examples/shore.autotile.json

Export commands
curl -LO https://raw.githubusercontent.com/skulitom/Pixelbolt/v0.11.0/examples/shore.autotile.json
npx -y pixelbolt@0.11.0 autotile shore.autotile.json --out shore.json --preview shore-map.png
npx -y pixelbolt@0.11.0 render shore.json --out shore

Scenes (4)

Forest Spirit Lit

A forest spirit lit through its normal pass.

A forest spirit lit through its normal pass.
loop

72 × 40 px · 30 frames · loop · 16 colours

Scene size; frame and colour counts describe the displayed GIF.

Open in the playground

Recipe: examples/forest-spirit-lit.scene.json

Export commands
curl -LO https://raw.githubusercontent.com/skulitom/Pixelbolt/v0.11.0/examples/forest-spirit-lit.scene.json
curl -LO https://raw.githubusercontent.com/skulitom/Pixelbolt/v0.11.0/examples/forest-spirit.json
curl -LO https://raw.githubusercontent.com/skulitom/Pixelbolt/v0.11.0/examples/forest-spirit-normal.json
npx -y pixelbolt@0.11.0 scene forest-spirit-lit.scene.json --out forest-spirit-lit
npx -y pixelbolt@0.11.0 sequence forest-spirit-lit.scene.json --out forest-spirit-lit/frames --fps 25 --size 72x40 --scale 1

Diorama room

A dungeon diorama with a waterfall, torches and a hero breaking a pot.

A dungeon diorama with a waterfall, torches and a hero breaking a pot.
loop

160 × 128 px · 48 frames · loop · 31 colours

Scene size; frame and colour counts describe the displayed GIF.

Open in the playground

Recipe: showcase/diorama/art/room.scene.json

Export commands
git clone --depth 1 --branch v0.11.0 https://github.com/skulitom/Pixelbolt.git
cd Pixelbolt
node bin/pixelbolt.js scene showcase/diorama/art/room.scene.json --out room
node bin/pixelbolt.js sequence showcase/diorama/art/room.scene.json --out room/frames --fps 25 --size 160x128 --scale 1

Diorama by torchlight

Torches and candles flicker; the room flashes when the hero breaks a pot.

Torches and candles flicker; the room flashes when the hero breaks a pot.
loop

160 × 128 px · 48 frames · loop · 31 colours

Scene size; frame and colour counts describe the displayed GIF.

Open in the playground

Recipe: showcase/diorama/art/room-night.scene.json

Export commands
git clone --depth 1 --branch v0.11.0 https://github.com/skulitom/Pixelbolt.git
cd Pixelbolt
node bin/pixelbolt.js scene showcase/diorama/art/room-night.scene.json --out room-night
node bin/pixelbolt.js sequence showcase/diorama/art/room-night.scene.json --out room-night/frames --fps 25 --size 160x128 --scale 1

Wave scene

Paired cyan waves and a violet portal in a small game scene.

Paired cyan waves and a violet portal in a small game scene.
loop

240 × 160 px · 40 frames · loop · 283 colours

Scene size; frame and colour counts describe the displayed GIF.

Too long for a link: download the recipe and use Open file in the playground.

Recipe: showcase/waves/scene.scene.json

Export commands
git clone --depth 1 --branch v0.11.0 https://github.com/skulitom/Pixelbolt.git
cd Pixelbolt
node bin/pixelbolt.js scene showcase/waves/scene.scene.json --out wave-scene
node bin/pixelbolt.js sequence showcase/waves/scene.scene.json --out wave-scene/frames --fps 25 --size 240x160 --scale 1