Top-Down Water Splash: A top-down water splash for RPG and ARPG games: a shadow grows, foam bursts from a dark cavity, a ring of drops rises toward the camera and lands as dots, ring waves spread and a rebound bead pops up.

Top-Down Water Splash

A top-down water splash for RPG and ARPG games: a shadow grows, foam bursts from a dark cavity, a ring of drops rises toward the camera and lands as dots, ring waves spread and a rebound bead pops up. Plays once per loop.

Top-Down Water Splash is an HD effect that loops seamlessly every 1.6 seconds, drawn on a 320 by 320 canvas. It is built from 17 particle emitters.

Colour

Recolours the preview and the free downloads.

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

Licence: use it in any project, including paid commercial games such as a game sold on Steam. There is no per-project licence to buy and no credit needed. Terms.

Roblox: the download is a flipbook for a ParticleEmitter. Set FlipbookLayout to Grid8x8, FlipbookMode to OneShot and Lifetime to 1.6, 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.

Try variations: new colours, motion and shapes of this effect, free in the studio.

FRAME BY FRAME

8 evenly spaced moments across the 1.6 s loop.

Top-Down Water Splash at 8 moments, from 0 s to 1.4 s

HOW IT'S MADE

Top-Down Water Splash stacks 17 particle emitters, each with its own job. Techniques worth a look: sub-emitters set off by other particles, particles stretched along their motion and post filters (bloom and vignette). A scene layer (ground or a prop) shows in the studio for context and stays out of every export.

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

Layers, in draw order

  1. Falling ShadowparticlesA single particle at the start. It grows as it ages. Colour: black.
  2. CavityparticlesA single particle at 0.3 s. Colour: black.
  3. Ripplesparticles3 single particles at set times. They grow as they age. Colour: pale blue.
  4. Foam BurstparticlesOne burst of 18 smoke puffs from a ring at 0.3 s. They grow as they age and slow down with drag. Colours range between white and pale blue.
  5. Impact Glintparticles / additiveA single particle at 0.3 s. It grows as it ages. Colour: white.
  6. Rising Drops Sourceparticles / additiveOne burst of 34 pixels from a ring at 0.3 s. They spawn "Rising Drops Rim" as they appear, spawn "Rising Drops Body" as they appear and spawn "Rising Drops Highlight" as they appear. Colours range between orange and gold.
  7. Rising Drops RimparticlesDots set off by "Rising Drops Source". They set off "Drop Ripples" when they die, swell and then shrink away and slow down with drag. Colour: blue.
  8. Rising Drops BodyparticlesDots set off by "Rising Drops Source". They swell and then shrink away and slow down with drag. Colour: blue.
  9. Rising Drops HighlightparticlesDots set off by "Rising Drops Source". They swell and then shrink away and slow down with drag. Colour: white.
  10. Fine SprayparticlesOne burst of 40 streaks from a disc at 0.3 s. They slow down with drag. Colours range between white and pale cyan.

7 more layers are in the studio.

DETAILS

Length
1.6 seconds, seamless loop
Canvas
320 x 320, HD
Layers
17 emitters
Blend
Mostly normal
Colours
whiteblueorangepale blue
Sprites
ParticleFX Realism by ParticleFX Studio (CC0), Kenney Smoke Particles by Kenney (CC0)
Tags
water, splash, top-down, rpg, ripples, river, 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 Water & Ice

Skipping Stone particle effectSkipping StoneSmall Water Splash particle effectSmall Water SplashBig Water Splash particle effectBig Water SplashCartoon Water Splash particle effectCartoon Water SplashDiving Splash particle effectDiving SplashPuddle Splash particle effectPuddle SplashWater Balloon Splash particle effectWater Balloon SplashWater Bucket Splash particle effectWater Bucket Splash

YOU MIGHT ALSO LIKE

Pixel Art Fishing Bobber particle effectPixel Art Fishing BobberPixel Art Water Splash particle effectPixel Art Water SplashPixel Raindrop Splash particle effectPixel Raindrop SplashWater splash particle effectWater splashAnime Water Dragon particle effectAnime Water DragonCannonball splash particle effectCannonball splash

All Water & Ice effects or the full library.