Logo
Background pixel art cave illustration

Fire Pixel Art VFX

Fire pixel art effect: Burning

A character, or anything, on fire: flames licking up its own outline, trailing behind as it moves, embers, smoke and a flickering glow.

Category

Elements

Dependencies

None

License

MIT, free for commercial use

Connect your AI agent

Get the full context on these effects, and create the pixel art your game needs.

Claude Code

claude mcp add --transport http spritefusion https://www.spritefusion.com/mcp

Codex

codex mcp add spritefusion --url https://www.spritefusion.com/mcp
codex mcp login spritefusion

Claude, Cursor, VS Code, ChatGPT or another agent? See the MCP docs.

Download ZIP

Use it with your AI agent

Download this effect's ZIP, or to give your agent (Claude, Codex, Cursor...) the full library of pixel art effects. Then have it set any sprite or object on fire, choose how long it burns, or recolour the flames for magic fire.

Claude/Codex

You

Use fire.ts from Sprite Fusion's pixel art VFX to set my player on fire for 3 seconds, the flames trailing behind as they run.

Claude

I used fire.ts as a reference to implement fire in your game.

Fire pixel art effect playing in a game

Connect your AI agent

Get the full context on these effects, and create the pixel art your game needs.

Claude Code

claude mcp add --transport http spritefusion https://www.spritefusion.com/mcp

Codex

codex mcp add spritefusion --url https://www.spritefusion.com/mcp
codex mcp login spritefusion

Claude, Cursor, VS Code, ChatGPT or another agent? See the MCP docs.

In your code

import fire from "./fire";

const frame = { w: 320, h: 180, ox: 0, oy: 0, color: new Uint32Array(320 * 180), light: new Uint32Array(320 * 180) };
const fx = fire({ actor: player });

fx.update(1 / 60);
frame.color.fill(0);
frame.light.fill(0);
fx.draw(frame, "back");
fx.draw(frame, "front");
if (fx.done()) remove(fx);

More pixel art VFX