XP Bar Fill: Pixel XP bar fills with an easing head that sprays sparks, flashes white at full with a frame burst and a "MAX!" pop, then drains.

XP Bar Fill

Pixel XP bar fills with an easing head that sprays sparks, flashes white at full with a frame burst and a "MAX!" pop, then drains.

XP Bar Fill is a pixel art effect that loops seamlessly every 2.4 seconds, drawn on a 288 by 288 canvas at 3x pixels with the Endesga 32 palette. It is built from 5 particle emitters.

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

OPEN IN THE STUDIO

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

DETAILS

Length
2.4 seconds, seamless loop
Canvas
288 x 288, pixel art at 3x, Endesga 32 palette
Layers
5 emitters
Blend
Mostly normal
Colours
whitecyangold
Sprites
ParticleFX Rewards by ParticleFX Studio (CC0)
Tags
xp, bar, progress, hud, pixel, ui

USING IT IN YOUR GAME

Phaser, PixiJS
Take the PNG sheet: it comes with a TexturePacker JSON atlas that both load directly.
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: it writes the files that engine imports.
Web and chat
The GIF plays anywhere; the APNG keeps soft edges on any background.

MORE Rewards & UI

Countdown Go particle effectCountdown GoGems to HUD particle effectGems to HUDNew Item Sparkle particle effectNew Item SparkleStreak on Fire particle effectStreak on FireAchievement Unlocked particle effectAchievement UnlockedClaim Button particle effectClaim ButtonPerfect Hit particle effectPerfect HitQuest Complete particle effectQuest Complete

YOU MIGHT ALSO LIKE

Combo Pop particle effectCombo PopHacking Effect particle effectHacking EffectMana Crystal Fill particle effectMana Crystal FillShield Break particle effectShield BreakXP Absorb particle effectXP AbsorbAfterburner particle effectAfterburner

All Rewards & UI effects or the full library.