skills.rest
GiantCroissant-Lunar
GiantCroissant-LunarOFFICIAL
Explore all skills by this author →
GitHub

tweens

Animates object properties over time in Phaser 4 via the TweenManager.

Updated Apr 16, 2026
Search Tags:#javascript#animation#phaser#game-development#easing#tween#tween-manager
One-click install
npx skills add https://github.com/GiantCroissant-Lunar/proto-breakout --skill tweens-giantcroissant-lunar
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tweens
Source: https://github.com/GiantCroissant-Lunar/proto-breakout/tree/main/.agent/skills/01-phaser/tweens
Command: npx skills add https://github.com/GiantCroissant-Lunar/proto-breakout --skill tweens-giantcroissant-lunar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a robust, low-boilerplate system to animate object properties over time in Phaser 4, enabling smooth motion, synchronized sequences, and reusable timing logic.

Core Features & Use Cases

  • Create and manage tweens via the Phaser TweenManager for scene-wide animation control
  • Build complex sequences with chains, staggered delays, yoyo effects, and repeats
  • Per-property and per-target configurability with flexible easing, interpolation, and callbacks
  • Ideal for UI transitions, character movements, and orchestrated multi-object animations in games

Quick Start

Create a basic tween by calling this.tweens.add with a targets object and a duration to move or modify properties.

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?▼

You animate game object properties over time in Phaser by calling this.tweens.add with a targets object and a duration to smoothly modify values like position or scale. This system provides low-boilerplate animation logic.

Can I chain multiple animations together sequentially in Phaser?▼

Yes, you can chain multiple animations sequentially in Phaser using the TweenChain system to build complex sequences with staggered delays, yoyo effects, and repeats across multiple targets and properties.

What is the best way to manage scene-wide animations in Phaser 4?▼

The best way to manage scene-wide animations in Phaser 4 is via the TweenManager integration, which provides event-driven control supporting per-property configuration, loops, yoyo effects, and callbacks for orchestrated multi-object animations.

Does Phaser support per-property easing and interpolation configuration?▼

Yes, Phaser supports per-property and per-target configurability with flexible easing and interpolation, allowing you to specify different easing functions and callbacks for individual properties within a single tween.

Related Skills

Explore More Software Engineering Skills→
Dominik-SteinwegDominik-Steinweg

tweens

Animate Phaser 4 object properties with TweenManager chains and easing.

Community
Intermediate
tja688tja688

animations

Manage sprite animation sequences and playback states in Phaser 4.

Community
Intermediate
simon-tannasimon-tanna

phaser-gamedev

Build 2D games with Phaser 3 scenes, physics, and tilemaps.

Community
Advanced
tja688tja688

tweens

Create and manage property animations in Phaser 4 game scenes.

Community
Intermediate