Logo
Background pixel art cave illustration

Heal & Mana Pixel Art VFX

Heal & Mana pixel art effect: Heal

Light spreading along the floor and bands of light climbing the character, with outlined pixel crosses rising and glinting for health, or elixir drops, bubbles and spiralling strands for mana.

Category

Feedback

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 play on potions and regen, switch to mana for refills, or recolour it for shields or stamina.

Claude/Codex

You

Use heal.ts from Sprite Fusion's pixel art VFX for when my player drinks a health potion.

Claude

I used heal.ts as a reference to implement heal & mana in your game.

Heal & Mana 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 heal from "./heal";

const frame = { w: 320, h: 180, ox: 0, oy: 0, color: new Uint32Array(320 * 180), light: new Uint32Array(320 * 180) };
const fx = heal({ kind: "mana", x: 320, y: 300 });

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