Logo
Background pixel art cave illustration

Rain Pixel Art VFX

Rain pixel art effect: Rain

Slanted rain in three depths, crowns of droplets and rings on the wet ground, a mist along the floor. A loop filling any area.

Category

Environment

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 thicken the rain for storms, slant it with the wind, or keep it to your outdoor areas.

Claude/Codex

You

Use rain.ts from Sprite Fusion's pixel art VFX to add rain to my city levels at night.

Claude

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

Rain 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 rain from "./rain";

const frame = { w: 320, h: 180, ox: 0, oy: 0, color: new Uint32Array(320 * 180), light: new Uint32Array(320 * 180) };
const fx = rain({ area: { x: 0, y: 0, w: 640, h: 360 }, ground: 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