tweens

Orchestrate property animations over time in Phaser 4 scenes.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/jallard-007/jallard-ca-server --skill tweens-jallard-007
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tweens
Source: https://github.com/jallard-007/jallard-ca-server/tree/main/.github/skills/tweens
Command: npx skills add https://github.com/jallard-007/jallard-ca-server --skill tweens-jallard-007

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Orchestrates time-based animations of game object properties, removing the need for manual frame-by-frame updates and easing calculations.

Core Features & Use Cases

  • Create property tweens for single or multiple targets with configurable duration and easing.
  • Chain tweens and stagger delays to coordinate complex sequences.
  • Leverage per-property config, yoyo, repeat, and callbacks to drive gameplay timelines.

Quick Start

In a scene, create a simple tween to move a sprite from its current position to a target coordinate over a set duration.

Frequently Asked Questions about tweens

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

FAQPage Schema
How do I sequence multiple game animations in Phaser 4?

You can sequence game animations in Phaser 4 by chaining tweens and configuring stagger delays. This orchestrates complex timelines across multiple game objects without manual frame updates.

Can I animate multiple game object properties simultaneously with Phaser tweens?

Yes, Phaser tweens support animating multiple game object properties simultaneously. You can configure duration and easing for single or multiple targets to move, fade, and scale them together.

How do I create a yoyo effect for repeating sprite animations?

To create a yoyo effect for repeating sprite animations, configure your tween with yoyo and repeat properties. This drives gameplay timelines by automatically reversing property transitions.

What is the best way to move a sprite to target coordinates over time in Phaser?

The best way to move a sprite to target coordinates over time in Phaser is using a property tween. You set a target coordinate and duration, letting the TweenManager handle the easing calculations.

Does Phaser 4 support callbacks within animation sequencing timelines?

Yes, Phaser 4 supports callbacks within animation sequencing timelines. You can attach callbacks to tweens to trigger gameplay events at specific points during the property animation sequence.

Why use Phaser tweens instead of manual frame-by-frame game animations?

Use Phaser tweens instead of manual frame-by-frame game animations to remove the need for manual easing calculations. Tweens automatically orchestrate time-based property transitions across standard scenes.