Engine example · Phaser 3.90.0

Your atlas, playing in Phaser.

The original six-frame robot starts automatically. Choose your exported PNG and JSON to play your own animation locally.

Loading Phaser and the sample…

Frames loaded: 0 · Current: —

Playback order

—

Try your own export

  1. Pack frames in the Maker and download both the PNG and JSON.
  2. Select those two files above, then choose Play selected files. No files are uploaded.
  3. The animation follows meta.frameOrder || Object.keys(atlas.frames). Packed rectangle positions do not change playback order.

This example accepts a single-image TexturePacker JSON hash atlas. It plays every listed frame as one loop; separate actions and game logic belong in your game. Phaser is included locally, with its MIT license, so this player makes no CDN request.

Sample files: PNG atlas · JSON atlas · source frames and license. Serve this folder over HTTP; opening the HTML as a local file can block the sample fetch.