tweens

Animate Phaser 4 object properties with chaining, staggering, and timing.

3|Updated Apr 18, 2026

Search Tags:#javascript #animation #phaser #game-dev #visual-effects #tween

Ready to run

npx skills add https://github.com/Autinhorse/levelcraft --skill tweens-autinhorse

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: tweens
Source: https://github.com/Autinhorse/levelcraft/tree/main/games/docs/phaser-skills/tweens
Command: npx skills add https://github.com/Autinhorse/levelcraft --skill tweens-autinhorse

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires phaser, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of animating properties over time in Phaser 4, enabling developers to easily create dynamic visual effects.

Core Features & Use Cases

Tweening Objects: Animate properties like position, scale, rotation, and alpha with fine control.
Complex Animations: Chain multiple tweens, create staggered effects, and implement yoyo and repeat behaviors.
Use Case: Animate a game character moving across the screen while changing size and opacity, or create sequential animations for UI elements.

Quick Start

Use the tweens skill to animate the position of an image from x:100 to x:600 over two seconds with easing.

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 in Phaser 4?▼

To animate game object properties in Phaser 4, you use the TweenManager to smoothly transition values like position, scale, rotation, and alpha over a specified duration with fine control and easing.

Can I chain multiple tweens and create staggered visual effects in Phaser?▼

Yes, you can chain multiple tweens in Phaser to create complex sequential visual effects. This allows you to implement staggered animations, yoyo behaviors, and repeat actions for dynamic game UI and character movements.

What is the best way to smoothly move a character across the screen while changing its opacity?▼

The best way to smoothly move a character while changing opacity is using Phaser tweens to simultaneously animate the position and alpha properties, ensuring smooth transitions and synchronized visual effects over time.

Do I need a specific game engine version to use complex tween timing and chaining?▼

Yes, you need Phaser 4 specifically. Complex tween timing, chaining, and staggering require the Phaser 4 TweenManager and its associated modules to function correctly for your game object animations.

How do I set up a basic tween to animate an image from one position to another?▼

To set up a basic tween to animate an image, you target the game object and define the starting and ending coordinates, such as animating the x position property from 100 to 600 over two seconds with easing.