skills.rest
mudman1986
mudman1986COMMUNITY
Explore all skills by this author →
GitHub

scenes

Implements Phaser scene lifecycle management, transitions, and multi-scene orchestration patterns.

Updated Jun 10, 2026
Search Tags:#game development#javascript#phaser#scene lifecycle#multi-scene#scene transition#scenemanager
One-click install
npx skills add https://github.com/mudman1986/quarterless --skill scenes-mudman1986
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: scenes
Source: https://github.com/mudman1986/quarterless/tree/main/.github/skills/scenes
Command: npx skills add https://github.com/mudman1986/quarterless --skill scenes-mudman1986

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Phaser games with multiple screens (menus, HUDs, levels, pause overlays) require careful management of scene lifecycles, data passing, and render order, and mistakes like resetting state in constructors or misusing start versus switch cause subtle bugs. ## Core Features & Use Cases - Lifecycle Guidance: Covers init, preload, create, and update methods plus the ten scene states from PENDING to DESTROYED. - Multi-Scene Orchestration: Documents start, launch, run, switch, pause, sleep, wake, and animated transitions via the ScenePlugin. - Data and Event Communication: Explains six patterns for passing data between scenes, including the global registry and cross-scene event emitters. - Use Case: When building a game with a HUD overlay, use this Skill to launch a UIScene in parallel with the GameScene and wire score updates through scene events. ## Quick Start Ask the AI to create a Phaser scene that pauses the game and shows a menu overlay using the scenes skill.

Frequently Asked Questions about scenes

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

FAQPage Schema
How do I switch between scenes in Phaser?▼

Use this.scene.start('TargetScene', data) to shut down the current scene and start the target, or this.scene.switch() to sleep the current scene while preserving its state. For animated transitions, use this.scene.transition() with a duration and target key.

How do I run two Phaser scenes at the same time?▼

Use this.scene.launch('UIScene') to start a second scene in parallel without stopping the current one. Control which renders on top with bringToTop, sendToBack, moveAbove, or moveBelow.

How do I pass data between Phaser scenes?▼

Pass a data object as the second argument to start, launch, or switch, then read it in the target scene's init(data) and create(data) methods. For shared state, use the global this.registry or emit events on another scene's EventEmitter.

What is the difference between pause and sleep in Phaser scenes?▼

pause() stops the update loop but the scene still renders, while sleep() stops both updating and rendering. Both preserve scene state in memory, unlike stop() which performs a full shutdown.

Why does my Phaser scene state not reset on restart?▼

State initialized in the constructor only runs once when the scene is first instantiated. Reset per-run state in the init() method instead, which executes every time the scene starts or restarts.

Related Skills

Explore More Software Engineering Skills→
diegolinharesdiegolinhares

scenes

Manage Phaser 4 scene lifecycle, transitions, and communication.

Community
Intermediate
onymchatonymchat

spritekit

Create 2D games and animations for iOS using SpriteKit.

Official
Intermediate
mahirocokomahirocoko

loading-assets

Automate asset loading and caching for Phaser 4 scenes.

Community
Intermediate
Yakoub-aiYakoub-ai
17

phaser-scene

Standardize Phaser 4 scene class creation and lifecycle management.

Official
Advanced