cameras

Manage multiple Phaser 4 cameras for viewport, scrolling, and effects.

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/Raphe-dev/phaser-cozy-mmo --skill cameras
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cameras
Source: https://github.com/Raphe-dev/phaser-cozy-mmo/tree/main/skills/cameras
Command: npx skills add https://github.com/Raphe-dev/phaser-cozy-mmo --skill cameras

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Phaser 4 camera system that enables management of multiple cameras, viewport vs world scrolling, and rich visual effects to enhance scene presentation.

Core Features & Use Cases

  • Manage a CameraManager and multiple Camera instances, including a main camera, minimap, and HUD cameras.
  • Apply camera effects such as fade, flash, shake, pan, zoom, rotateTo, and following, with deadzones, bounds, and per-camera filters (v4) for cinematic visuals.
  • Provide world-to-screen utilities (worldView, getWorldPoint), ignore lists, and support for keyboard camera controls.

Quick Start

In a Scene's create method, access the main camera, configure its bounds, start following a player, and apply a 2x zoom.

Frequently Asked Questions about cameras

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

FAQPage Schema
How do I manage multiple cameras in a Phaser 4 scene for minimap and HUD overlays?

Managing multiple cameras in Phaser 4 scenes uses a CameraManager to control separate main, minimap, and HUD camera instances. This allows distinct viewport rendering, independent world scrolling, and dedicated HUD overlays within a single scene.

How do I set up camera bounds and follow a player with zoom in Phaser 4?

To configure camera bounds and following in Phaser 4, access the main camera in a Scene's create method, set its scroll bounds, start following the player sprite, and apply a zoom factor like 2x for focused cinematic viewport control.

What camera effects are available for cinematic scenes in Phaser 4?

Cinematic camera effects in Phaser 4 include fade, flash, shake, pan, zoom, and rotateTo. These effects, combined with deadzones and per-camera filters, enable dynamic visual presentations and scene transitions for game development.

Does Phaser 4 support per-camera filters for viewport rendering?

Yes, Phaser 4 supports per-camera filters, allowing you to apply specific visual filter effects to individual camera views. This enables distinct rendering styles across the main camera, minimap, or HUD cameras within the same scene.

How do I convert world coordinates to screen points using a Phaser 4 camera?

Converting world coordinates to screen points in Phaser 4 uses built-in world-to-screen utilities like getWorldPoint and the camera's worldView. These tools calculate exact viewport positions for accurate game object placement.

Can I use ignore lists to exclude game objects from specific camera views in Phaser 4?

Yes, Phaser 4 cameras support ignore lists to exclude specific game objects from rendering on designated cameras. This ensures elements like UI overlays display exclusively on HUD cameras while remaining hidden from the main viewport.