Bubbles 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 put vents on your seabed, set where the water's surface is, or tint the water for caves and swamps.

Claude/Codex

You

Use bubbles.ts from Sprite Fusion's pixel art VFX to add bubbles rising from vents in my underwater level.

Claude

I used bubbles.ts as a reference to implement bubbles 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 bubbles from "./bubbles";

const frame = { w: 320, h: 180, ox: 0, oy: 0, color: new Uint32Array(320 * 180), light: new Uint32Array(320 * 180) };
const fx = bubbles({ area: { x: 0, y: 0, w: 640, h: 360 } });

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);