tweens

Animate Phaser 4 game object properties with tweens, chains, and easing.

Updated Apr 20, 2026

Search Tags:#javascript #animation #phaser #game-development #easing #tween

Ready to run

npx skills add https://github.com/Raphe-dev/phaser-cozy-mmo --skill tweens

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: tweens
Source: https://github.com/Raphe-dev/phaser-cozy-mmo/tree/main/skills/tweens
Command: npx skills add https://github.com/Raphe-dev/phaser-cozy-mmo --skill tweens

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured, ready-to-use system to animate game object properties over time in Phaser 4, replacing manual frame-by-frame updates with a robust tweening engine.

Core Features & Use Cases

TweenManager integration for centralized animation control within scenes.
Supports tweens, tween chains, easing, stagger, yoyo, repeat, callbacks, and number tweens.
Useful for orchestrating character movement, UI transitions, and staggered effects in games.

Quick Start

Create a basic tween to animate a sprite's x position over time.

Frequently Asked Questions about tweens

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

FAQPage Schema

How do I animate game object properties over time in Phaser 4?▼

Animate game object properties over time in Phaser 4 by using a tweening engine to replace manual frame-by-frame updates. This system manages targets, durations, delays, and easing functions for typical scene animations like character movement.

What is the best way to chain animations and apply easing in Phaser game development?▼

The best way to chain animations and apply easing in Phaser game development is using tween chains. This system supports creating sequential tweens, staggered effects, yoyo repeats, and per-property configuration to orchestrate complex UI transitions.

Can I use stagger and yoyo effects for UI transitions in Phaser 4?▼

Yes, you can use stagger and yoyo effects for UI transitions in Phaser 4. The tweening system explicitly supports staggered animations, yoyo repeats, and per-property callbacks to manage complex scene animations and staggered visual effects.

Does Phaser 4 support per-property callbacks during a tween?▼

Phaser 4 does support per-property callbacks during a tween. The animation system exposes a manager API for creation, chaining, and lifecycle control, allowing you to trigger specific callbacks as individual property values change over time.

Why replace manual frame-by-frame updates with a tweening system in JavaScript games?▼

Replace manual frame-by-frame updates with a tweening system in JavaScript games to gain centralized animation control. The TweenManager integration handles loops, delays, and easing automatically, preventing timing bugs and reducing boilerplate code for character movement.