skills.rest
AmirOssanloo
AmirOssanlooCOMMUNITY
Explore all skills by this author →
GitHub

tweens

Animates object properties over time using Phaser 4 tweens, chains, and easing functions.

Updated Sep 20, 2026
Search Tags:#game development#javascript#animation#phaser#easing#tween#tween chain
One-click install
npx skills add https://github.com/AmirOssanloo/helix-game --skill tweens-amirossanloo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tweens
Source: https://github.com/AmirOssanloo/helix-game/tree/main/.claude/skills/tweens
Command: npx skills add https://github.com/AmirOssanloo/helix-game --skill tweens-amirossanloo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Animating game object properties in Phaser 4 requires knowing the TweenManager API, tween configuration options, easing names, and lifecycle callbacks, which are easy to misuse without a reference. ## Core Features & Use Cases - Tween Creation and Configuration: Build tweens with targets, duration, delay, easing, relative values, per-property configs, and stagger functions. - Sequencing and Looping: Compose tween chains, yoyo and repeat behavior, number tweens via addCounter, and loop controls with callbacks. - Playback Control and Events: Pause, resume, seek, restart, kill tweens, and subscribe to lifecycle events like onStart, onUpdate, and onComplete. - Use Case: When building a Phaser 4 scene, use this skill to animate a sprite moving across the screen with a bounce ease, then chain a fade-out and scale-up sequence with completion callbacks. ## Quick Start Ask the AI to create a Phaser 4 tween that moves a sprite to a target position with easing, yoyo, and an onComplete callback.

Frequently Asked Questions about tweens

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

FAQPage Schema
How do I create a tween in Phaser 4?▼

Call this.tweens.add inside a Scene with a config object specifying targets, the properties to animate, duration, and an ease name. The tween starts immediately and auto-destroys on completion unless persist is set to true.

How to chain multiple tweens in sequence in Phaser?▼

Use this.tweens.chain with a tweens array of standard tween configs; each entry starts after the previous one completes. Chain-level options include loop, loopDelay, and onComplete, while per-tween callbacks go on individual entries.

What easing functions does Phaser 4 support?▼

Phaser 4 supports Quad, Cubic, Quart, Quint, Sine, Expo, Circ, Elastic, Back, and Bounce, each with easeIn, easeOut, and easeInOut variants. Power0 through Power4 alias Linear through Quintic Out, and custom functions are also accepted.

What is the difference between repeat and loop in Phaser tweens?▼

Repeat is per-property and replays that property's animation, while loop restarts the entire tween from scratch. A repeat of 1 plays the property twice total, and loop: -1 loops forever so onComplete never fires.

Why does my Phaser tween disappear after it completes?▼

Tweens auto-destroy after completion by design, so stored references become invalid. Set persist: true in the config to keep the tween alive for replay, then call tween.destroy manually when finished.

Can I tween a plain number without a game object in Phaser?▼

Yes, use this.tweens.addCounter with from, to, and duration to create a number tween with no target. Read the current value in onUpdate via tween.getValue.

Related Skills

Explore More Software Engineering Skills→
dzyamikdzyamik

tweens

Animate game object properties over time using Phaser 4 tweens.

Community
Advanced
diadia0000diadia0000

combat

Analyze enemy AI, spawning patterns, and weapon/armor attributes in games.

Community
Advanced
AutinhorseAutinhorse
3

animations

Create and control Phaser 4 sprite animations with spritesheets and atlases.

Community
Intermediate
jallard-007jallard-007

physics-arcade

Configure Arcade Physics in Phaser 4 scenes with bodies, velocity, gravity, and collisions.

Community
Advanced