Pixel Raindrop Splash: A pixel art raindrop sprite for rain in pixel games: one chunky drop falls, splashes into a crown of droplets with a rebound drop, and two ripples spread across a small puddle.

Pixel Raindrop Splash

A pixel art raindrop sprite for rain in pixel games: one chunky drop falls, splashes into a crown of droplets with a rebound drop, and two ripples spread across a small puddle. A seamless loop.

Pixel Raindrop Splash is a pixel art effect that loops seamlessly every 0.9 seconds, drawn on a 512 by 512 canvas at 4x pixels with the Sweetie 16 palette. It is built from 11 particle emitters.

Colour

Recolours the preview and the free downloads.

Free download with a transparent background, cropped to the effect, 27 frames at 30 fps. Use it in commercial games, no credit needed.

Roblox: the download is a flipbook for a ParticleEmitter. Set FlipbookLayout to Grid8x8, FlipbookMode to OneShot and Lifetime to 0.9, then emit one particle per cycle. Roblox setup.

REMIX WITH AI

Try:

Left empty, it just opens in the agent, free. Each change is one AI build, and you start with free builds.

Engine data for Unity, Godot, GameMaker and Aseprite comes with a plan: open it in the studio.

OPEN IN THE STUDIO

Change the colours, timing or size, or export for Unity, Godot 4, GameMaker, Phaser, PixiJS and Aseprite.

FRAME BY FRAME

8 evenly spaced moments across the 0.9 s loop.

Pixel Raindrop Splash at 8 moments, from 0 s to 0.79 s

HOW IT'S MADE

Pixel Raindrop Splash is pixel art, drawn at 4x pixels and locked to the Sweetie 16 palette, and built from 11 particle emitters. Techniques worth a look: sub-emitters set off by other particles, collisions, particles stretched along their motion and post filters (outline).

It loops seamlessly every 0.9 s, and 5 of its layers fire in bursts, so it pulses instead of flowing evenly. Start times are staggered from 0 s to 0.4 s, so the layers arrive one after another. To change its colour, select "Raindrop" in the studio and edit Colour A and Colour B. Size on the same layer sets how big its particles are. Pixel size in the Pixel art panel sets how chunky it looks. The colour swatches by the downloads recolour every layer at once.

Layers, in draw order

  1. Puddle, Puddle Glint, Puddle Glint +1particlesA single long-lived particle that stays for the whole loop.
  2. RippleparticlesA single particle at 0.26 s. It grows as it ages. Colour runs from white to blue over each life.
  3. RippleparticlesA single particle at 0.4 s. It grows as it ages. Colour runs from white to blue over each life.
  4. Drop StreakparticlesA single particle at the start. Colour: blue.
  5. Raindrop ShineparticlesA single particle at the start. Colour: white.
  6. Crown Droplets (left), Crown Droplets (right)particlesDots set off by "Raindrop". They fall under gravity and swell and then shrink away. Colour runs from white to blue over each life.
  7. Rebound DropletparticlesA single particle at 0.33 s. It swells and then shrinks away. Colour runs from white to cyan over each life.

DETAILS

Length
0.9 seconds, seamless loop
Canvas
512 x 512, pixel art at 4x, Sweetie 16 palette
Layers
11 emitters
Blend
Mostly normal
Colours
cyanbluewhite
Sprites
Built-in shapes only
Tags
rain, raindrop, rain sprite, pixel art, pixel, splash, water, weather, drop

USING IT IN YOUR GAME

Phaser, PixiJS
The PNG sheet is a plain grid of frames that both can slice. A TexturePacker JSON atlas comes with a plan, from the studio.
Unity
Import the PNG sheet as a Sprite with Mode set to Multiple and slice it, or open the effect in the studio for a ready-made grid.
Godot 4, GameMaker, Aseprite
Open it in the studio and pick your engine in Export: with a plan, it writes the files that engine imports.
Web and chat
The GIF plays anywhere; the APNG keeps soft edges on any background.

Step by step: Unity, Godot 4, Roblox, GameMaker, Phaser and PixiJS, Aseprite, Web games (live runtime).

MORE Pixel Arcade

Pixel Art Rain Loop particle effectPixel Art Rain LoopPixel Rain particle effectPixel RainPixel Slime Splat particle effectPixel Slime SplatPixel Art Aura particle effectPixel Art AuraPixel Art Sparkle particle effectPixel Art SparkleBig Explosion particle effectBig ExplosionCampfire particle effectCampfireCoin Pickup particle effectCoin Pickup

YOU MIGHT ALSO LIKE

Rain Puddle Ripples particle effectRain Puddle RipplesWater Bolt particle effectWater BoltWater splash particle effectWater splashCannonball splash particle effectCannonball splashCave drips particle effectCave dripsFishing Bobber Splash particle effectFishing Bobber Splash

All Pixel Arcade effects or the full library.