cameras

Manage Phaser 4 cameras, viewports, and effects across scenes.

Updated Jun 21, 2021
One-click install
npx skills add https://github.com/mahirocoko/mahirocoko --skill cameras-mahirocoko
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cameras
Source: https://github.com/mahirocoko/mahirocoko/tree/main/plugins/phaser/skills/cameras
Command: npx skills add https://github.com/mahirocoko/mahirocoko --skill cameras-mahirocoko

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Coordinating and managing Phaser 4 cameras, viewports, and cinematic effects across scenes can be complex and time-consuming.

Core Features & Use Cases

  • Flexible camera management with a CameraManager and main camera
  • Support for multiple viewports, scrolling, zoom, bounds, and following sprites
  • Rich camera effects (fade, flash, shake, pan, zoomTo, rotateTo) and per-camera filters

Quick Start

Create and configure the main camera in your scene, then start following a target and apply a simple fade or pan to observe camera behavior.

Frequently Asked Questions about cameras

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

FAQPage Schema
How do I set up multiple camera viewports in Phaser 4 for a minimap?

Set up multiple Phaser 4 camera viewports using the CameraManager to render minimaps and HUDs simultaneously. You configure individual cameras with specific bounds and scroll settings to isolate scene sections, achieving dynamic gameplay views across separate screen regions.

What is the best way to apply cinematic camera effects in Phaser 4?

Apply cinematic camera effects in Phaser 4 by triggering fade, flash, shake, pan, zoomTo, and rotateTo actions through the main camera. These effects coordinate across scenes to deliver dynamic visual transitions during gameplay.

How does camera following and deadzones work in Phaser 4 scenes?

Camera following in Phaser 4 works by attaching the main camera to a target sprite, utilizing deadzones to keep the sprite centered without constant scrolling. This mechanism streamlines dynamic gameplay tracking across managed scenes.

Can I apply per-camera filters and render options in Phaser 4?

Yes, you can apply per-camera filters and configure render options in Phaser 4 using BaseCamera and Camera instances. This allows you to assign distinct visual treatments and rendering configurations to individual cameras within the same scene.

Does this Phaser 4 camera manager support input controls across multiple cameras?

Yes, the Phaser 4 camera manager supports input controls across multiple cameras. You can configure input handling per camera alongside render options, enabling interactive viewport management for complex multi-camera scene setups.