Shield Pixel Art VFX

Use it with your AI agent

Download this effect's ZIP, or connect the MCP to give your agent (Claude, Codex, Cursor...) the full library of pixel art effects. Then have it size the dome to your character, hold it as long as the ability lasts, or recolour it for each team.

Claude/Codex

You

Use shield.ts from Sprite Fusion's pixel art VFX to give my player a dome shield for 3 seconds, sparking where bullets hit it.

Claude

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

Connect MCP

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

Copy

Codex

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

Copy

codex mcp login spritefusion

Copy

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

In your code

import shield from "./shield";

const frame = { w: 320, h: 180, ox: 0, oy: 0, color: new Uint32Array(320 * 180), light: new Uint32Array(320 * 180) };
const fx = shield({ 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);