tweens

Automate property animations for Phaser 4 game objects using the TweenManager API.

Updated Apr 26, 2026
One-click install
npx skills add https://github.com/kehwar/pixi-square --skill tweens-kehwar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tweens
Source: https://github.com/kehwar/pixi-square/tree/main/.agents/skills/tweens
Command: npx skills add https://github.com/kehwar/pixi-square --skill tweens-kehwar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automate property animation for Phaser 4 game objects.

Core Features & Use Cases

  • Supports basic tweens, tween chains, staggered delays, per-property configs, yoyo, and repeats.
  • Enables sequencing complex animations across multiple game objects (e.g., characters moving, fading, scaling in order).
  • Useful in any Phaser 4 scene to drive dynamic UI transitions, in-game events, and visual feedback.

Quick Start

Create and start a basic tween to move a game object from its current position to a target 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 automate property animation for Phaser 4 game objects?

To automate property animation for Phaser 4 game objects, you can use the TweenManager API to define target properties, duration, and easing. This allows you to move, fade, and scale objects programmatically without manual frame updates.

Can I sequence complex animations across multiple game objects in Phaser?

Yes, you can sequence complex animations across multiple game objects in Phaser using tween chains and staggered delays. This enables characters and UI elements to move, fade, or scale in a coordinated order.

Does this support per-property configuration, looping, and callbacks for Phaser tweens?

Yes, Phaser tweens support per-property configuration, looping, yoyo repeats, and callbacks. This allows precise control over individual attributes and triggers game events when animations start, update, or complete.

What is the best way to drive dynamic UI transitions and visual feedback in a Phaser scene?

The best way to drive dynamic UI transitions and visual feedback in a Phaser scene is by orchestrating tween chains. They coordinate sequences of movements, fades, and scaling effects across multiple objects to provide responsive visual feedback.

Why use Phaser tweens for scene transitions instead of manual update loops?

Using Phaser tweens for scene transitions delegates interpolation and timing to the TweenManager API, avoiding manual update loops. This simplifies staggering, easing, and chaining visual effects across multiple objects efficiently.