Control Phaser 4 camera behavior for viewport rendering and world navigation.
npx skills add https://github.com/ArtRiv/game-topicos-especiais --skill cameras-artriv
Please help me install this Agent Skill. Skill: cameras Source: https://github.com/ArtRiv/game-topicos-especiais/tree/main/skills/cameras Command: npx skills add https://github.com/ArtRiv/game-topicos-especiais --skill cameras-artriv
This skill helps you reliably control a Phaser 4 scene camera so your game view can follow targets, move through the world, and deliver cinematic effects without confusing viewport versus world coordinates.
Use the cameras skill in your Phaser 4 Scene by getting this.cameras.main and then calling cam.startFollow(player, false, 0.1, 0.1) to smoothly track your target while using cam.setZoom(2) and cam.setBounds(0, 0, worldWidth, worldHeight) to frame the world correctly.
High-intent search queries and answers about installing and using this skill.
Smooth Phaser camera follow is done by calling cam.startFollow(player, false, 0.1, 0.1) on this.cameras.main. The lerp parameters control interpolation, while setDeadzone keeps framing stable during small movements.
Multi-camera minimap and HUD layouts in Phaser use this.cameras to create separate viewports. Apply ignore lists to filter which objects render on specific cameras, cleanly separating UI layers from the main game world.
Phaser camera scroll and viewport separation requires getWorldPoint to convert screen pointer coordinates to world coordinates. This resolves common issues when navigating large worlds with active zoom and scroll offsets.
Constrain Phaser camera movement using setBounds(0, 0, worldWidth, worldHeight) and adjust scale with setZoom or zoomTo. Remove constraints later with removeBounds when transitioning between bounded and unbounded areas.
Phaser camera transition effects include fade, flash, shake, pan, zoomTo, and rotateTo. Each effect provides event hooks to trigger gameplay logic or scene transitions upon completion.
Wrong Phaser camera position during scroll happens when confusing viewport placement with world scroll. Manage them independently using scroll, setScroll, and centerOn APIs to properly separate screen rendering from world navigation.
Raphe-devManage multiple Phaser 4 cameras for viewport, scrolling, and effects.
jallard-007Coordinate Phaser 4 cameras for viewports, scrolling, and effects.
ArtRivConfigure Matter.js physics and manage bodies, constraints, and collisions in Phaser 4 scenes.
arnaudruffinManage multiple Phaser 4 cameras with viewports, effects, and keyboard controls.
