animations

Automates sprite animation creation and management in Phaser 4 games.

Updated Jun 5, 2026

Search Tags:#game development #sprite animations #Phaser 4 #AnimationManager #AnimationState

Ready to run

npx skills add https://github.com/diegolinhares/lightlabs_arena --skill animations-diegolinhares

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: animations
Source: https://github.com/diegolinhares/lightlabs_arena/tree/main/skills/animations
Command: npx skills add https://github.com/diegolinhares/lightlabs_arena --skill animations-diegolinhares

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the complexity of managing sprite animations in Phaser 4, allowing users to create, control, and manage sprite animations with ease.

Core Features & Use Cases

Sprite Animations: Create and control sprite animations from spritesheets and atlases.
AnimationManager and AnimationState: Leverage the global and per-sprite animation management tools.
Common Patterns: Handle common animation patterns like spritesheet animations, atlas animations, chaining, and more.
Use Case: Imagine you are developing a game with characters that require complex animations. Use this Skill to streamline the animation process, ensuring smooth and efficient animations.

Quick Start

Use the animations skill to load a spritesheet and define an animation, then apply it to a sprite.

Frequently Asked Questions about animations

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create sprite animations from spritesheets in Phaser 4?▼

To create sprite animations in Phaser 4, load a spritesheet or atlas and define the animation frames. This Skill automates that process by handling AnimationManager setup and applying the generated animation directly to your sprite.

What is the difference between AnimationManager and AnimationState in Phaser 4?▼

AnimationManager handles global animation configurations, while AnimationState manages animations on a per-sprite basis. This Skill leverages both to streamline the creation, control, and playback of your game animations.

Can I chain multiple sprite animations together in Phaser 4?▼

Yes, you can chain sprite animations in Phaser 4. This Skill supports common animation patterns including chaining, allowing you to sequence multiple animations to play one after another seamlessly on a single sprite.

How do I handle frame callbacks and animation events in Phaser 4?▼

You handle frame callbacks and animation events by registering listeners during the animation setup. This Skill automates configuration for these events, triggering custom logic at specific frames or when animations start, complete, or stop.

Does this Skill support managing animations from texture atlases?▼

Yes, the Skill supports managing animations from texture atlases. It automates the extraction of frames from both spritesheets and atlases, allowing you to efficiently control complex character animations in Phaser 4.