Logo
Background pixel art cave illustration

Energy Pixel Art VFX

Energy pixel art effect: Orb

Raw energy in one recolourable ramp: an orb charged at a hand and released, a sustained beam, a floating plasma orb with filaments and ground zaps, and bolts with tapering trails.

Category

Magic

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 time the charge to your fire button, set the beam's width, or recolour the orb for each spell.

Claude/Codex

You

Use energy.ts from Sprite Fusion's pixel art VFX for my wizard's plasma orb: it floats where I cast it, zapping the ground below.

Claude

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

Energy 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 energy from "./energy";

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

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