sprites-and-images

What problem does it solve?

Creating and manipulating Sprites and Images in Phaser 4 can require juggling multiple APIs and lower-level details. This Skill provides a cohesive approach that unifies creation, transform, and rendering aspects under a consistent API and component system.

Core Features & Use Cases

• Factory methods for creating Sprites and Images (this.add.sprite, this.add.image) with built-in transform support (position, scale, rotation).
• Texture and frame management, tinting, alpha, origin, depth, and the component mixin system that applies common behavior across objects.
• Use Case: rapidly assemble characters with static or animated visuals, apply consistent rendering order, and reuse component-driven capabilities across different game objects.

Quick Start

Instantiate a sprite in a scene with this.add.sprite(x, y, 'player', 'idle-0') and chain common setup calls like setPosition, setScale, and setTint.