tweens

Animate game object properties over time using Phaser 4 tweens.

Updated Apr 25, 2026
One-click install
npx skills add https://github.com/dzyamik/furry-match3 --skill tweens-dzyamik
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tweens
Source: https://github.com/dzyamik/furry-match3/tree/main/.claude/skills/tweens
Command: npx skills add https://github.com/dzyamik/furry-match3 --skill tweens-dzyamik

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing interactive experiences requires animating properties over time, and tweens provide a reliable way to interpolate values without manual frame updates.

Core Features & Use Cases

  • Create and chain complex animations with tweens, chains, and staggered delays.
  • Fine-grained control with per-property configs, easing, repeats, yoyo, and callbacks.
  • Use cases include moving sprites, fading UI, sequencing events, and parallax effects in Phaser scenes.

Quick Start

Create a simple tween in a scene to move a sprite from x:100 to x:600 over 2 seconds.

Frequently Asked Questions about tweens

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

FAQPage Schema
How do I animate Phaser game objects with tweens?

You animate Phaser game objects with tweens by configuring property targets and durations to interpolate values automatically. This handles moving sprites and fading UI without manual frame updates.

What is the best way to chain animations in a Phaser scene?

Chaining animations in a Phaser scene is best handled using tween chains and staggered delays. This sequences multiple motion events and chained animations to execute sequentially without manual timing.

Can I use custom easing and callbacks for Phaser tweens?

Yes, you can apply custom easing and callbacks to Phaser tweens. The configuration supports per-property settings, easing functions, repeats, yoyo effects, and callback hooks for precise animation behavior.

Does Phaser 4 TweenManager handle tween lifetime and sequencing?

Yes, the Phaser 4 TweenManager handles tween lifetime and sequencing. It manages the creation, configuration, chaining, and automatic removal of tweens for scene motion and visual effects.

How do I fade UI elements in Phaser using tweens?

You fade UI elements in Phaser using tweens by interpolating the alpha property of the game object from visible to transparent over a set duration. This provides smooth visual transitions for UI elements.