Animations

Handles sprite animation in Phaser 4 through the global AnimationManager and per-sprite AnimationState. Covers the usual workflow of loading spritesheets or atlases, creating animation definitions with frame sequences, and controlling playback with play, pause, chain, and reverse methods. The skill explains the local vs global animation distinction, yoyo and repeat patterns, animation mixing for transitions, and the full event system including frame-level callbacks. If you're building anything with character movement, effects, or UI animations in Phaser, this gives you the complete reference for timing, sequencing, and responding to animation lifecycle events.

Install to Claude Code

npx -y skills add phaserjs/phaser --skill animations --agent claude-code