Anime Sword Clash: Anime sword clash for duels and parries: two steel-blue cuts cross in an X, the clash snaps to an inverted impact frame, then a white glint flares and hot sparks fan out both ways under boiling focus lines.

Anime Sword Clash

Anime sword clash for duels and parries: two steel-blue cuts cross in an X, the clash snaps to an inverted impact frame, then a white glint flares and hot sparks fan out both ways under boiling focus lines.

Anime Sword Clash is an HD effect that loops seamlessly every 0.55 seconds, drawn on a 256 by 256 canvas. It is built from 13 particle emitters.

Free download with a transparent background, cropped to the effect, 17 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.55, 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 0.55 s loop.

Anime Sword Clash at 8 moments, from 0 s to 0.48 s

HOW IT'S MADE

Anime Sword Clash stacks 12 particle emitters, each with its own job. Techniques worth a look: keyframed parameters and post filters (outline and impact frames).

It loops seamlessly every 0.55 s, and 12 of its layers fire in bursts, so it pulses instead of flowing evenly. Start times are staggered from 0 s to 0.08 s, so the layers arrive one after another. To change its colour, select "Clash Star" in the studio and edit the Colour over Life gradient. Size on the same layer sets how big its particles are.

Layers, in draw order

  1. Cut A Shadow, Cut A BodyparticlesA single particle at the start. It swells and then shrinks away. Colour runs from white to blue over each life.
  2. Cut A EdgeparticlesA single particle at the start. It swells and then shrinks away. Colour: white.
  3. Cut B Shadow, Cut B BodyparticlesA single particle at 0.03 s. It swells and then shrinks away. Colour runs from white to blue over each life.
  4. Cut B EdgeparticlesA single particle at 0.03 s. It swells and then shrinks away. Colour: white.
  5. Clash StarparticlesA single particle at 0.07 s. It swells and then shrinks away. Colour runs from white to gold over each life.
  6. Clash GlintparticlesA single particle at 0.07 s. It swells and then shrinks away. It spins. Colour runs from white to pale gold over each life.
  7. Sparks Left, Sparks RightparticlesOne burst of 20 streaks at 0.07 s. They fall under gravity, shrink as they age and slow down with drag. Colour runs from white to orange over each life.
  8. Bead RingparticlesOne burst of 30 dots from a ring at 0.08 s. They shrink as they age and slow down with drag. Colour runs from white to pale blue over each life.
  9. Focus LinesparticlesBursts of 64 streaks from a ring every 0.05 s. Colour: white.

DETAILS

Length
0.55 seconds, seamless loop
Canvas
256 x 256, HD
Layers
13 emitters
Blend
Mostly normal
Colours
whiteorangegoldblue
Sprites
Built-in shapes only
Tags
sword clash, anime, parry, duel, clash, impact frame, sword, sparks

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 free cartoon and anime effects, and how to make your own: 2D cartoon FX.

MORE Toon & Anime

Anime One Cut Slash particle effectAnime One Cut SlashAnime Charge Up particle effectAnime Charge UpAnime Explosion particle effectAnime ExplosionAnime Finisher Blast particle effectAnime Finisher BlastAnime Ground Slam particle effectAnime Ground SlamAnime Impact Frame Hit particle effectAnime Impact Frame HitAnime Punch Barrage particle effectAnime Punch BarrageAnime Triple Slash particle effectAnime Triple Slash

YOU MIGHT ALSO LIKE

Sword Clash Sparks particle effectSword Clash SparksAnime Impact Frame particle effectAnime Impact FrameBeam Clash particle effectBeam ClashAnime Speed Lines particle effectAnime Speed LinesAnvil Sparks particle effectAnvil SparksAnvil Strike particle effectAnvil Strike

All Toon & Anime effects or the full library.