Phaser Sprite Sheet Generator
Create sprite sheets optimized for Phaser.
Features
Phaser JSON Format
Export metadata matching Phaser's atlas and spritesheet loaders.
Frame Durations
Metadata includes per-frame duration for Phaser animations.
Anchor Points
Set pivot/anchor coordinates for each sprite.
Video & Image Input
Create sheets from video, GIF, or individual images.
Efficient Packing
MaxRects algorithm minimizes texture size.
Browser-Based
No Node.js build step needed — works directly in the browser.
How It Works
Upload Assets
Drop video, GIF, or sprite images.
Configure for Phaser
Set packing options and choose Phaser export format.
Load in Phaser
Download PNG + JSON and load with Phaser's atlas loader.
Why Use I Love Sprites?
Phaser is the leading HTML5 game framework. I Love Sprites generates sprite sheets with Phaser's expected JSON format, including frame coordinates, anchor points, durations, and source sizes. Load the output directly with Phaser's Atlas or Spritesheet loaders.
Frequently Asked Questions
Common questions about sprite sheet generator for phaser.
The output format works with Phaser 3 and Phaser CE (Community Edition).
Yes. Frame durations are calculated from your configured FPS and included in the metadata.
Related Tools
Sprite Sheet Generator
Generate sprite sheets from videos and GIFs directly in your browser. Free, private, and fast. Export for Unity, Godot, Phaser, and more.
Sprite Sheet Generator for Unity
Generate Unity-compatible sprite sheets from videos, GIFs, or images. Export with Unity metadata format. Free browser tool, no download required.
Sprite Sheet Generator for Godot
Generate Godot-compatible sprite sheets and texture atlases. Export with Godot metadata format. Free browser tool for Godot game developers.
PNG to Sprite Sheet
Pack multiple PNG images into an optimized sprite sheet. Upload your sprites, configure packing, and export for any game engine. Free browser tool.
Stay Updated
Get notified about new features and tool updates.