Manage sprite animations with global and per-sprite states in Phaser 4.
npx skills add https://github.com/phaserjs/phaser --skill animations-phaserjs
Please help me install this Agent Skill. Skill: animations Source: https://github.com/phaserjs/phaser/tree/main/skills/animations Command: npx skills add https://github.com/phaserjs/phaser --skill animations-phaserjs
Creating and controlling sprite animations in Phaser 4 requires coordinating a global AnimationManager with per-sprite AnimationState, handling timing, events, and transitions across multiple objects. This guide explains how to use the built-in animation system to simplify common animation workflows.
Load your assets (spritesheet or atlas), create an animation with this.anims.create, and then play it on a sprite.
High-intent search queries and answers about installing and using this skill.
To create sprite animations in Phaser 4, load your spritesheet or atlas, define the animation using the global AnimationManager create method, and trigger playback on a sprite via its AnimationState play endpoint.
The AnimationManager is a global system that defines and stores shared animation data, while AnimationState is a per-sprite component that controls local playback, timing, and events for that specific object.
Yes, Phaser supports animation chaining. You can use the chain API endpoint to sequence animations so that one playback transitions directly into another upon completion without manual event listeners.
Yes, Phaser 4 supports per-frame duration and timing options. You can define custom timing for individual frames within spritesheets and atlases to control playback speed dynamically.
You can synchronize animations across multiple sprites by attaching event hooks during creation. The animation system emits events that allow you to coordinate actions like item pickups across groups.
Yes, the Phaser animation system exposes JSON export and import endpoints. You can serialize your animation workflows into JSON format and reload them to scale configurations across projects.
AutinhorseCreate and control Phaser 4 sprite animations with spritesheets and atlases.
tja688Manage sprite animation sequences and playback states in Phaser 4.
Joshua-AllenEnable Arcade Physics in Phaser 4 games with sprite and group physics.
diegolinharesAutomates sprite animation creation and management in Phaser 4 games.
