PhaserFX - Explode Image Effect for Phaser 4
β‘ Built for Phaser 4 — Cinematic Explosions, One Function
phaser-fx-v4 is a lightweight, provider-based effects library for Phaser 4.1+. One parametric explosion engine, 18+ tunable knobs, 7 hand-crafted preset looks. Drop it into any scene and ship better-feeling games.

β¨ What's inside
- π₯ Grid-based shard explosion — splits any sprite/texture into a configurable colΓrow grid and animates each piece with physics
- π― 18+ parameters — speed, gravity, spread angle, rotation, fade, tint, scale ranges, easing, radial / implode / variance modes
- π¬ 7 preset looks in the live demo —
burst,shockwave,vortex,fire,shatter,concussion,fireworks(copy the configs straight into your game) - π Performance-first — opt-in object pooling + viewport culling. Auto-detected: implement two methods on your provider and the library uses them
- π Provider pattern — zero coupling to Phaser internals. Wire up
FXProvideronce, every effect just works - π TypeScript-first — full
.d.tsdefinitions, IDE autocomplete out of the box - πͺΆ Tiny — ~25 KB compiled package, ESM, tree-shakeable, zero runtime dependencies
π Usage
import { explodeImage } from "phaser-fx-v4";
const provider = new PhaserFXProvider(this); // your FXProvider, created once
explodeImage(provider, "enemy", 0, {
x: 400,
y: 300,
cols: 10,
rows: 10,
speed: 520,
gravity: 480,
radial: true,
scale: { start: 1, end: 0 },
rotateMaxDeg: 320,
duration: 900,
ease: "Quad.easeOut",
onComplete: () => console.log("π₯"),
});
π¦ What you get
dist/index.js— compiled ESM bundle for Vite / Webpack / Rollupdist/*.d.ts— full TypeScript definitionssrc/— TypeScript sources (modify for your own use, per license)README.md— install + full API referenceLICENSE— commercial use, unlimited projects per developer
β Requirements
- Phaser β₯ 4.1.0
- A bundler (Vite, Webpack, Rollup, esbuild) — ships ESM only
- TypeScript not required, but recommended for full IDE support
π License
Commercial — one license per individual developer, unlimited personal & commercial projects, source modification allowed for your own use. Redistribution and resale prohibited.
| Status | Released |
| Category | Tool |
| Platforms | HTML5 |
| Author | JanekovicS |
| Tags | Effects, phaser, phaser4, phaser_v4 |
| AI Disclosure | AI Assisted, Text |
Purchase
Buy Now$20.00 USD or more
In order to download this tool you must purchase it at or above the minimum price of $20 USD. You will get access to the following files:
phaser-fx-v4.zip 25 kB
