Manage Phaser 4 camera viewports, scrolling, and effects.
npx skills add https://github.com/kehwar/pixi-square --skill cameras-kehwar
Please help me install this Agent Skill. Skill: cameras Source: https://github.com/kehwar/pixi-square/tree/main/.agents/skills/cameras Command: npx skills add https://github.com/kehwar/pixi-square --skill cameras-kehwar
Managing Phaser 4 cameras can be verbose and error-prone, especially with multiple viewports, world scrolling, and a variety of effects.
In a Phaser scene, access the main camera via this.cameras.main and perform a basic scroll to a point, then start following a target to see the camera move.
High-intent search queries and answers about installing and using this skill.
Multi-camera management in Phaser 4 uses a central CameraManager to orchestrate viewports, separating world scroll from viewport projection to render HUDs and minimaps independently. Ignore lists and per-camera viewport control keep UI elements isolated from gameplay views.
Phaser camera effects like fade, flash, shake, pan, zoomTo, and rotateTo are applied through the camera system with configurable event hooks. These visual effects execute directly on target cameras to enhance cutscenes and gameplay sequences.
Following a target with a Phaser 4 camera involves configuring lerp values, dead zones, and world bounds. This ensures the camera tracks the sprite smoothly while preventing it from scrolling outside the defined game world.
Yes, the camera system supports deadzones and bounds for scrolling. Configuring deadzones keeps the target centered within a specified area without moving the camera, while bounds restrict the camera to the game world dimensions.
Distinguishing viewport and world scroll allows multiple cameras to render different portions of the game world simultaneously. This separation enables dedicated HUD cameras and minimaps to overlay gameplay views without manual coordinate translation.
Yes, multi-camera setups in Phaser 4 support camera filters and ignore lists. Ignore lists prevent specific game objects from rendering on designated cameras, allowing precise control over which elements appear in gameplay views versus UI overlays.
WanderTheWeebConfigure Phaser 4 cameras for viewport rendering, scrolling, zoom, and target following.
batihandevControl Unity Scene View and Game Camera positioning, properties, and screenshots.
diegolinharesConfigure camera effects and controls in Phaser 4.
sbalagan22Create custom GLSL shaders with Three.js ShaderMaterial and RawShaderMaterial.
