Hit Smoke Puff: Hit puff effect for 2D games: a punchy impact star pops into a little cloud of white smoke that curls and vanishes, with a spray of sparks.

Hit Smoke Puff

Hit puff effect for 2D games: a punchy impact star pops into a little cloud of white smoke that curls and vanishes, with a spray of sparks. For hits, landings and despawns.

Hit Smoke Puff is an HD effect that plays once over 0.8 seconds, drawn on a 256 by 256 canvas. It is built from 1 simulated smoke and fire layer and 3 particle emitters. Most layers blend additively, so it glows on dark backgrounds.

Free download with a transparent background, cropped to the effect, 24 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.8, 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.8 s clip.

Hit Smoke Puff at 8 moments, from 0.05 s to 0.75 s

HOW IT'S MADE

Hit Smoke Puff is built around a fluid simulation of fire and smoke on a grid, with 3 particle emitters on top. Techniques worth a look: particles feeding the fluid, particles stretched along their motion, keyframed parameters and post filters (bloom).

It plays once over 0.8 s: everything goes off at the start and then dies away. To change the flame colour, select "Puff" and edit Fire colours; Smoke colour sets the smoke.

Layers, in draw order

  1. PufffluidSimulated fire and smoke from a round source, in one burst. "Gas lobes" feed it.
  2. Gas lobesparticles / additiveOne burst of 20 soft glows from a disc at 0.02 s. They feed smoke and heat into the fluid, shrink as they age and slow down with drag. Colours range between orange and gold.
  3. Impact starparticles / additiveA single particle at 0.02 s. It grows as it ages. Colour: pale gold.
  4. Sparksparticles / additiveOne burst of 14 streaks from a disc at 0.02 s. They slow down with drag. Colours range between white and gold.

DETAILS

Length
0.8 seconds, plays once
Canvas
256 x 256, HD
Layers
3 emitters
Blend
Mostly additive (glows)
Colours
pale goldorangegoldwhite
Sprites
Built-in shapes only
Tags
hit, impact, puff, smoke, punch, ui, fluid

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.
Blend mode
This effect is made of light. For the same glow in your game, draw the sprite with additive blending, or export it on black from the studio for additive shaders.

Step by step: Unity, Godot 4, Roblox, GameMaker, Phaser and PixiJS, Aseprite, Web games (live runtime). Drawn with additive blending: see glow effects without a black box.

MORE Smoke & Fire

Pixel Smoke Puff particle effectPixel Smoke PuffTeleport Smoke Puff particle effectTeleport Smoke PuffCampfire with Rolling Smoke particle effectCampfire with Rolling SmokeDark Miasma particle effectDark MiasmaDust Shockwave (Top-Down) particle effectDust Shockwave (Top-Down)Gold Dust Puff particle effectGold Dust PuffGolden Flame Level Up particle effectGolden Flame Level UpHoly Light Smoke particle effectHoly Light Smoke

YOU MIGHT ALSO LIKE

Anime hit flash particle effectAnime hit flashBlack Lightning Impact particle effectBlack Lightning ImpactCombo Pop particle effectCombo PopCrit Hit particle effectCrit HitFeather Burst particle effectFeather BurstHit Flash particle effectHit Flash

All Smoke & Fire effects or the full library.