Click Pop

A clicker tap: a squishy white ring and gold flash, three coins and star sparks pop out and a +1 springs up and floats off. Plays once per click for clicker and idle games.

Click Pop is an HD effect that loops seamlessly every 0.6 seconds, drawn on a 256 by 256 canvas. It is built from 3 particle emitters, 1 glowing stroke and 1 text layer. Most layers blend additively, so it glows on dark backgrounds.

Free download with a transparent background, cropped to the effect, 18 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 Grid4x4, FlipbookMode to OneShot and Lifetime to 0.6, then emit one particle per cycle. Roblox setup.

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 0.6 s loop.

Click Pop at 8 moments, from 0 s to 0.53 s

HOW IT'S MADE

Click Pop is a compact effect made from 3 particle emitters. Techniques worth a look: glowing strokes traced along shapes, styled text animated letter by letter, keyframed parameters and post filters (bloom).

It loops seamlessly every 0.6 s, and 3 of its layers fire in bursts, so it pulses instead of flowing evenly. Start times are staggered from 0 s to 0.03 s, so the layers arrive one after another. To change its colour, select "Tap Flash" in the studio and edit Colour A and Colour B. Size on the same layer sets how big its particles are.

Layers, in draw order

Tap Flashparticles / additiveA single particle at 0.02 s. It grows as it ages. Colour: pale gold.
Tap Ringstroke / additiveA glowing line traced along a circle.
Star Sparksparticles / additiveOne burst of 8 stars from a disc at 0.03 s. They shrink as they age and slow down with drag. Colours range between white and gold.
CoinsparticlesOne burst of 3 coins and gems at 0.03 s. They fall under gravity and grow as they age. Colour: white.
+1textThe words "+1" in Luckiest Guy. At the end they fade away.

DETAILS

Length: 0.6 seconds, seamless loop
Canvas: 256 x 256, HD
Layers: 3 emitters, 1 glowing stroke and 1 text layer
Blend: Mostly additive (glows)
Colours: whitepale goldgold
Sprites: Kenney Particle Pack by Kenney (CC0), ParticleFX Rewards by ParticleFX Studio (CC0)
Tags: click, tap, clicker, idle, coin, plus one, feedback, ui

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 Tycoon & Idle

All Tycoon & Idle effects or the full library.