# Phaser Examples — Full Index
# https://phaser.io
#
# Extended metadata for each example including tags, API references, and dimensions.
# For source code, use the API: GET /api/v1/examples/{id}/code
#

## Add Mask Shape Action
ID: k3tc2xDbp9
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/add-mask-shape
Size: 800x600
Multi-file: no
Description: Demonstrates applying and configuring geometric masks on images using the AddMaskShape action, featuring options for inversion, specific regions, and scale modes.

## Add Shine Effect
ID: FjJKK4DK4o
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/add-effect-shine-default
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a default shine animation effect to an image using Phaser Actions.

## Add Shine Effect with Displacement Map
ID: 62ho6EoUps
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/add-effect-shine-displaced
Size: 1280x720
Multi-file: no
Description: Demonstrates how to apply an animated shine effect to an image using a displacement map to create distorted light reflections.

## Align Objects Sequence
ID: jGUEgBjPgR
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/align-to-base
Size: 800x600
Multi-file: no
Description: Uses the AlignTo action to position an array of Game Objects sequentially relative to one another based on a specified alignment point.

## Align To Action
ID: Yu1H6WDr4p
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/align-to
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the AlignTo action to position an array of Game Objects sequentially relative to each other, using the first object as the anchor.

## Align To Offset
ID: dNjqTKNrCA
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/align-to-offset
Size: 800x600
Multi-file: no
Description: Demonstrates using Phaser.Actions.AlignTo to position a sequence of sprites relative to each other with a dynamic vertical offset.

## Angle Action
ID: feuUotCDMh
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/angle
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Angle action to rotate an array of Game Objects by a fixed amount every frame.

## Angle With Step
ID: 6hUG5jN4s3
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/angle-with-step
Size: 800x600
Multi-file: no
Description: Uses Phaser.Actions.Angle to apply a continuous, incremental rotation across an array of Game Objects every frame.

## Bloom Camera Effect
ID: 5AhjoyPo4J
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/add-effect-bloom
Size: 1280x720
Multi-file: no
Description: Demonstrates how to apply a bloom shader effect to a camera using the AddEffectBloom action and animate the effect intensity with a tween.

## Fit To Region
ID: 1swgWStBWm
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/fit-to-region
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use the FitToRegion action to scale game objects into a target area using different fit modes including fit inside, stretch to fill, or fit outside.

## Fit to Region with Manual Size
ID: mPeSAxuNaa
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/fit-to-region-without-known-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Actions.FitToRegion on Game Objects that lack intrinsic dimensions, such as Particle Emitters, by providing explicit source width and height.

## Get First Action
ID: VQaYuAsqH3
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/get-first
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the GetFirst action to find the first game object in an array that matches specific property values, such as scale and frame.

## Grid Align Animations
ID: eR7cFka7Aj
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/grid-align-animations
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the GridAlign action to arrange a collection of animated sprites into a structured grid layout.

## Grid Align Group
ID: ddedCgBeDW
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/grid-align-group
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the GridAlign action to automatically arrange Game Objects from a Group into a grid formation with defined cell dimensions and positioning.

## Grid Align Sprites
ID: xQoo5i7qCh
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/grid-align-sprites
Size: 800x600
Multi-file: no
Description: Demonstrates how to arrange an array of sprites into a 4x2 grid using the GridAlign action, specifying cell dimensions and starting coordinates.

## Grid Align with Overlap
ID: bRnGNQUrBH
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/grid-align-overlap
Size: 800x600
Multi-file: no
Description: Demonstrates how to arrange a group of sprites into a grid where the items overlap horizontally by setting cell dimensions smaller than the actual sprite size.

## Increment X Action
ID: oSxZXUHVdV
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/inc-x
Size: 800x600
Multi-file: no
Description: Use the IncX action to move an array of Game Objects horizontally, applying both a base increment and an optional step value for varied speeds.

## Increment Y Action
ID: dTMvSQcmWW
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/inc-y
Size: 800x600
Multi-file: no
Description: Demonstrates using the IncY action to shift the vertical position of multiple Game Objects simultaneously, including the use of a step value for graduated movement.

## IncXY Action
ID: nuB35xRCHg
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/inc-x-and-y
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the IncXY Action to apply relative X and Y movement to an entire array of Game Objects simultaneously.

## Place and Rotate Around a Circle
ID: A8kgw5Y5yS
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-on-part-of-a-circle
Size: 800x600
Multi-file: no
Description: Demonstrates how to arrange multiple groups of sprites into concentric circles and animate them rotating around a central point.

## Place On A Circle Reversed
ID: hE22QvMEFV
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-on-a-circle-reversed
Size: 800x600
Multi-file: no
Description: Arrange multiple groups of sprites onto concentric circles and animate them by rotating each ring in alternating directions.

## Place On Circle
ID: iS2u2F8ccT
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-on-circle
Size: 800x600
Multi-file: no
Description: Arrange a group of sprites along the perimeter of a circular geometry and animate their rotation and radius using Action functions.

## Place On Ellipse
ID: iaSHFT5dTS
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-on-ellipse
Size: 800x600
Multi-file: no
Description: Position a group of Game Objects evenly around the perimeter of an ellipse and update their positions dynamically as the ellipse changes size.

## Place On Line
ID: FuAg3Dh5DX
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-on-line
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the PlaceOnLine action to distribute a group of game objects evenly along a geometric line segment.

## Place On Rectangle
ID: eVy3egLycK
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-on-rectangle
Size: 800x600
Multi-file: no
Description: Distributes a group of game objects evenly along the perimeter of a rectangle shape using the PlaceOnRectangle action.

## Place On Rectangle Shift
ID: vzkbBLsftZ
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-on-rectangle-shift
Size: 800x600
Multi-file: no
Description: Demonstrates how to arrange a group of sprites along the perimeter of a rectangle and shift their positions each frame to create a rotation effect while the rectangle's dimensions are animated with a tween.

## Place on Triangle
ID: aWoPvQdNac
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-on-triangle
Size: 800x600
Multi-file: no
Description: Learn how to distribute a group of sprites along the perimeter of equilateral and right-angled triangles using the PlaceOnTriangle action.

## Place Sprites on a Circle
ID: fpC4dcBnwG
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-sprites-on-circle
Size: 800x600
Multi-file: no
Description: Demonstrates using the PlaceOnCircle action to arrange an array of sprites along the perimeter of a geometric circle, including depth sorting based on their y-coordinates.

## Place Sprites on a Circle and Rotate
ID: c469ejQf3P
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-on-a-circle-multi
Size: 800x600
Multi-file: no
Description: Arrange a group of sprites in a circle and animate their rotation and distance from the center using Phaser Actions and a tweened counter.

## Place Sprites on a Circular Arc
ID: F9uqdzbUMJ
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/place-sprites-on-part-of-a-circle
Size: 800x600
Multi-file: no
Description: Distribute a collection of sprites along a specific segment of a circle using start and end angles with the PlaceOnCircle action.

## Random Circle Action
ID: 4XBotHKtSN
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/random-circle
Size: 800x600
Multi-file: no
Description: Distribute a collection of game objects randomly within the area of a circle geometry object using the RandomCircle action.

## Random Ellipse
ID: sAcb4bXKGy
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/random-ellipse
Size: 800x600
Multi-file: no
Description: Distributes a group of sprites randomly within the area of an ellipse geometry object using the RandomEllipse action.

## Random Line
ID: 3hPNGWTn7z
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/random-line
Size: 800x600
Multi-file: no
Description: Positions a group of sprites at random points along a specific geometric line.

## Random Position in Triangle
ID: UUCMkEjJwm
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/random-triangle
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the RandomTriangle action to randomly distribute a group of sprites within the boundaries of a triangle geometry object.

## Random Rectangle Action
ID: 9MH8RGwppd
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/random-rectangle
Size: 800x600
Multi-file: no
Description: Demonstrates how to randomly distribute a group of sprites within the boundaries of a geometric rectangle using the RandomRectangle action.

## Rotate Around
ID: prtnR7MLtZ
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/rotate-around
Size: 800x600
Multi-file: no
Description: Demonstrates how to rotate a group of Game Objects around a fixed point in space using the RotateAround action.

## Rotate Around Distance
ID: J9qg7skdwn
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/rotate-around-distance
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the RotateAroundDistance action to rotate a group of game objects around a specific point while maintaining a fixed radius.

## Rotate Around Point with Distance
ID: z8roogESot
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/rotate-around-x-y
Size: 800x600
Multi-file: no
Description: Demonstrates using the RotateAroundDistance action to orbit a group of sprites around a specific point at a fixed radius, with the rotation center following the pointer.

## Rotate Container Facing Point
ID: RzXvePe2rR
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/rotate-container-facing-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to orbit a Container around a specific point using RotateAroundDistance and update its rotation so that it always faces the center of the orbit.

## Set Alpha Action
ID: 6YY34uyp25
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/set-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates using the Set Alpha action to apply a linear gradient of transparency across a group of sprites.

## Set X Y Action
ID: nbrnWfW1LQ
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/set-x-y
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the SetXY action to set the coordinates for all members of a group at once.

## Shift Position Snake
ID: Lv4YZfDCps
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/shift-position-snake
Size: 800x600
Multi-file: no
Description: Demonstrates using the ShiftPosition action to create a snake-like movement effect where each item in an array follows the previous coordinates of the leader.

## Shift Position Trail
ID: dCHW5qWxZu
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/shift-position
Size: 800x600
Multi-file: no
Description: Create a smooth trailing effect by using the ShiftPosition action to move a group of objects sequentially toward the mouse pointer.

## Shine Effect Options
ID: fajVKVHV24
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/add-effect-shine-options
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and customize the shine effect using Phaser.Actions.AddEffectShine, including adjustments for direction, radius, custom color bands, animation easing, and reveal modes.

## Soft Mask Shape Action
ID: L85d4xSjWH
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/add-mask-shape-soft
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a mask with soft, blurred edges to a Game Object using the AddMaskShape action with blur radius and padding.

## Spread Action
ID: LZXvF3MyxJ
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/spread
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Spread action to evenly distribute a property value, such as alpha, across a collection of Game Objects.

## Wrap in Camera Bounds
ID: KScBpPuBYN
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/wrap-in-camera-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the WrapInRectangle action to wrap a collection of objects around the screen when they exit the camera's viewport.

## Wrap In Rectangle
ID: DkYnfx1dpv
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/wrap-in-rectangle
Size: 800x600
Multi-file: no
Description: Demonstrates how to keep a group of moving sprites within a specific rectangular area using the WrapInRectangle action.

## Wrap In Rectangle With Padding
ID: u4jWZxNzy2
Version: v4.1.0
Path: actions
URL: https://phaser.io/examples/v4.1.0/actions/view/wrap-in-rectangle-with-padding
Size: 800x600
Multi-file: no
Description: Demonstrates using the WrapInRectangle action to keep sprites within a defined boundary, using a padding value to ensure they fully exit the area before wrapping to the opposite side.

## 60fps Animation Test
ID: dDWja11D7j
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/60fps-animation-test
Size: 800x600
Multi-file: no
Description: Demonstrates creating and playing a sprite animation at 60 frames per second using a texture atlas, combined with scrolling tile sprites.

## Add Animation Event
ID: FRGfhYs3DJ
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/add-animation-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to listen for the ADD_ANIMATION event to trigger a callback whenever a new animation is created in the Animation Manager.

## Add Frames to Existing Animation
ID: NCrfbFczPr
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/add-frames-to-existing-animation
Size: 800x600
Multi-file: no
Description: Learn how to dynamically add new frames to an animation after it has already been created and is currently being played by sprites.

## Animation Complete Event
ID: VkFmhVQYMF
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/on-complete-event
Size: 800x600
Multi-file: no
Description: Listen for the animation complete event on a Sprite to trigger custom logic, such as spawning items or starting tweens, immediately after an animation finishes playing.

## Animation from Multiple Atlases
ID: rPAkL8drNk
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/gif-to-animation
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a single animation by sequencing frames that are distributed across multiple different texture atlases.

## Animation from PNG Sequence
ID: djejEVAHyU
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/animation-from-png-sequence
Size: 800x600
Multi-file: no
Description: Create a looping animation using a series of individual image files and learn how to customize the duration of specific frames within the sequence.

## Animation Playback and Frame Monitoring
ID: YxqpUq5MHn
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/show-animation-play-through
Size: 800x600
Multi-file: no
Description: Demonstrates how to play, pause, and restart animations while visualizing the current frame selection on the source spritesheet and monitoring playback progress metrics.

## Animation Playback Progress
ID: pWsLFQVpYB
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/animation-get-progress
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the getProgress method to track the current playback state of a running animation, visualized using a graphics-based progress bar.

## Animation Random Delay
ID: XaVeXzuhYR
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/random-delay
Size: 800x600
Multi-file: no
Description: Use the delay property when playing an animation to stagger the start times across multiple sprites.

## Animation Repeat Event
ID: utWTpZf96K
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/on-repeat-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the ANIMATION_REPEAT event to trigger logic, such as spawning items, every time a sprite's looping animation completes a cycle.

## Animation Repeat Event
ID: 8gKrXPjRd9
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/animation-repeat-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to listen for the animation repeat event to trigger logic, such as spawning objects, every time a sprite's animation completes a loop.

## Animation Stop Event
ID: 4JwpU6cy2K
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/on-stop-event
Size: 800x600
Multi-file: no
Description: This example demonstrates how to listen for the animation stop event on a sprite and trigger logic when an animation is manually halted.

## Animation Update Event
ID: gWDrtxtJXP
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/on-update-event
Size: 800x600
Multi-file: no
Description: Trigger specific actions or logic when an animation reaches a particular frame by listening for the animation update event.

## Animation Yoyo Toggle
ID: bqG7uG1d98
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/yoyo
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the yoyo property to play an animation forwards and then in reverse, including how to toggle the effect at runtime.

## Animations from JSON
ID: y8ecSqATKB
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/from-json
Size: 800x600
Multi-file: no
Description: Demonstrates how to define and batch-create multiple animations simultaneously using a single JSON configuration object.

## Aseprite Animation Loading
ID: qJ3jqFJ3ez
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/aseprite-animation
Size: 800x600
Multi-file: no
Description: Learn how to load Aseprite exported files, automatically generate animations from JSON tags, and play them on a sprite.

## Chained Animation
ID: VcpkyW2UkQ
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/chained-animation
Size: 800x600
Multi-file: no
Description: Demonstrates how to queue multiple animations to play in sequence using the chain method and play after the current animation repeat finishes.

## Create Animation From Canvas Texture
ID: MjnDHVw4ag
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/create-animation-from-canvas-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to programmatically draw a sprite sheet onto a canvas texture, define individual frames from it, and use those frames to create a playable animation.

## Create Animation From Sprite Sheet
ID: XWC4kruc4f
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/create-animation-from-sprite-sheet
Size: 800x600
Multi-file: no
Description: Demonstrates how to create multiple animations by selecting specific frame indices from a loaded sprite sheet and playing them on a sprite.

## Create Animation From Texture Atlas
ID: CJUYuniLCC
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/create-animation-from-texture-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to generate animations by extracting specific frame sequences from a texture atlas using the generateFrameNames helper.

## Create Animation Without Frame Names
ID: KcxjpdDWkB
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/create-animation-without-frame-names
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a sprite animation by passing a texture atlas key directly to the animation configuration, allowing Phaser to automatically extract and numerically sort all frames within that atlas.

## Create Sprites from Config
ID: 9KaqLzxKh4
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/create-from-sprite-config
Size: 800x600
Multi-file: no
Description: Demonstrates creating multiple sprites using configuration objects that define randomized properties and complex animation behaviors like delayed playback and repeat delays.

## Export Animation to JSON
ID: UwAJmP6Mva
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/export-json
Size: 800x600
Multi-file: no
Description: Demonstrates how to export specific animations or the entire global animation manager configuration into a JSON format for saving or debugging.

## Generate Animation Frame Numbers
ID: 4PFgypZ4Fi
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/generate-frame-numbers
Size: 800x600
Multi-file: no
Description: Demonstrates different ways to define animation frames from a spritesheet, including using the entire sheet, specifying a range, or creating a custom sequence of frame indices.

## Generate Frame Names
ID: ZkwVKLKivt
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/generate-frame-names
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the generateFrameNames method to automatically create animation frames from a texture atlas by specifying prefixes, suffixes, and zero-padding for sequenced frame names.

## Hide Animation On Complete
ID: kMAgokWeTC
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/hide-on-complete
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the hideOnComplete property to automatically hide a sprite once its animation finishes playing.

## Load Animations from JSON
ID: JvDTDfBXNm
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/from-animation-json
Size: 800x600
Multi-file: no
Description: Demonstrates how to load animation definitions from an external JSON file and apply them to sprites using a texture atlas.

## Local Sprite Animations
ID: 9tsBNV3BYd
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/create-animation-on-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to create animations directly on a specific Sprite, allowing it to have private animation keys that override global animations with the same name.

## Mixed Animation Transitions
ID: ZauSEVvJ2Y
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/mixed-animation
Size: 800x600
Multi-file: no
Description: Demonstrates how to use animation mixing to define specific delay durations when transitioning between different sprite animations.

## Multi Atlas Animation
ID: Xmz5yx1EaY
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/multi-atlas-animation
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a multi-file texture atlas and create a sprite animation from its frames.

## On Animation Start Event
ID: r3ZZcUv5nr
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/on-start-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the ANIMATION_START event to trigger logic when a sprite begins a new animation, such as synchronizing background scrolling with a character's run cycle.

## Pause All Animations
ID: Jc6L4jGG8q
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/pause-all-animations
Size: 800x600
Multi-file: no
Description: Demonstrates how to globally pause and resume every active sprite animation in the game using the Animation Manager.

## Pause Animation Instances
ID: oFigbUuuHP
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/pause-animation-instances
Size: 800x600
Multi-file: no
Description: Demonstrates how to pause an animation globally, which stops all sprites currently using that animation instance simultaneously.

## Play Animation After Delay
ID: uUq4E6kc3W
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/play-after-delay
Size: 800x600
Multi-file: no
Description: Demonstrates how to schedule an animation to play after a specific delay in milliseconds using the playAfterDelay method.

## Play Animation After Random Delay
ID: PjEFWThKBD
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/play-after-random-delay
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the playAfterDelay method to restart an animation after a random time interval once it has completed.

## Play Animation After Repeat
ID: gpPTk89HQH
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/play-after-repeat
Size: 800x600
Multi-file: no
Description: Demonstrates how to use playAfterRepeat to queue an animation to start only after the current repeating animation completes its current loop, and how to chain subsequent animations.

## Play Animation with Config Object
ID: 2tnHhxgRQu
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/play-animation-with-config
Size: 800x600
Multi-file: no
Description: Demonstrates how to play an animation using a configuration object to override or extend global animation settings, such as frameRate and repeatDelay, on individual sprites.

## Remove Animation Event
ID: 3hS7SydSG7
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/remove-animation-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to listen for the removal of an animation from the global Animation Manager and respond to the event.

## Reverse Animation
ID: 95zdtMSP4g
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/reverse-animation
Size: 800x600
Multi-file: no
Description: Demonstrates how to control animation playback direction using playReverse, the reverse method, and yoyo toggling.

## Show On Start
ID: d87xd9h7AA
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/show-on-start
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the showOnStart property to automatically make a hidden Sprite visible the moment an animation begins playing.

## Sprite Animation Events
ID: WpLsr3HSD4
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/sprite-animation-events
Size: 800x600
Multi-file: no
Description: Listen for and respond to animation lifecycle events, including start, update, repeat, and complete, to execute logic during a sprite's playback.

## Staggered Animation Playback
ID: 5p8urVuaBk
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/muybridge
Size: 952x600
Multi-file: no
Description: Demonstrates how to use staggerPlay to trigger an animation across a group of sprites with an incremental time delay between each start.

## Staggered Animation Playback
ID: UBN8NA7Beg
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/stagger-play-1
Size: 800x600
Multi-file: no
Description: Demonstrates how to use staggerPlay to trigger an animation across a large collection of Sprites with an incremental delay between each start.

## Staggered Animation Playback
ID: WBjfH8jLdn
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/stagger-play-2
Size: 800x600
Multi-file: no
Description: Learn how to use staggerPlay to start animations on a group of sprites with an incremental time delay between each one, creating a wave-like visual effect.

## Staggered Cube Animations
ID: eBe2Egut7k
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/cubes
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use staggerPlay to trigger animations across a group of sprites with a time offset, combined with grid alignment and camera effects.

## Start Animation from Random Frame
ID: cTn9WoYBMi
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/start-from-random-frame
Size: 800x600
Multi-file: no
Description: Demonstrates how to start playing an animation from a random frame in the sequence using the randomFrame configuration property.

## Tweening Animation Time Scale
ID: LcrqWpYk8D
Version: v4.1.0
Path: animation
URL: https://phaser.io/examples/v4.1.0/animation/view/tween-timescale
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use a tween to dynamically adjust the timeScale of a sprite animation, smoothly transitioning the playback speed over time.

## Audio Markers with HTML5 Audio
ID: rqksbHVqcK
Version: v4.1.0
Path: audio/HTML5 Audio
URL: https://phaser.io/examples/v4.1.0/audio/HTML5 Audio/view/markers-play
Size: 800x600
Multi-file: no
Description: Demonstrates how to define and play specific segments of a single audio file using markers with the HTML5 Audio backend.

## Disable Pause on Blur (HTML5 Audio)
ID: u53iXAJiVp
Version: v4.1.0
Path: audio/HTML5 Audio
URL: https://phaser.io/examples/v4.1.0/audio/HTML5 Audio/view/disable-pause-on-blur
Size: 800x600
Multi-file: no
Description: Demonstrates how to keep HTML5 Audio playing even when the browser tab loses focus by setting the sound pauseOnBlur property to false.

## HTML5 Audio Loop Delay
ID: ifH8LHF93v
Version: v4.1.0
Path: audio/HTML5 Audio
URL: https://phaser.io/examples/v4.1.0/audio/HTML5 Audio/view/loop-delay
Size: 800x600
Multi-file: no
Description: Demonstrates how to synchronize multiple audio stems using HTML5 Audio, including precise delay scheduling and compensation for browser playback lag.

## HTML5 Audio Markers Pause and Resume
ID: XKUjfmvJMx
Version: v4.1.0
Path: audio/HTML5 Audio
URL: https://phaser.io/examples/v4.1.0/audio/HTML5 Audio/view/markers-pause-resume
Size: 800x600
Multi-file: no
Description: Demonstrates how to define and play audio markers, and control their playback using pause and resume methods with HTML5 Audio.

## HTML5 Audio Playback and Events
ID: F37du8pszj
Version: v4.1.0
Path: audio/HTML5 Audio
URL: https://phaser.io/examples/v4.1.0/audio/HTML5 Audio/view/basic-playback-and-events
Size: 800x600
Multi-file: no
Description: Demonstrates comprehensive control of HTML5 Audio, featuring playback states, property manipulation like rate and detune, global volume management, audio sprites, and responding to sound events.

## HTML5 Audio Properties
ID: KN3bxU1x7D
Version: v4.1.0
Path: audio/HTML5 Audio
URL: https://phaser.io/examples/v4.1.0/audio/HTML5 Audio/view/volume-mute-rate-detune
Size: 800x600
Multi-file: no
Description: Demonstrates controlling volume, mute, playback rate, and detune for individual sounds and the global Sound Manager using HTML5 Audio. It also shows how to sync sprite animation speeds to the audio playback rate.

## HTML5 Audio Seeking
ID: VKt3qEVK5S
Version: v4.1.0
Path: audio/HTML5 Audio
URL: https://phaser.io/examples/v4.1.0/audio/HTML5 Audio/view/seek
Size: 800x600
Multi-file: no
Description: Demonstrates how to set and update the playback position (seek) of HTML5 audio, including synchronizing sprite movement with audio progress and scrubbing through a track via dragging.

## HTML5 Audio Sprites
ID: XHHQe27qqA
Version: v4.1.0
Path: audio/HTML5 Audio
URL: https://phaser.io/examples/v4.1.0/audio/HTML5 Audio/view/audiosprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an audio sprite and play specific sound segments using HTML5 Audio.

## Play Audio From Child Scene
ID: FJzzEMp3ds
Version: v4.1.0
Path: audio/HTML5 Audio
URL: https://phaser.io/examples/v4.1.0/audio/HTML5 Audio/view/play-audio-from-child-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to preload an audio asset in one scene and then play it within a subsequent scene. This example specifically uses HTML5 Audio and handles audio unlocking across scene transitions.

## Play HTML5 Audio
ID: XtEoC3ee86
Version: v4.1.0
Path: audio/HTML5 Audio
URL: https://phaser.io/examples/v4.1.0/audio/HTML5 Audio/view/play-audio-file
Size: 800x600
Multi-file: no
Description: Load and play a sound file using the HTML5 Audio tag by disabling the Web Audio API in the game configuration.

## Audio Loop Delay
ID: agxJ3dKBZB
Version: v4.1.0
Path: audio/No Audio
URL: https://phaser.io/examples/v4.1.0/audio/No Audio/view/loop-delay
Size: 800x600
Multi-file: no
Description: Demonstrates how to stagger multiple looping audio tracks using the delay parameter in the sound playback configuration. It shows how to layer stems by calculating delays based on track duration and syncing visual elements to the audio loop events.

## Audio Markers
ID: UrRg3dEhK4
Version: v4.1.0
Path: audio/No Audio
URL: https://phaser.io/examples/v4.1.0/audio/No Audio/view/markers-play
Size: 800x600
Multi-file: no
Description: How to define specific segments of an audio file using markers and play them back individually, featuring a demonstration of the No Audio sound manager.

## Audio Markers Pause and Resume
ID: GktVStKsJx
Version: v4.1.0
Path: audio/No Audio
URL: https://phaser.io/examples/v4.1.0/audio/No Audio/view/markers-pause-resume
Size: 800x600
Multi-file: no
Description: Demonstrates how to define audio markers for segments of a sound file and control playback using pause and resume methods.

## Audio Properties and Synchronization
ID: 2YxFyLDSBe
Version: v4.1.0
Path: audio/No Audio
URL: https://phaser.io/examples/v4.1.0/audio/No Audio/view/volume-mute-rate-detune
Size: 800x600
Multi-file: no
Description: Demonstrates how to control volume, mute, rate, and detune for both the global Sound Manager and individual sounds, including synchronizing sprite animation speeds and transparency with audio properties.

## Audio Seeking
ID: rrqyGwFusb
Version: v4.1.0
Path: audio/No Audio
URL: https://phaser.io/examples/v4.1.0/audio/No Audio/view/seek
Size: 800x600
Multi-file: no
Description: Demonstrates how to start audio at a specific timestamp and synchronize visual movement with playback progress, including interactive scrubbing using the seek property.

## Audio Sprite with No Audio
ID: 8drWY3CGHV
Version: v4.1.0
Path: audio/No Audio
URL: https://phaser.io/examples/v4.1.0/audio/No Audio/view/audiosprite
Size: 800x600
Multi-file: no
Description: Demonstrates loading an audio sprite via JSON and playing specific segments by name using playAudioSprite, while the game is configured with noAudio: true.

## Sound Events with No Audio
ID: TrCvsY2hce
Version: v4.1.0
Path: audio/No Audio
URL: https://phaser.io/examples/v4.1.0/audio/No Audio/view/basic-playback-and-events
Size: 800x600
Multi-file: no
Description: Demonstrates how the Sound Manager and Sound objects still emit events and handle property changes like volume, rate, and detune even when the audio system is disabled via the game config.

## C64 SID Player
ID: jcXEKZSJjq
Version: v4.1.0
Path: audio/SID
URL: https://phaser.io/examples/v4.1.0/audio/SID/view/c64-sid-player
Size: 800x600
Multi-file: no
Description: Demonstrates how to play Commodore 64 SID music files using a plugin. Includes loading binary audio data, switching between sub-tunes, and extracting track metadata such as author and title.

## Audio Control: Volume, Mute, Rate, and Detune
ID: zVqEFJycQ9
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/volume-mute-rate-detune
Size: 800x600
Multi-file: no
Description: Adjust volume, mute status, playback rate, and detune for individual sounds and the global Sound Manager, while syncing sprite animation speed to the audio rate.

## Audio Loop Delay
ID: s2yawPQ4eK
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/loop-delay
Size: 800x600
Multi-file: no
Description: Demonstrates how to layer multiple audio stems by using sound markers and the delay property within the play configuration to synchronize looping tracks.

## Audio Marker Pause and Resume
ID: Bs725NT1K1
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/markers-pause-resume
Size: 800x600
Multi-file: no
Description: Demonstrates how to play specific audio markers and use the pause and resume methods to control their playback state.

## Audio Markers
ID: Sfa2diXQgB
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/markers-play
Size: 800x600
Multi-file: no
Description: Define and play specific sections of a single audio file using markers to manage multiple sound effects.

## Audio Seeking
ID: B8SEi1zJP9
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/seek
Size: 800x600
Multi-file: no
Description: Demonstrates how to start audio at a specific timestamp and dynamically update the playback position using the seek property, including synchronizing a sprite's position with audio progress.

## Audio Sprites
ID: iqfhrLcVdK
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/audiosprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a single audio file containing multiple sound effects and play specific markers using an audio sprite JSON configuration.

## Multiple Instances of the Same Audio File
ID: fquXbQBQ8t
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/using-same-audio-file
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and manage multiple independent sound instances using a single loaded audio asset.

## Play Audio File
ID: hvLDhnUcMZ
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/play-audio-file
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and play an audio file using multiple source formats for browser compatibility and how to toggle automatic pausing when the game loses focus.

## Play Audio From Child Scene
ID: HuB4drPbkX
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/play-audio-from-child-scene
Size: 800x600
Multi-file: no
Description: This example demonstrates how to preload audio in one scene and play it in a subsequent scene, showing that audio assets and the Sound Manager persist across scene transitions.

## Play Audio From File Pack
ID: n2EDVLDy5j
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/play-audio-from-file-pack
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and play audio using a File Pack object, which allows you to define multiple asset types in a single manifest for bulk loading.

## Play Movement Sound
ID: BG71v3tiNA
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/play-movement-sound
Size: 800x600
Multi-file: no
Description: Demonstrates how to trigger and manage sound effects based on player movement and interaction, including logic to prevent overlapping audio while walking.

## Play Sound on Keypress
ID: P2rGs9C5As
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/play-sound-on-keypress
Size: 800x600
Multi-file: no
Description: Trigger specific audio files using keyboard input listeners and stop all active sounds using the sound manager.

## Reuse Web Audio Context
ID: meFfgfqmgB
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/reuse-audio-context
Size: 800x600
Multi-file: no
Description: Demonstrates how to provide an externally created Web Audio context to the Phaser game configuration, allowing the audio context to persist across multiple game instances.

## Spatial Audio Following a Sprite
ID: f1A25dYWSL
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/spatial-with-destination-coordinates
Size: 800x600
Multi-file: no
Description: This example demonstrates how to set a fixed listener position and have a sound source follow a moving Sprite, automatically updating its spatial panning and volume as the sprite moves.

## Spatial Audio Moving with Player
ID: GBPmMMvQgq
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/spatial-audio-move-with-player
Size: 800x600
Multi-file: no
Description: Learn how to update the Web Audio listener position to follow a player sprite, creating a dynamic soundscape as the character moves through a world of localized audio sources.

## Web Audio Playback and Events
ID: eGAKCrFFmk
Version: v4.1.0
Path: audio/Web Audio
URL: https://phaser.io/examples/v4.1.0/audio/Web Audio/view/basic-playback-and-events
Size: 800x600
Multi-file: no
Description: A comprehensive demonstration of controlling audio playback in Phaser, including play, pause, seek, volume fades, rate and detune adjustments, global sound management, and audio sprites.

## JSON File Loading
ID: ynfnFcJbfa
Version: v4.1.0
Path: cache
URL: https://phaser.io/examples/v4.1.0/cache/view/json-file
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an external JSON file and retrieve its content from the global JSON cache.

## Loading and Parsing XML Files
ID: tuiZLx7AFC
Version: v4.1.0
Path: cache
URL: https://phaser.io/examples/v4.1.0/cache/view/xml-file
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an external XML file, retrieve it from the cache, and parse its content using standard DOM methods to extract data for use within the game.

## Loading and Retrieving Text Files
ID: 7vuCD9chFX
Version: v4.1.0
Path: cache
URL: https://phaser.io/examples/v4.1.0/cache/view/text-file
Size: 800x600
Multi-file: no
Description: Learn how to load external text files into the Phaser Cache and retrieve their raw string content for use in your game.

## 16 Camera Grid
ID: ADDZem2B38
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/16-camera-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and position multiple cameras in a grid layout to display the same scene across several viewports simultaneously.

## Add Camera On Click
ID: N1LA59xLM8
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/add-camera-on-click
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically add multiple cameras to a scene on a pointer event, creating a grid of viewports that all render the same scene objects.

## Camera Alpha
ID: RgmNC7qcRr
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/camera-alpha
Size: 800x600
Multi-file: no
Description: This example demonstrates how to adjust the transparency of a camera using its alpha property, affecting the visibility of all game objects rendered by that camera.

## Camera Background Color
ID: XV9BN6TqsP
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/background-color
Size: 800x600
Multi-file: no
Description: Learn how to set a specific background color and alpha for an individual camera using RGBA values.

## Camera Background Color Interpolation
ID: ef8kkKMqFX
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/background-color-interpolate
Size: 800x600
Multi-file: no
Description: Learn how to smoothly transition the camera's background color between two values based on a sprite's vertical position using color interpolation.

## Camera Blur Shader
ID: GdjQLaGNS1
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/camera-blur-shader
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a built-in blur filter to a specific camera and use camera ignore lists to keep certain game objects sharp.

## Camera Bounds with Negative Coordinates
ID: 9Tqno7R7N2
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/bounds-at-zero
Size: 800x600
Multi-file: no
Description: This example demonstrates how to set camera and physics world bounds using negative coordinates, allowing the camera to scroll into areas behind the (0,0) origin while following a player.

## Camera Center On
ID: MTWqj52eS9
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/camera-center-on
Size: 800x600
Multi-file: no
Description: Use the centerOn method to snap the camera focus to specific world coordinates, demonstrated with a zoomed-in view of a large map.

## Camera Effect Callbacks
ID: yUVsjmPxQA
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/camera-effect-callbacks
Size: 800x600
Multi-file: no
Description: Demonstrates how to sequence multiple camera effects like flash, shake, and fade by using completion callbacks to trigger the next effect in a chain.

## Camera Effects
ID: JUDo2ERYAk
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/camera-effects
Size: 800x600
Multi-file: no
Description: Demonstrates the built-in camera special effects including fading, flashing, and shaking using multiple cameras and viewports.

## Camera External Filter Scanline
ID: ADwFQfcZHn
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/render-to-texture-shader-5
Size: 800x600
Multi-file: no
Description: Demonstrates applying an external shader filter to a camera and updating the shader's uniform values based on mouse input.

## Camera External Filters
ID: NaH1tFBVSy
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/change-camera-shader
Size: 800x600
Multi-file: no
Description: Demonstrates applying, toggling, and combining multiple external post-processing shaders on a camera using filter controllers.

## Camera External Shader Filter
ID: hTjwwxseyh
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/render-to-texture-shader-6
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a custom post-processing shader effect to a camera using the external filters API and render nodes.

## Camera Fade Effect
ID: ArwHDHpxwt
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/fade
Size: 800x600
Multi-file: no
Description: Demonstrates how to trigger a camera fade-out effect with custom colors and durations, while using event listeners to detect when the fade starts and completes.

## Camera Fade In and Out
ID: zgZCz74nD5
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/camera-fade-in-and-out
Size: 800x600
Multi-file: no
Description: Demonstrates how to use camera fade effects to transition a scene in and out, using the fade completion event to chain effects.

## Camera Fade Out and In
ID: S5FiCAyAjo
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/camera-fade-out-and-in
Size: 800x600
Multi-file: no
Description: Demonstrates how to chain camera fade effects using the camera fade completion event to transition between different scenes or images.

## Camera Filter
ID: ZUwcF243Fr
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/camera-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the cameraFilter property to control which Game Objects are rendered by specific cameras, allowing for independent UI layers and isolated camera effects.

## Camera Filter Shader
ID: c9ohzKufsE
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/render-to-texture-shader-2
Size: 512x512
Multi-file: no
Description: Demonstrates applying a custom post-processing shader filter to a camera view, affecting all rendered content including background images and fixed UI elements.

## Camera Filters and Layer Isolation
ID: cZ15MFE6rV
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/render-to-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply external post-processing filters to specific cameras and use the ignore method to isolate which game objects are rendered by each camera.

## Camera Flash Effect
ID: ZBPKXxncUe
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/flash
Size: 800x600
Multi-file: no
Description: Trigger a camera flash effect on user input and use event listeners to respond when the flash effect begins and finishes.

## Camera Follow Offset
ID: xAjQjX6dxE
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/follow-offset
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use followOffset to adjust the camera position relative to its target, shifting the view as the player moves left or right.

## Camera Follow Sprite
ID: D93hsDMLHK
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/follow-user-controlled-sprite
Size: 1024x768
Multi-file: no
Description: Demonstrates how to have the main camera follow a user-controlled physics sprite while constrained within specific world bounds.

## Camera Follow with Graphics Landscape
ID: QoSfVSeYBu
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/graphics-landscape
Size: 800x600
Multi-file: no
Description: Create a procedurally generated landscape using the Graphics API and configure the camera to follow a Matter physics-enabled sprite across a wide world.

## Camera Follow with Lerp
ID: 5xY79CUoT2
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/follow-sprite
Size: 800x600
Multi-file: no
Description: This example demonstrates how to have multiple cameras follow a single sprite simultaneously, using different lerp (interpolation) values to achieve varying levels of smooth movement and tracking delays.

## Camera Follow with Zoom
ID: jbJG3mBciK
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/follow-zoom
Size: 800x600
Multi-file: no
Description: Demonstrates the camera following a moving sprite with a high zoom level applied, constrained within specified world bounds.

## Camera Follow with Zoom and Tilemap
ID: sRGKbr4M4e
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/follow-zoom-tilemap
Size: 800x600
Multi-file: no
Description: Demonstrates a camera following a moving sprite across a tilemap while maintaining a zoom level and staying within defined map boundaries.

## Camera Following with Small Bounds
ID: Cmcmq6LcQB
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/follow-sprite-small-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates a camera following a sprite within defined world bounds that are smaller than the game viewport in one dimension, combined with a 2x zoom level.

## Camera Hue Rotate Shader
ID: b8YWvDAefn
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/game-shader-test-1
Size: 800x600
Multi-file: no
Description: This example demonstrates how to apply a post-processing hue rotation shader to the main camera, which affects the visual appearance of the entire game scene.

## Camera Ignore
ID: WgVV8MWMjj
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/ignore
Size: 800x600
Multi-file: no
Description: Demonstrates how to exclude specific Game Objects from being rendered by a camera using the ignore method, useful for creating UI layers that remain static while the main camera moves or rotates.

## Camera Ignore Container
ID: fZmwWzPGfZ
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/ignore-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to use multiple cameras to render different game objects by using the ignore method, specifically excluding a Container and its children from the main camera to create a stable UI overlay.

## Camera Ignore Containers
ID: nagBUXzJ79
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/ignore-gameobjects-in-containers
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Camera ignore method to selectively hide entire Containers and all their children from being rendered by specific cameras.

## Camera Ignore Game Objects
ID: 6xinkqodgh
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/ignore-gameobjects
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Camera ignore method to prevent specific Game Objects from rendering in a particular camera view.

## Camera Ignore Group Children
ID: dqJEF7tds4
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/ignore-group-children
Size: 800x600
Multi-file: no
Description: Learn how to exclude specific Game Objects or entire Group contents from being rendered by a Camera to create isolated UI layers.

## Camera Overlap
ID: F7EzU2fHvF
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/overlap
Size: 800x600
Multi-file: no
Description: Demonstrates creating a secondary camera that overlaps the main view to display a specific, independently scrolling area of the scene.

## Camera Pan to Location
ID: SyCm3Ejyfn
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/pan-to
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the camera pan effect to smoothly move the viewport to specific coordinates using different durations and easing functions.

## Camera Plasma Shader Filter
ID: mZmFTpD6b4
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/render-to-texture-shader-4
Size: 1024x768
Multi-file: no
Description: Apply a dynamic plasma shader effect to the main camera view while using smoothed keyboard controls to navigate.

## Camera Post-Processing Shader Effect
ID: n2mm5F7mx2
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/game-shader-test-2
Size: 800x600
Multi-file: no
Description: Demonstrates applying a full-screen post-processing shader filter to a camera, creating a visual wave distortion effect over the entire game scene.

## Camera Post-Processing Shader Filter
ID: j9461kmmU8
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/render-to-texture-shader-3
Size: 800x600
Multi-file: no
Description: Demonstrates applying a custom shader filter to the entire camera view. The post-processing effect is applied to all rendered objects, including background elements and sprites with fixed scroll factors.

## Camera Shader Filter
ID: nCDsqHWekG
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/render-to-texture-shader
Size: 800x600
Multi-file: no
Description: Apply an external shader filter to a camera to process its entire rendered output, featuring a hue rotation effect and smooth camera controls.

## Camera Shake Effect
ID: qPHsWUs8eq
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/shake
Size: 800x600
Multi-file: no
Description: Learn how to apply a screen shake effect to the main camera and use the camera shake start and complete events to trigger logic.

## Camera Smoothed Key Control
ID: CoZZVHx5qG
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/move-camera-with-keys
Size: 800x600
Multi-file: no
Description: Use the SmoothedKeyControl class to pan and zoom the camera using keyboard inputs, featuring smooth acceleration and deceleration.

## Camera Viewport
ID: 375dY55ZGA
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/set-viewport
Size: 800x600
Multi-file: no
Description: Demonstrates how to define the position and size of the camera's rendering area within the game canvas using the setViewport method.

## Camera Viewport Basics
ID: uT483iRC1y
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/basics
Size: 800x600
Multi-file: no
Description: Learn how to add a secondary camera and manipulate its basic properties including viewport size, scroll position, zoom, rotation, and background color.

## Camera World Points and Hit Testing
ID: Mtcb2DviHb
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/world-camera
Size: 800x600
Multi-file: no
Description: Demonstrates using getWorldPoint to convert screen coordinates into world coordinates for accurate hit detection on geometry and interactive sprites, even when the camera is zoomed, rotated, or panned.

## Camera World View Properties
ID: Dr1xsXroF2
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/world-view
Size: 800x600
Multi-file: no
Description: Demonstrates how the camera's worldView rectangle tracks the visible area of the game world as you scroll and zoom using keyboard controls.

## Camera Zoom To and Pan
ID: eMisHxFjYB
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/zoom-to
Size: 800x600
Multi-file: no
Description: Demonstrates how to smoothly transition the camera zoom level and position simultaneously over a set duration.

## Cameras from Scene Configuration
ID: Tkn64KZqhW
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/cameras-from-state-config
Size: 800x600
Multi-file: no
Description: This example demonstrates how to define multiple cameras directly within a Scene configuration object, including their dimensions, screen positions, and background colors.

## Cross Scene Object Placement
ID: gMd3nmiqWU
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/cross-scene-object-placement
Size: 800x600
Multi-file: no
Description: Calculate screen-space positions for UI elements in an overlay scene based on world-space coordinates in a background scene, factoring in camera panning and zoom levels.

## Fixed to Camera via Scroll Factor
ID: 4bBZaFHTMx
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/fixed-to-camera
Size: 800x600
Multi-file: no
Description: Demonstrates how to keep a sprite stationary on the screen while the camera moves by using the setScrollFactor method.

## Follow Sprite with Deadzone
ID: c4pp5BwPFU
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/follow-sprite-with-deadzone
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a camera deadzone so that the camera only begins scrolling once the followed sprite moves outside of a defined central area.

## Game Camera Shader Filter
ID: bPgnZAHhF5
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/game-shader-test-3
Size: 800x600
Multi-file: no
Description: This example demonstrates how to apply a custom post-processing shader effect to the main camera view within a physics-based platformer scene.

## Get World Point
ID: 5HBMrU5A1Z
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/get-world-point
Size: 800x600
Multi-file: no
Description: Convert screen coordinates into world coordinates using the camera, accounting for zoom and scroll positions.

## Grid of 16 Cameras with Shaders
ID: tLrsD3zjtx
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/16-camera-shader-test
Size: 1024x512
Multi-file: no
Description: Demonstrates creating a 4x4 grid of 16 cameras, where each individual camera applies a different post-processing shader filter to the same scene.

## Minimap Camera
ID: GvgzbULa8W
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/minimap-camera
Size: 800x600
Multi-file: no
Description: Learn how to create a persistent minimap using a second camera. This example demonstrates camera positioning, zooming, and using the ignore method to hide specific game objects from the minimap view.

## Multiple Camera Scroll Views
ID: 8Pgsd942Sy
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/scroll-view
Size: 800x600
Multi-file: no
Description: Demonstrates using multiple cameras to view different parts of a scene simultaneously with independent horizontal, vertical, and circular scrolling offsets.

## Multiple Camera Viewports
ID: BeEvLxTEgQ
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/origin
Size: 800x600
Multi-file: no
Description: Demonstrates creating and manipulating multiple cameras, each with its own viewport, zoom level, rotation, and scroll position to view the same scene.

## Multiple Cameras
ID: qXRy4GpBsH
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/multiple-cameras
Size: 800x600
Multi-file: no
Description: Learn how to divide the game canvas into multiple viewports by adding and positioning several cameras within a single scene.

## Multiple Cameras Grid
ID: LCFaCXc77t
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/32-camera-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and arrange 32 separate cameras in a grid layout to view the same scene content.

## Remove Camera On Click
ID: nK5yhK4DVb
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/remove-camera-on-click
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically remove cameras from the Camera Manager using pointer input and add new cameras to specific screen coordinates.

## Rotate Camera
ID: oQkumR6ZXY
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/rotate-camera
Size: 800x600
Multi-file: no
Description: Rotate and pan the camera view using keyboard input while observing scroll coordinates and camera midpoint values.

## Round Pixels
ID: 8aJW6ZoyFk
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/round-pixels
Size: 1024x768
Multi-file: no
Description: Learn how to use the Camera roundPixels setting to ensure sprites are rendered on integer coordinates, preventing sub-pixel blurring even when using non-integer positions or zoom levels.

## Set Camera Bounds
ID: qP2ikNXwnk
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/set-bounds
Size: 800x600
Multi-file: no
Description: This example demonstrates how to restrict a camera's movement to a specific rectangular area using the setBounds method, preventing it from panning outside the defined limits of the game world.

## Set Scroll Factor
ID: zVb64SqScX
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/set-scroll-factor
Size: 800x600
Multi-file: no
Description: Demonstrates how to use setScrollFactor to control the movement speed of Game Objects relative to camera scrolling, ideal for creating parallax effects or fixed UI elements.

## Set Small Camera Bounds
ID: tqtCN1q6B5
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/set-small-bounds
Size: 800x600
Multi-file: no
Description: Restricts camera movement to a defined area using setBounds, allowing for horizontal scrolling while limiting vertical movement.

## Single Small Camera
ID: UM18Yr3Ybu
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/single-small-camera
Size: 800x600
Multi-file: no
Description: Demonstrates how to adjust the camera viewport, zoom, and scroll position to render a scene within a smaller, specific portion of the game canvas.

## Tile Map Camera Shake
ID: X13aKmtWFW
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/tile-map-with-camera-shake
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a screen shake effect to the camera while navigating a large tilemap using fixed keyboard controls.

## World Coordinates from Another Scene
ID: 4hF5VPEQHy
Version: v4.1.0
Path: camera
URL: https://phaser.io/examples/v4.1.0/camera/view/world-coordinate-from-another-scene
Size: 800x600
Multi-file: no
Description: Convert screen pointer coordinates into world coordinates using a camera reference from a different scene, accounting for that camera's specific zoom and scroll values.

## Multi-Scene Camera Management
ID: irJUQGdmR6
Version: v4.1.0
Path: camera/multi camera
URL: https://phaser.io/examples/v4.1.0/camera/multi camera/view/multi-camera
Size: 1024x768
Multi-file: yes
Description: Learn how to manipulate the cameras of multiple active scenes simultaneously. A central controller scene uses tweens to move, zoom, and swap the viewports of four distinct scenes, creating dynamic layouts and transitions.

## Change Data Event
ID: yYGutx92U5
Version: v4.1.0
Path: components/data
URL: https://phaser.io/examples/v4.1.0/components/data/view/change-data-event
Size: 800x600
Multi-file: no
Description: Learn how to listen for changes to specific keys in a Game Object's Data Manager and react by updating text or modifying values.

## Data Values
ID: nTG3VX2Kef
Version: v4.1.0
Path: components/data
URL: https://phaser.io/examples/v4.1.0/components/data/view/data-values
Size: 800x600
Multi-file: no
Description: Demonstrates how to store and retrieve custom data on a Game Object, and use the 'setdata' event to respond to value changes.

## Get and Set Data Values
ID: yCWH1EaRK4
Version: v4.1.0
Path: components/data
URL: https://phaser.io/examples/v4.1.0/components/data/view/get-and-set-data-values
Size: 800x600
Multi-file: no
Description: Learn how to use the Data Manager to store and retrieve custom properties on a Game Object.

## Query Data
ID: 2XKFBKBWH8
Version: v4.1.0
Path: components/data
URL: https://phaser.io/examples/v4.1.0/components/data/view/query-data
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use regular expressions to filter and retrieve specific sets of keys and values from a Game Object's Data Manager.

## Set Data Event
ID: 3wXzHcTyBJ
Version: v4.1.0
Path: components/data
URL: https://phaser.io/examples/v4.1.0/components/data/view/set-data-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to listen for and respond to the 'setdata' event when initial data values are first added to a Game Object's Data Manager.

## Set Multiple Data Values
ID: Uy7cCGc53a
Version: v4.1.0
Path: components/data
URL: https://phaser.io/examples/v4.1.0/components/data/view/set-multiple-values
Size: 800x600
Multi-file: no
Description: Demonstrates how to initialize multiple data properties on a Game Object using an object and how to listen for the 'changedata' event to update UI elements.

## Store Scene Data
ID: 7VMozYiRwV
Version: v4.1.0
Path: components/data
URL: https://phaser.io/examples/v4.1.0/components/data/view/store-scene-data
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Scene Data Manager to store and retrieve custom key-value pairs at the Scene level.

## Chunky Raster Bars
ID: 8N32f6P5nA
Version: v4.1.0
Path: demoscene
URL: https://phaser.io/examples/v4.1.0/demoscene/view/chunky-raster-bars
Size: 800x600
Multi-file: no
Description: Demonstrates creating a classic demoscene raster effect using image tinting, staggered tween delays, and group iteration.

## Raster Carpet
ID: reRPZQyQcB
Version: v4.1.0
Path: demoscene
URL: https://phaser.io/examples/v4.1.0/demoscene/view/raster-carpet
Size: 800x600
Multi-file: no
Description: Creates a classic demoscene 'raster carpet' effect using a group of tinted images animated with staggered sine-wave tweens.

## Raster Wave
ID: ag4U16CiB7
Version: v4.1.0
Path: demoscene
URL: https://phaser.io/examples/v4.1.0/demoscene/view/raster-wave
Size: 800x600
Multi-file: no
Description: Create a classic demoscene raster effect using a group of sprites with staggered sine-wave tweens and HSV color tinting.

## Vertical Raster Wave
ID: qrLywxCcuU
Version: v4.1.0
Path: demoscene
URL: https://phaser.io/examples/v4.1.0/demoscene/view/vertical-raster-wave
Size: 800x600
Multi-file: no
Description: A demoscene-style vertical raster wave effect created by tweening a group of sprites with staggered delays based on their index.

## Ball Mesh Depth Sort
ID: 7myanSRvUa
Version: v4.1.0
Path: depth sorting
URL: https://phaser.io/examples/v4.1.0/depth sorting/view/ball-mesh-depth-sort
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the depth property of Game Objects to handle visual layering for 3D meshes. This example parses OBJ files, performs 3D rotations on vertices, and maps the Z-coordinate of each vertex to a sprite's depth for correct sorting.

## Bring To Top
ID: jj49YPC9BF
Version: v4.1.0
Path: depth sorting
URL: https://phaser.io/examples/v4.1.0/depth sorting/view/bring-to-top
Size: 800x600
Multi-file: no
Description: Demonstrates how to move a Game Object to the front of the display list, ensuring it renders on top of all other objects in the Scene.

## Isometric Blocks
ID: fMnL4ffjCn
Version: v4.1.0
Path: depth sorting
URL: https://phaser.io/examples/v4.1.0/depth sorting/view/isometric-blocks
Size: 1024x768
Multi-file: no
Description: Demonstrates how to calculate isometric grid coordinates and use depth sorting to maintain visual layering while animating tiles with grid-based delays.

## Isometric Map Depth Sorting
ID: XovTreA7GL
Version: v4.1.0
Path: depth sorting
URL: https://phaser.io/examples/v4.1.0/depth sorting/view/isometric-map
Size: 800x600
Multi-file: no
Description: Demonstrates rendering an isometric map with manual tile positioning and dynamic depth sorting for moving characters and static buildings based on their Y-axis.

## Remove From Display List
ID: TkLx4Fm9FR
Version: v4.1.0
Path: depth sorting
URL: https://phaser.io/examples/v4.1.0/depth sorting/view/remove-from-display-list
Size: 800x600
Multi-file: no
Description: Demonstrates how to remove Game Objects from the Scene's display list at runtime using a timer and random selection.

## Sort Game Objects by Depth
ID: Y1R5GpRii4
Version: v4.1.0
Path: depth sorting
URL: https://phaser.io/examples/v4.1.0/depth sorting/view/get-top-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the depthSort method to organize an array of Game Objects based on their current rendering order in the Scene.

## Sprite Depth Sorting
ID: Rpmchkimwp
Version: v4.1.0
Path: depth sorting
URL: https://phaser.io/examples/v4.1.0/depth sorting/view/sprite-depth-index
Size: 800x600
Multi-file: no
Description: Learn how to use the depth property to implement Y-sorting, allowing Game Objects to appear in front of or behind one another based on their vertical screen position.

## Z-Index and Depth Sorting
ID: u3KifSctVm
Version: v4.1.0
Path: depth sorting
URL: https://phaser.io/examples/v4.1.0/depth sorting/view/z-index
Size: 800x600
Multi-file: no
Description: Change the rendering order of Game Objects using the setDepth method to bring specific items to the front of the display list.

## Align Bottom Center
ID: rnk7w7h9X2
Version: v4.1.0
Path: display/align
URL: https://phaser.io/examples/v4.1.0/display/align/view/in-bottom-center
Size: 800x600
Multi-file: no
Description: Demonstrates how to align a Game Object to the bottom-center position inside another Game Object.

## Align Bottom Right
ID: 5LJbUfartr
Version: v4.1.0
Path: display/align
URL: https://phaser.io/examples/v4.1.0/display/align/view/in-bottom-right
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the BottomRight alignment helper to position one Game Object relative to the bottom-right corner of another.

## Align In Bottom Left
ID: jzXCwG2Lbq
Version: v4.1.0
Path: display/align
URL: https://phaser.io/examples/v4.1.0/display/align/view/in-bottom-left
Size: 800x600
Multi-file: no
Description: Demonstrates how to align a Game Object to the inner bottom-left corner of another Game Object.

## Align In Center
ID: GLKJE7aE3W
Version: v4.1.0
Path: display/align
URL: https://phaser.io/examples/v4.1.0/display/align/view/in-center
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Display.Align.In.Center to align Game Objects to the exact center of other objects, such as zones or images.

## Align In Right Center
ID: PEhBodmKqD
Version: v4.1.0
Path: display/align
URL: https://phaser.io/examples/v4.1.0/display/align/view/in-right-center
Size: 800x600
Multi-file: no
Description: Position a Game Object so it is aligned to the right-center interior of another Game Object.

## Align In Top Center
ID: 8FF6AcoMw6
Version: v4.1.0
Path: display/align
URL: https://phaser.io/examples/v4.1.0/display/align/view/in-top-center
Size: 800x600
Multi-file: no
Description: Demonstrates how to align one Game Object to the inner top-center position of another Game Object using the Display Align utility.

## Align In Top Left
ID: LVANCoYB2j
Version: v4.1.0
Path: display/align
URL: https://phaser.io/examples/v4.1.0/display/align/view/in-top-left
Size: 800x600
Multi-file: no
Description: Demonstrates how to position a Game Object inside the top-left corner of another Game Object using the alignment utility.

## Align In Top Right
ID: yDrHzApybn
Version: v4.1.0
Path: display/align
URL: https://phaser.io/examples/v4.1.0/display/align/view/in-top-right
Size: 800x600
Multi-file: no
Description: Demonstrates how to align one Game Object to the top-right corner of another using the Phaser.Display.Align utility.

## In Left Center Alignment
ID: tAZB2QZgPv
Version: v4.1.0
Path: display/align
URL: https://phaser.io/examples/v4.1.0/display/align/view/in-left-center
Size: 800x600
Multi-file: no
Description: Demonstrates using the LeftCenter alignment helper to position one Game Object relative to the middle of the left edge of another.

## Bottom Alpha Gradient
ID: m546D2c2tM
Version: v4.1.0
Path: display/alpha
URL: https://phaser.io/examples/v4.1.0/display/alpha/view/bottom-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a transparency gradient to an image by setting individual alpha values for its top and bottom corners.

## Single Alpha
ID: cUsx8qessk
Version: v4.1.0
Path: display/alpha
URL: https://phaser.io/examples/v4.1.0/display/alpha/view/single-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates how to set the transparency level of a single image game object using the setAlpha method.

## Top Alpha
ID: 5qyUFfuZ3H
Version: v4.1.0
Path: display/alpha
URL: https://phaser.io/examples/v4.1.0/display/alpha/view/top-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates setting per-vertex alpha values to create a vertical transparency gradient on an image.

## Top Left Alpha
ID: Zx9Hzgj93x
Version: v4.1.0
Path: display/alpha
URL: https://phaser.io/examples/v4.1.0/display/alpha/view/top-left-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates how to set the alpha transparency value specifically for the top-left corner of an image to create a gradient effect.

## Tween Corner Alpha
ID: 9Fm3kxXZoZ
Version: v4.1.0
Path: display/alpha
URL: https://phaser.io/examples/v4.1.0/display/alpha/view/tween-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates how to independently animate the alpha transparency of individual image corners to create complex gradient transition effects.

## Canvas Blend Modes
ID: bTzjKBh42D
Version: v4.1.0
Path: display/blend modes
URL: https://phaser.io/examples/v4.1.0/display/blend modes/view/overlay
Size: 800x600
Multi-file: no
Description: Demonstrates the use of advanced blend modes, such as Add and Difference, specifically within the Canvas renderer.

## Circle Cut Out Blend Mode
ID: aaVq6k3thW
Version: v4.1.0
Path: display/blend modes
URL: https://phaser.io/examples/v4.1.0/display/blend modes/view/circle-cut-out
Size: 800x600
Multi-file: no
Description: Demonstrates using a custom WebGL blend mode to create a cut-out effect, displaying an image only within the bounds of a Graphics shape.

## Custom Blend Mode Tester
ID: ukSrL51ogx
Version: v4.1.0
Path: display/blend modes
URL: https://phaser.io/examples/v4.1.0/display/blend modes/view/blend-mode-tester
Size: 800x600
Multi-file: no
Description: An interactive tool to create and test custom WebGL blend modes by defining specific source/destination factors and blend equations directly via the renderer.

## Custom Blend Mode with Graphics
ID: KWi18M4yed
Version: v4.1.0
Path: display/blend modes
URL: https://phaser.io/examples/v4.1.0/display/blend modes/view/custom-blend-mode-with-graphics
Size: 800x600
Multi-file: no
Description: Demonstrates how to define and register a custom WebGL blend mode and apply it to a Graphics object.

## Custom Separate Blend Mode
ID: NKg3bEs1Hw
Version: v4.1.0
Path: display/blend modes
URL: https://phaser.io/examples/v4.1.0/display/blend modes/view/custom-separate-blend-mode
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and dynamically update a custom WebGL blend mode with separate RGB and Alpha channel blending factors.

## Custom WebGL Blend Mode
ID: MzieZwtqhd
Version: v4.1.0
Path: display/blend modes
URL: https://phaser.io/examples/v4.1.0/display/blend modes/view/custom-blend-mode
Size: 800x600
Multi-file: no
Description: Learn how to create, apply, and dynamically update a custom WebGL blend mode using specific source factors, destination factors, and blend equations.

## Difference Blend Mode
ID: J8qB5kWzCv
Version: v4.1.0
Path: display/blend modes
URL: https://phaser.io/examples/v4.1.0/display/blend modes/view/difference
Size: 800x600
Multi-file: no
Description: Demonstrates the use of the Difference blend mode in Canvas mode, showing how a sprite's colors react to moving particles and a background image.

## Graphics Blend Mode
ID: Q6X9m5vXRT
Version: v4.1.0
Path: display/blend modes
URL: https://phaser.io/examples/v4.1.0/display/blend modes/view/graphics-blend-mode
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply blend modes to a Graphics object to change how it interacts with underlying images.

## Image Blend Modes
ID: aUhgVUK1Te
Version: v4.1.0
Path: display/blend modes
URL: https://phaser.io/examples/v4.1.0/display/blend modes/view/particle
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply Additive and Screen blend modes to individual images to create layered visual effects.

## Brighten Color
ID: YvaWBNcGwh
Version: v4.1.0
Path: display/color
URL: https://phaser.io/examples/v4.1.0/display/color/view/brighten
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the brighten method on a Color object to increase its brightness by a percentage value.

## Convert RGB Strings to Color Objects
ID: BPP47V2Rdf
Version: v4.1.0
Path: display/color
URL: https://phaser.io/examples/v4.1.0/display/color/view/rgb-to-color
Size: 1024x768
Multi-file: no
Description: Demonstrates how to parse CSS-style RGB and RGBA strings into Phaser Color objects, including handling of alpha channels and out-of-range values.

## Convert Value to Color
ID: 8GBQgwM9Hz
Version: v4.1.0
Path: display/color
URL: https://phaser.io/examples/v4.1.0/display/color/view/integer-to-color
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use Phaser.Display.Color.ValueToColor to convert various color formats—including hex numbers, hex strings, and CSS RGB strings—into Phaser Color objects.

## Darken Color
ID: 9z4W2ie9Zd
Version: v4.1.0
Path: display/color
URL: https://phaser.io/examples/v4.1.0/display/color/view/darken
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the darken method of the Color object to decrease the lightness of a color by a specific percentage on each interaction.

## Hex String to Color
ID: QQS1NK7iSr
Version: v4.1.0
Path: display/color
URL: https://phaser.io/examples/v4.1.0/display/color/view/hex-to-color
Size: 1024x768
Multi-file: no
Description: Demonstrates how to convert CSS-style hexadecimal strings, in both 3-digit and 6-digit formats, into Phaser Color objects.

## Interpolate Color RGB vs HSV
ID: fKnqhBpz6t
Version: v4.1.0
Path: display/color
URL: https://phaser.io/examples/v4.1.0/display/color/view/interpolate-color-rgb-vs-hsv
Size: 1280x720
Multi-file: no
Description: Compare different color interpolation methods, showing the visual difference between standard RGB blending and HSV-based transitions that preserve saturation and value.

## Lighten Color
ID: UTEysvYqPH
Version: v4.1.0
Path: display/color
URL: https://phaser.io/examples/v4.1.0/display/color/view/lighten
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the lighten method to increase the lightness of a Phaser Color object by a specific percentage.

## Random Color
ID: YySRpZFsDw
Version: v4.1.0
Path: display/color
URL: https://phaser.io/examples/v4.1.0/display/color/view/random-color
Size: 800x600
Multi-file: no
Description: Demonstrates how to generate random colors with a minimum brightness threshold using the Phaser Color object.

## Random Gray
ID: GGSnfwEN8E
Version: v4.1.0
Path: display/color
URL: https://phaser.io/examples/v4.1.0/display/color/view/random-gray
Size: 800x600
Multi-file: no
Description: Demonstrates how to generate random grayscale colors with a specified minimum brightness threshold.

## Container Bitmap Mask
ID: 8Jgh2b66GC
Version: v4.1.0
Path: display/masks
URL: https://phaser.io/examples/v4.1.0/display/masks/view/nested-bitmap-mask
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a bitmap mask to a Container, effectively masking all of its children simultaneously using the filters API.

## Dynamic Texture as a Bitmap Mask
ID: nUWEComZ8S
Version: v4.1.0
Path: display/masks
URL: https://phaser.io/examples/v4.1.0/display/masks/view/dynamic-texture-as-bitmap-mask
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a Dynamic Texture as a bitmap mask applied to an image via the external filter system.

## Geometry Mask From Shape
ID: PbWDNbqt1k
Version: v4.1.0
Path: display/masks
URL: https://phaser.io/examples/v4.1.0/display/masks/view/geometry-mask-from-shape
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a hidden Shape object as a geometry mask for an image and animate the mask's rotation using a tween.

## Inverted Graphics Mask
ID: V3KvU2EGYX
Version: v4.1.0
Path: display/masks
URL: https://phaser.io/examples/v4.1.0/display/masks/view/graphics-bitmap-mask
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a Graphics object as a bitmap mask. In this example, a rectangle is used to punch an inverted hole through a semi-transparent overlay to reveal the image underneath.

## Shared Bitmap Mask
ID: xqdgXWvmUR
Version: v4.1.0
Path: display/masks
URL: https://phaser.io/examples/v4.1.0/display/masks/view/shared-bitmap-mask
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a single bitmap mask to multiple images simultaneously using the external filter system.

## GLSL Shader with Camera Mask
ID: 6uuNFVE5sJ
Version: v4.1.0
Path: display/shaders
URL: https://phaser.io/examples/v4.1.0/display/shaders/view/shader-test-2
Size: 800x600
Multi-file: no
Description: Demonstrates applying a GLSL fragment shader to the background with real-time uniform updates while using internal camera filters to add a grunge mask effect.

## Loading and Manipulating Shaders
ID: ewREYPnHaw
Version: v4.1.0
Path: display/shaders
URL: https://phaser.io/examples/v4.1.0/display/shaders/view/shader-test-1
Size: 800x600
Multi-file: no
Description: Demonstrates how to load GLSL fragment shaders, pass uniforms from the game loop, and treat shader objects as GameObjects that can be tweened, scaled, and moved via input.

## Shader and Camera Masking
ID: 83V3VDw7gu
Version: v4.1.0
Path: display/shaders
URL: https://phaser.io/examples/v4.1.0/display/shaders/view/shader-test-4
Size: 800x600
Multi-file: no
Description: Demonstrates applying different masks to both the main camera and an individual shader object simultaneously, while passing time uniforms to the fragment shader.

## Shader Uniforms and Animation
ID: rod5nK5z5o
Version: v4.1.0
Path: display/shaders
URL: https://phaser.io/examples/v4.1.0/display/shaders/view/shader-test-5
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a custom fragment shader and pass dynamic data, such as time, to it using the setupUniforms callback.

## Shader with Bitmap Mask
ID: NZJmsGC7Ta
Version: v4.1.0
Path: display/shaders
URL: https://phaser.io/examples/v4.1.0/display/shaders/view/shader-test-3
Size: 800x600
Multi-file: no
Description: Demonstrates applying an image-based bitmap mask to a shader. The example features a dynamic fragment shader that follows the mouse pointer while being constrained to the shape of a mask.

## Atlas Frame Tint
ID: y4zJezx3of
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/atlas-frame-tint
Size: 800x600
Multi-file: no
Description: Demonstrates applying multi-color gradient tints to individual images loaded from a texture atlas.

## Corner Tint
ID: 9LHfRPUwtH
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/corner-tint
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply distinct colors to the four corners of a Game Object to create multi-color gradient effects.

## Per-Vertex Tint
ID: AsfBzQ8AqR
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/per-vertex-tint
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply individual tint colors to each of the four corners of an image to create unique gradient effects.

## Pixel Wave
ID: kPasuFE9et
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/pixel-wave
Size: 1024x768
Multi-file: no
Description: Reconstruct an image using individual tinted sprites by extracting color data from a source texture and animating them into position.

## Rainbow Animated Text
ID: GzqMeRDyv8
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/rainbow-text
Size: 800x600
Multi-file: no
Description: Demonstrates how to create an animated rainbow effect on text and strokes by applying cycling HSV colors to the text tint properties.

## Raster Gradients with Tint
ID: 44d7WcZkrM
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/rasters
Size: 800x600
Multi-file: no
Description: Demonstrates how to create vertical color gradients by applying different tint colors to the corners of a stretched pixel sprite.

## Single Color Tint
ID: qTNrpBj1HU
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/single-color-tint
Size: 800x600
Multi-file: no
Description: Learn how to apply a single color tint to a Game Object and update it dynamically using the pointer and an HSV color wheel.

## Text Tint
ID: wjtvVdiZxR
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/text-tint
Size: 800x600
Multi-file: no
Description: Apply multi-color tint gradients and fill modes to Text objects.

## Tile Sprite Tint
ID: ht3GhEPz6w
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/tile-sprite-tint
Size: 800x600
Multi-file: no
Description: This example demonstrates applying multi-color corner tints to scrolling TileSprites using textures from an atlas.

## Tint and Alpha
ID: KZfS1qNfWA
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/tint-and-alpha
Size: 800x600
Multi-file: no
Description: This example demonstrates how to apply color tints and transparency levels to images simultaneously, including the use of fill tint modes.

## Tint Fill Effect
ID: jPkEkCDWfv
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/tint-fill-effect
Size: 800x600
Multi-file: no
Description: Demonstrates the difference between standard multiplicative tinting and the solid color tint fill mode on images.

## Tint Fill Modes
ID: Ht2Uxhjnvf
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/tint-fill
Size: 800x600
Multi-file: no
Description: Demonstrates the difference between standard multiply tinting and tint fill modes, showing how to apply solid color overlays or gradients to sprites.

## Tint Modes
ID: TjVo84g1QF
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/tint-modes
Size: 800x600
Multi-file: no
Description: An interactive demonstration of various tinting modes including Multiply, Fill, Add, Screen, Overlay, and Hard Light, showing how they affect the rendering of an image.

## Tinting Multiple Images
ID: zmkPiWC2p3
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/multiple-images
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply different color tints to multiple Image Game Objects using the same source texture.

## Tweening Image Tint
ID: HZ4ut4rCqW
Version: v4.1.0
Path: display/tint
URL: https://phaser.io/examples/v4.1.0/display/tint/view/tween-tint
Size: 800x600
Multi-file: no
Description: Animate the tint of an image by using a Tween Counter to dynamically update color values over time.

## Create Event Emitter
ID: hGgREMo3Bd
Version: v4.1.0
Path: events
URL: https://phaser.io/examples/v4.1.0/events/view/create-event-emitter
Size: 800x600
Multi-file: no
Description: This example demonstrates how to create a standalone instance of the Phaser Event Emitter, register a custom event listener, and emit events with arguments.

## Emit Events Using Symbols
ID: nVi9Cbpdtu
Version: v4.1.0
Path: events
URL: https://phaser.io/examples/v4.1.0/events/view/emit-using-symbols
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use ES6 Symbols as unique event identifiers when registering and emitting events within the Scene Event Emitter.

## Emit Scene Event
ID: GbkdfJRWcE
Version: v4.1.0
Path: events
URL: https://phaser.io/examples/v4.1.0/events/view/emit-scene-event
Size: 800x600
Multi-file: no
Description: This example shows how to use a Scene's internal EventEmitter to listen for and dispatch custom events within a Scene.

## Event Arguments
ID: M3WHi4wQkw
Version: v4.1.0
Path: events
URL: https://phaser.io/examples/v4.1.0/events/view/event-arguments
Size: 800x600
Multi-file: no
Description: Learn how to pass and receive multiple parameters when emitting custom events in Phaser.

## Game Object Events
ID: dznf6q4AuU
Version: v4.1.0
Path: events
URL: https://phaser.io/examples/v4.1.0/events/view/game-object-events
Size: 800x600
Multi-file: no
Description: Demonstrates how Game Objects can emit and listen for custom events to trigger actions, such as changing visual properties.

## Listen to Game Object Custom Events
ID: LZxtxCHFSx
Version: v4.1.0
Path: events
URL: https://phaser.io/examples/v4.1.0/events/view/listen-to-game-object-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to bridge standard scene input events to custom events emitted directly by Game Objects, allowing objects to handle their own logic through event listeners.

## Once Event Listener
ID: y51aMeRu5s
Version: v4.1.0
Path: events
URL: https://phaser.io/examples/v4.1.0/events/view/once-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to register an event listener that automatically removes itself after being triggered a single time.

## Turn Off Anonymous Event Handler
ID: EJGWD4SkAN
Version: v4.1.0
Path: events
URL: https://phaser.io/examples/v4.1.0/events/view/turn-off-anonymous-event-handler
Size: 800x600
Multi-file: no
Description: This example demonstrates how to remove all listeners for a specific event by calling the off method without a callback reference, which is particularly useful for stopping anonymous functions.

## Turn Off Event Handler
ID: X2PKW5dQdx
Version: v4.1.0
Path: events
URL: https://phaser.io/examples/v4.1.0/events/view/turn-off-event-handler
Size: 800x600
Multi-file: no
Description: Demonstrates how to programmatically remove an active event listener using the off method after a specific condition is met.

## Container Composite Alpha
ID: NR5pYpRmQS
Version: v4.1.0
Path: filters
URL: https://phaser.io/examples/v4.1.0/filters/view/composite-alpha-demo
Size: 1280x720
Multi-file: no
Description: Demonstrates the difference between standard alpha and composite alpha in containers. Setting 'filtersForceComposite' ensures a container renders as a flattened layer, preventing overlapping child elements from showing through each other.

## Creating a Custom Shader Filter
ID: TGbK8gptyJ
Version: v4.1.0
Path: filters
URL: https://phaser.io/examples/v4.1.0/filters/view/custom-filter
Size: 1280x720
Multi-file: no
Description: Demonstrates how to create and apply a custom WebGL filter by defining a fragment shader, a Filter Controller, and a RenderNode to convert a bump map into a normal map in real-time.

## Custom Filter with Secondary Texture Input
ID: HC5SoxEsFw
Version: v4.1.0
Path: filters
URL: https://phaser.io/examples/v4.1.0/filters/view/custom-filter-with-image-input
Size: 1280x720
Multi-file: no
Description: This example demonstrates how to create a multi-pass custom filter that uses a secondary image as a strength map to selectively control blur intensity across a Game Object.

## Custom Shine Filter
ID: frND5qwuGF
Version: v4.1.0
Path: filters
URL: https://phaser.io/examples/v4.1.0/filters/view/custom-shine-filter
Size: 800x600
Multi-file: no
Description: Learn how to apply a custom external shine filter effect to a Game Object using a specialized render node controller.

## Custom Shine Filter with Progress Control
ID: X2aKMqjsEM
Version: v4.1.0
Path: filters
URL: https://phaser.io/examples/v4.1.0/filters/view/custom-shine-filter-with-progress-control
Size: 800x600
Multi-file: no
Description: Demonstrates applying a custom shine filter to an image and manually controlling its animation progress using a tween.

## Sprite Filter Auto-Focus
ID: ehEs4ofPNq
Version: v4.1.0
Path: filters
URL: https://phaser.io/examples/v4.1.0/filters/view/auto-focus-filter-demo
Size: 1280x720
Multi-file: no
Description: Demonstrates how filters automatically adapt to transformed Game Objects. This example applies color shifts and dynamic motion blur to multiple rotating and moving sprites.

## Barrel Distortion Filter on Sprites
ID: wQ3JAbSkN4
Version: v4.1.0
Path: filters/barrel
URL: https://phaser.io/examples/v4.1.0/filters/barrel/view/barrel-sprite-filter
Size: 800x600
Multi-file: no
Description: Demonstrates applying barrel distortion filters to individual sprites with varying intensity and using focus overrides to prevent edge clipping.

## Barrel Distortion Text Effect
ID: xUZ9pVAxN1
Version: v4.1.0
Path: filters/barrel
URL: https://phaser.io/examples/v4.1.0/filters/barrel/view/barrel-text
Size: 800x600
Multi-file: no
Description: Learn how to apply and animate a barrel distortion filter to a Text object, creating a bulging fisheye visual effect.

## Barrel Filter FX
ID: AD9DxQBPbs
Version: v4.1.0
Path: filters/barrel
URL: https://phaser.io/examples/v4.1.0/filters/barrel/view/barrel-filter
Size: 800x600
Multi-file: no
Description: Apply and animate a barrel distortion filter on a Game Object to create bulging and pincushion effects.

## Barrel Squish Filter
ID: 1zQaAaXgsk
Version: v4.1.0
Path: filters/barrel
URL: https://phaser.io/examples/v4.1.0/filters/barrel/view/barrel-squish-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and animate a barrel distortion filter on sprites to create a pulsing squish effect, including how to expand the filter's render area to prevent clipping.

## Additive Blend Highlighting
ID: ZrtpUTVcKs
Version: v4.1.0
Path: filters/blend
URL: https://phaser.io/examples/v4.1.0/filters/blend/view/blend-add-highlight-object
Size: 1280x720
Multi-file: no
Description: Demonstrates creating glow and highlight effects by applying additive blend filters to Render Textures, including color channel manipulation and tweening filter intensity.

## Blocky Pixel Filter
ID: bHXkG9pNzY
Version: v4.1.0
Path: filters/blocky
URL: https://phaser.io/examples/v4.1.0/filters/blocky/view/blocky-pixels
Size: 1280x720
Multi-file: no
Description: Demonstrates applying a pixelation effect to the camera using the Blocky filter, including how to toggle the effect active state via user input.

## Bloom Filter Impact Effect
ID: bZJshqfbpj
Version: v4.1.0
Path: filters/bloom
URL: https://phaser.io/examples/v4.1.0/filters/bloom/view/destroy-planet-bloom-filter
Size: 700x500
Multi-file: no
Description: Demonstrates how to apply and animate a bloom filter on game objects. When a bullet hits the planet, a tween increases the bloom's blur strength to create a glowing impact visual.

## Blur Filter Effect
ID: QQHswXoQFx
Version: v4.1.0
Path: filters/blur
URL: https://phaser.io/examples/v4.1.0/filters/blur/view/blur-filter
Size: 800x600
Multi-file: no
Description: Apply a blur effect to a Sprite using the filter system and animate the blur strength with a tween.

## Container Blur Filter
ID: 1115a8jj94
Version: v4.1.0
Path: filters/blur
URL: https://phaser.io/examples/v4.1.0/filters/blur/view/container-blur
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a blur filter to a Container and animate its strength using a tween.

## Particle Bokeh
ID: cMXZUmNMNq
Version: v4.1.0
Path: filters/bokeh
URL: https://phaser.io/examples/v4.1.0/filters/bokeh/view/particle-bokeh
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a Bokeh filter to a particle emitter to create a depth-of-field blur effect on particles.

## Tilt-Shift Camera Filter
ID: oyF8eNKYhV
Version: v4.1.0
Path: filters/bokeh
URL: https://phaser.io/examples/v4.1.0/filters/bokeh/view/tiltshift-camera
Size: 800x600
Multi-file: no
Description: Apply a tilt-shift post-processing effect to the camera to create a miniature-style depth-of-field blur.

## ColorMatrix Filters
ID: gaCJruAGSK
Version: v4.1.0
Path: filters/colormatrix
URL: https://phaser.io/examples/v4.1.0/filters/colormatrix/view/colormatrix-filter
Size: 800x600
Multi-file: no
Description: Cycle through a variety of built-in ColorMatrix filter effects on a sprite, including hue rotation, saturation, brightness, sepia, and vintage photographic presets.

## ColorMatrix Hue Shift
ID: KX5YeKrnLo
Version: v4.1.0
Path: filters/colormatrix
URL: https://phaser.io/examples/v4.1.0/filters/colormatrix/view/colormatrix-hue-shift-filter
Size: 800x600
Multi-file: no
Description: Apply a ColorMatrix filter to a sprite and use a tween to cycle through its hue values, creating a shifting color effect.

## Combine Color Matrix Alpha Transfer
ID: uBnhzTN2GS
Version: v4.1.0
Path: filters/combine color matrix
URL: https://phaser.io/examples/v4.1.0/filters/combine color matrix/view/combine-color-matrix
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use the Combine Color Matrix filter to map the brightness data of one texture onto the alpha channel of another, including how to invert the resulting alpha.

## Reveal Bottom to Top Wipe
ID: 1pT3sLfF8Q
Version: v4.1.0
Path: filters/custom wipe filter
URL: https://phaser.io/examples/v4.1.0/filters/custom wipe filter/view/reveal-bottom-to-top
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a custom wipe filter to a sprite, revealing it from the bottom to the top using a progress-based tween.

## Reveal Left To Right
ID: g7cuVt6awY
Version: v4.1.0
Path: filters/custom wipe filter
URL: https://phaser.io/examples/v4.1.0/filters/custom wipe filter/view/reveal-left-to-right
Size: 800x600
Multi-file: no
Description: Applies a custom wipe filter to a sprite to create a reveal transition from left to right using a tweened progress value.

## Reveal Right to Left Wipe Effect
ID: J5GJfDZUER
Version: v4.1.0
Path: filters/custom wipe filter
URL: https://phaser.io/examples/v4.1.0/filters/custom wipe filter/view/reveal-right-to-left
Size: 800x600
Multi-file: no
Description: Demonstrates applying a custom wipe filter to a sprite to create a reveal effect from right to left, controlled by tweening the filter's progress property.

## Reveal Top To Bottom
ID: PGfrHR3Ce8
Version: v4.1.0
Path: filters/custom wipe filter
URL: https://phaser.io/examples/v4.1.0/filters/custom wipe filter/view/reveal-top-to-bottom
Size: 800x600
Multi-file: no
Description: Use a custom wipe filter and controller to create a top-to-bottom reveal effect on a sprite by tweening the filter's progress property.

## Text Reveal with Custom Wipe Filter
ID: gRYwFayKFj
Version: v4.1.0
Path: filters/custom wipe filter
URL: https://phaser.io/examples/v4.1.0/filters/custom wipe filter/view/reveal-text
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a custom wipe filter to a Text object and animate its progress using a Tween for a smooth reveal effect.

## Displacement Circles Filter
ID: AR64k4UzXF
Version: v4.1.0
Path: filters/displacement
URL: https://phaser.io/examples/v4.1.0/filters/displacement/view/displacement-circles-filter
Size: 800x600
Multi-file: no
Description: This example demonstrates how to apply a displacement filter to an image using a texture map and animate the distortion effect using a tween.

## Displacement Filter Effect
ID: w2ECYqwr3n
Version: v4.1.0
Path: filters/displacement
URL: https://phaser.io/examples/v4.1.0/filters/displacement/view/displacement-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a displacement filter to an image using a noise texture and animate the distortion intensity with a tween.

## Displacement Filter with Mask
ID: NfxwfP2M9G
Version: v4.1.0
Path: filters/displacement
URL: https://phaser.io/examples/v4.1.0/filters/displacement/view/displacement-skull-filter
Size: 800x600
Multi-file: no
Description: Demonstrates applying an animated displacement effect to an image combined with a blurred circular mask.

## Double Glow Post Filter
ID: xne8oASxKY
Version: v4.1.0
Path: filters/glow
URL: https://phaser.io/examples/v4.1.0/filters/glow/view/double-glow-post-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and stack multiple glow post-processing filters on a single sprite to create complex multi-colored effects.

## Glow Bitmap Text
ID: ToKZ4tJ4KP
Version: v4.1.0
Path: filters/glow
URL: https://phaser.io/examples/v4.1.0/filters/glow/view/glow-bitmaptext
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a glow filter to a Bitmap Text object and animate its intensity using a tween.

## Glow Filter
ID: kGbV87H5i7
Version: v4.1.0
Path: filters/glow
URL: https://phaser.io/examples/v4.1.0/filters/glow/view/glow-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a glow filter effect to a Sprite, configure its distance and quality settings, and animate the outer strength using a tween.

## Glow Graphics
ID: gKaSAHoFqY
Version: v4.1.0
Path: filters/glow
URL: https://phaser.io/examples/v4.1.0/filters/glow/view/glow-graphics
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and animate a glow filter on a Graphics object containing multiple shapes.

## Glow Post Filter
ID: r512NshGbk
Version: v4.1.0
Path: filters/glow
URL: https://phaser.io/examples/v4.1.0/filters/glow/view/glow-post-filter
Size: 800x600
Multi-file: no
Description: Applies a glow post-processing filter to individual sprites, demonstrating how to configure and animate the glow strength.

## Glow Rope Filter
ID: uizaF7h44P
Version: v4.1.0
Path: filters/glow
URL: https://phaser.io/examples/v4.1.0/filters/glow/view/glow-rope-filter
Size: 800x600
Multi-file: no
Description: Learn how to apply and animate a glow filter on a Rope game object, featuring dynamic vertex manipulation and tweened shader properties.

## Glow Text
ID: WqXumepyvY
Version: v4.1.0
Path: filters/glow
URL: https://phaser.io/examples/v4.1.0/filters/glow/view/glow-text
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and animate an external glow filter on a Text object to create a pulsing light effect.

## Gradient Map Filter
ID: x6yKpvXBah
Version: v4.1.0
Path: filters/gradient map
URL: https://phaser.io/examples/v4.1.0/filters/gradient map/view/gradient-map
Size: 1280x720
Multi-file: no
Description: Apply a multi-stop color gradient map to an image and dynamically control its intensity using the filter's alpha property.

## Palette Swap With Gradient Map
ID: DxYFceSDQj
Version: v4.1.0
Path: filters/gradient map
URL: https://phaser.io/examples/v4.1.0/filters/gradient map/view/palette-swap-with-gradient-map
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use a Gradient Map filter to dynamically swap colors on a sprite by mapping image values to a new color ramp.

## Image Based Lighting Orbs
ID: 2iPLK6ahfg
Version: v4.1.0
Path: filters/image light
URL: https://phaser.io/examples/v4.1.0/filters/image light/view/image-light-orbs
Size: 1280x720
Multi-file: no
Description: This example demonstrates image-based lighting (IBL) using 360-degree environment maps and normal maps. It shows how applying different blur levels to an environment map simulates varying surface roughness on objects, ranging from matte to mirror-like reflections.

## Image Based Lighting with Normal Maps
ID: wZ74Kaa1gQ
Version: v4.1.0
Path: filters/image light
URL: https://phaser.io/examples/v4.1.0/filters/image light/view/image-light-from-pictures
Size: 1280x720
Multi-file: no
Description: Apply realistic lighting effects to sprites using normal maps and environment textures, featuring dynamic light source switching and rotation-aware lighting.

## Image Light Smoothness
ID: i2gCP3KpKY
Version: v4.1.0
Path: filters/image light
URL: https://phaser.io/examples/v4.1.0/filters/image light/view/image-light-smoothness
Size: 1280x720
Multi-file: no
Description: Demonstrates how to toggle a panorama blur filter on an environment map to create smooth image-based lighting effects on sprites using normal maps.

## Image Light with Animated Environment
ID: CbB9wmEbzK
Version: v4.1.0
Path: filters/image light
URL: https://phaser.io/examples/v4.1.0/filters/image light/view/image-light-animated-environment
Size: 1280x720
Multi-file: no
Description: Demonstrates using a Dynamic Texture as an environment map for an Image Light filter, allowing real-time lighting effects to react to a scrolling and animated scene.

## Chroma Key Filter
ID: MhbL6WnTZb
Version: v4.1.0
Path: filters/key
URL: https://phaser.io/examples/v4.1.0/filters/key/view/key
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use the key filter to remove a specific color from an image, making it transparent.

## Isolate Key Color
ID: R2wohm1vyN
Version: v4.1.0
Path: filters/key
URL: https://phaser.io/examples/v4.1.0/filters/key/view/isolate-key-color
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use a Key filter to isolate a specific color range within a sprite and apply color matrix transformations exclusively to that area.

## Animated Sprite Filter Mask
ID: hsiPytxDmr
Version: v4.1.0
Path: filters/mask
URL: https://phaser.io/examples/v4.1.0/filters/mask/view/sprite-mask
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use an animated sprite as a mask for another game object using the filter system, allowing you to create dynamic masking effects based on animation frames.

## Screen Masking with Containers
ID: vG4RJeXDFd
Version: v4.1.0
Path: filters/mask
URL: https://phaser.io/examples/v4.1.0/filters/mask/view/screen-mask
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use a Container, including shapes and dynamic particle emitters, as a mask for an image using external filters.

## Normal Tools Facing Power
ID: Lrzgz8erUW
Version: v4.1.0
Path: filters/normal tools
URL: https://phaser.io/examples/v4.1.0/filters/normal tools/view/normal-tools-facing-power
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use Normal Tools to dynamically adjust the facing power of a normal map, causing surface normals to bend towards or away from the camera to alter lighting effects.

## Normal Tools Filter
ID: WWMj4WUjhr
Version: v4.1.0
Path: filters/normal tools
URL: https://phaser.io/examples/v4.1.0/filters/normal tools/view/normal-tools
Size: 1280x720
Multi-file: no
Description: Demonstrates how to manipulate a normal map in real-time using the Normal Tools filter, rotating the map data before applying it to a sprite for dynamic lighting and environment mapping.

## Normal Tools Ratio
ID: mfAAnLWtfq
Version: v4.1.0
Path: filters/normal tools
URL: https://phaser.io/examples/v4.1.0/filters/normal tools/view/normal-tools-ratio
Size: 1280x720
Multi-file: no
Description: Demonstrates using the Normal Tools filter with the outputRatio setting to create dynamic lighting and specular highlights by applying vector-based calculations to a normal map texture.

## Panorama Blur Filter
ID: AVZaRQZsDo
Version: v4.1.0
Path: filters/panorama blur
URL: https://phaser.io/examples/v4.1.0/filters/panorama blur/view/panorama-blur
Size: 1280x720
Multi-file: no
Description: Use the Panorama Blur filter to pre-render blurred environment maps and apply them to normal-mapped sprites via the Image Light filter.

## Bloom with Parallel Filters
ID: vJ9xWuvhMs
Version: v4.1.0
Path: filters/parallel filters
URL: https://phaser.io/examples/v4.1.0/filters/parallel filters/view/bloom-with-parallel-filters
Size: 1280x720
Multi-file: no
Description: Demonstrates how to create a custom bloom effect by processing a camera through parallel filter tracks, applying threshold and blur filters to one track, and blending it back using additive blending.

## Pixelate Amount
ID: CedMAEoeKy
Version: v4.1.0
Path: filters/pixelate
URL: https://phaser.io/examples/v4.1.0/filters/pixelate/view/pixelate-amount
Size: 800x600
Multi-file: no
Description: Adjust the intensity of the pixelate filter using the amount property to control the level of pixelation on a sprite.

## Pixelate FX Filter
ID: ZBDeiFAoeX
Version: v4.1.0
Path: filters/pixelate
URL: https://phaser.io/examples/v4.1.0/filters/pixelate/view/pixelate-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a pixelate filter to a Game Object and animate the pixelation intensity over time using a tween.

## Pixelate Sprite Filter
ID: o8ziXacLuZ
Version: v4.1.0
Path: filters/pixelate
URL: https://phaser.io/examples/v4.1.0/filters/pixelate/view/pixelate-sprite-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a pixelation effect to a single Sprite and toggle its active state.

## Pixelate Transition Scene
ID: heudK6ZpE2
Version: v4.1.0
Path: filters/pixelate
URL: https://phaser.io/examples/v4.1.0/filters/pixelate/view/pixelate-transition-scene
Size: 700x500
Multi-file: no
Description: Demonstrates how to use the pixelate camera filter and tweens to create a retro-style transition effect when switching between different game scenes.

## Quantize Gradient Filter
ID: tTmhwbdVu2
Version: v4.1.0
Path: filters/quantize
URL: https://phaser.io/examples/v4.1.0/filters/quantize/view/quantize-gradient
Size: 1280x720
Multi-file: no
Description: Demonstrates applying the Quantize filter to a gradient object to create color banding effects, showcasing both standard quantization and the effect of dithering in HSVA mode.

## Quantize Image Filter
ID: 6LirrrNVXR
Version: v4.1.0
Path: filters/quantize
URL: https://phaser.io/examples/v4.1.0/filters/quantize/view/quantize-image
Size: 1280x720
Multi-file: no
Description: Apply a color quantization filter to an image to create a stylized, reduced-palette look. Features interactive controls for dithering, color space modes (RGB/HSV), and color step resolution.

## Filter Sampler
ID: mTTUPU9g6S
Version: v4.1.0
Path: filters/sampler
URL: https://phaser.io/examples/v4.1.0/filters/sampler/view/sampler
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use the Sampler filter to retrieve color data from a specific pixel coordinate on an image, using the result to update the game background color.

## Sprite Shadow Filter
ID: X72EHHFbpt
Version: v4.1.0
Path: filters/shadow
URL: https://phaser.io/examples/v4.1.0/filters/shadow/view/shadow-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a drop shadow effect to a sprite and animate its properties using tweens.

## Text Shadow Filter
ID: nGSgWPJNqR
Version: v4.1.0
Path: filters/shadow
URL: https://phaser.io/examples/v4.1.0/filters/shadow/view/text-shadow-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a dynamic drop shadow effect to a Text object using the external filter system.

## Threshold Filter
ID: pWBNhZ5Uzy
Version: v4.1.0
Path: filters/threshold
URL: https://phaser.io/examples/v4.1.0/filters/threshold/view/threshold
Size: 1280x720
Multi-file: no
Description: Apply a threshold filter to a particle emitter to create high-contrast, sharp-edged visual effects.

## Interactive Vignette Filter Position
ID: 8weQFjuyEF
Version: v4.1.0
Path: filters/vignette
URL: https://phaser.io/examples/v4.1.0/filters/vignette/view/vignette-xy
Size: 800x600
Multi-file: no
Description: Demonstrates how to add a vignette effect to a sprite and dynamically update its center position and radius using mouse input.

## Vignette Camera Filter
ID: Yw8YQqa7rf
Version: v4.1.0
Path: filters/vignette
URL: https://phaser.io/examples/v4.1.0/filters/vignette/view/vignette-camera
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a vignette post-processing filter to a camera to create a cinematic darkened edge effect while the camera scrolls through a scene.

## Vignette Color
ID: KuiijfVXZr
Version: v4.1.0
Path: filters/vignette
URL: https://phaser.io/examples/v4.1.0/filters/vignette/view/vignette-color
Size: 1280x720
Multi-file: no
Description: Demonstrates how to apply a vignette filter to a camera and customize its color and strength dynamically.

## Vignette Filter Strength
ID: vVEJ4EABB6
Version: v4.1.0
Path: filters/vignette
URL: https://phaser.io/examples/v4.1.0/filters/vignette/view/vignette-strength
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a vignette filter to a sprite and control its intensity by animating the strength property.

## Vignette Radius
ID: GrXP8Py2bw
Version: v4.1.0
Path: filters/vignette
URL: https://phaser.io/examples/v4.1.0/filters/vignette/view/vignette-radius
Size: 800x600
Multi-file: no
Description: Demonstrates how to use and animate the radius property of the Vignette effect to dynamically change the size of the vignette on Game Objects.

## Vignette Sprite
ID: KTH5jw9JpT
Version: v4.1.0
Path: filters/vignette
URL: https://phaser.io/examples/v4.1.0/filters/vignette/view/vignette-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a vignette post-processing filter to an individual sprite and toggle the effect on and off.

## Reveal Bottom to Top Wipe
ID: 392usNcBgY
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/reveal-bottom-to-top
Size: 800x600
Multi-file: no
Description: Demonstrates the wipe filter used to reveal a sprite from the bottom upwards by tweening the effect's progress property.

## Reveal Left to Right Wipe
ID: o1ogWTERqa
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/reveal-left-to-right
Size: 800x600
Multi-file: no
Description: Animate an image reveal using a wipe filter and a tween to control the progress property from left to right.

## Reveal Right to Left
ID: swCcK8xUy1
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/reveal-right-to-left
Size: 800x600
Multi-file: no
Description: Demonstrates a right-to-left wipe transition effect on a sprite using the wipe filter and a tween to control the progress property.

## Reveal Text
ID: k1ck5z96xP
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/reveal-text
Size: 800x600
Multi-file: no
Description: Demonstrates using the Wipe filter on a Text object with a Tween to create a progressive reveal effect for different lines of text.

## Reveal Top to Bottom Wipe Effect
ID: QpSnh41Npm
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/reveal-top-to-bottom
Size: 800x600
Multi-file: no
Description: Animate an image reveal using a Wipe filter and a tween to transition the effect from top to bottom.

## Wipe Bottom To Top Filter
ID: MzmHNEuzBs
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/wipe-bottom-to-top
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a wipe transition effect to a sprite, revealing it from the bottom upwards by tweening the filter's progress property.

## Wipe Filter to Pointer
ID: ny7gLgwLGV
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/wipe-to-pointer
Size: 800x600
Multi-file: no
Description: Use a Wipe filter on a sprite and link its progress to the mouse pointer position to create an interactive transition effect between two images.

## Wipe Left To Right Filter
ID: yM7KMGtqWi
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/wipe-left-to-right
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and animate a wipe filter effect on a sprite from left to right using a tween.

## Wipe Right To Left
ID: Tamp6rigMS
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/wipe-right-to-left
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a wipe filter to a sprite to reveal or hide it from right to left using a tween to control the effect's progress.

## Wipe Scene Transition
ID: RxPvQ3YVfQ
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/wipe-to-a-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to transition between scenes using a camera wipe filter by syncing the filter progress with the Scene Transition update callback.

## Wipe Top to Bottom
ID: d4GJ6D68WN
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/wipe-top-to-bottom
Size: 800x600
Multi-file: no
Description: Apply a top-to-bottom wipe filter effect to a sprite, controlled by a tween animation.

## Wipe Width
ID: WnuAV4rPgR
Version: v4.1.0
Path: filters/wipe
URL: https://phaser.io/examples/v4.1.0/filters/wipe/view/wipe-width
Size: 800x600
Multi-file: no
Description: This example demonstrates how to adjust the wipeWidth property of a Wipe filter to control the softness or feathering of the transition edge.

## Clear Before Render
ID: gumACc3HYJ
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/clear-before-render
Size: 800x600
Multi-file: no
Description: Demonstrates how to disable canvas clearing between frames using the clearBeforeRender and preserveDrawingBuffer configuration settings to create persistent motion trails.

## Custom Canvas
ID: CCnidCZ28k
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/custom-canvas
Size: 800x600
Multi-file: no
Description: Demonstrates how to provide an existing HTML5 Canvas element to the Phaser game configuration instead of allowing Phaser to create its own.

## Custom Console Banner Colors
ID: xtL9fNpfgz
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/banner-colors
Size: 800x600
Multi-file: no
Description: Demonstrates how to customize the text and background colors of the Phaser startup banner shown in the browser console, as well as how to hide the Phaser version info.

## Custom WebGL Canvas
ID: K9X66fcwHP
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/custom-webgl-canvas
Size: 800x600
Multi-file: no
Description: Demonstrates how to provide a pre-existing canvas element and a manually created WebGL context to the Phaser Game configuration.

## Custom WebGL2 Canvas and Context
ID: ifXnow9NW2
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/custom-webgl2-canvas
Size: 800x600
Multi-file: no
Description: Demonstrates how to provide Phaser with a pre-existing HTML canvas and a manually created WebGL2 context using specific configuration attributes.

## Game Background Transparency
ID: w1BLWRnA4R
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/background-color
Size: 800x600
Multi-file: no
Description: Demonstrates how to configure the game canvas with transparency using the backgroundColor and transparent properties, allowing HTML elements behind the game to show through.

## Game Destroy
ID: Qh9k1ipFYT
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/game-destroy
Size: 800x600
Multi-file: no
Description: Demonstrates how to programmatically shut down and destroy a Phaser game instance, including removing the canvas, and then re-instantiate the game.

## Game Destroy With Multi Scenes
ID: Tj1BWd3u8d
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/game-destroy-with-multi-scenes
Size: 800x600
Multi-file: no
Description: Demonstrates how to destroy a running game instance containing multiple active scenes and then re-initialize it upon user interaction.

## Game RNG Seed
ID: ytUp764nWM
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/game-rng
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a fixed seed in the Game Configuration to produce deterministic, repeatable results across various random number generation methods.

## Game Title Configuration
ID: kfDghi7PKc
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/game-title
Size: 800x600
Multi-file: no
Description: Shows how to define a custom game title in the global configuration and access it via the game config property.

## Game URL and Title Configuration
ID: zUmAYByRFH
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/game-url
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a title and URL in the game configuration and access those values from within a scene.

## Game Version and Title
ID: m6LgEVSuH5
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/game-version
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a title and version number in the game configuration and access them through the game config object.

## Headless Renderer
ID: WBA3VbdNAn
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/headless-renderer
Size: 800x600
Multi-file: no
Description: Configure the game to use the Phaser.HEADLESS renderer type, allowing the game loop and logic to run without rendering any visual output to the screen.

## Hide Console Banner
ID: c8Y8yApXy6
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/hide-banner
Size: 800x600
Multi-file: no
Description: Demonstrates how to disable the Phaser version and renderer information banner that typically appears in the browser console when the game starts.

## Hide Phaser From Console Banner
ID: DeAvJJLfyf
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/hide-phaser-from-banner
Size: 800x600
Multi-file: no
Description: Learn how to use the game configuration to remove the Phaser library name and version number from the browser console startup banner.

## Multiple Game Instances
ID: K3ZUJkVkQP
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/multiple-game-instances
Size: 800x600
Multi-file: no
Description: Demonstrates how to run two completely independent Phaser game instances simultaneously on the same web page, each with its own configuration and Scenes.

## Pixel Art Mode
ID: nkSak5tr86
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/pixel-art-mode
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable pixel art mode in the game configuration to disable texture smoothing, keeping scaled images, tilemaps, and text crisp and sharp.

## Round Pixels
ID: 4S8oWefpde
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/round-pixels
Size: 800x600
Multi-file: no
Description: Demonstrates how the roundPixels configuration setting ensures Game Objects are rendered at whole integer pixel coordinates, preventing sub-pixel blur even when positions use decimal values.

## Transparent Game Canvas
ID: uj3V1ZvvGy
Version: v4.1.0
Path: game config
URL: https://phaser.io/examples/v4.1.0/game config/view/transparent
Size: 800x600
Multi-file: no
Description: Configure a Phaser game to have a transparent canvas, allowing the underlying HTML page or CSS background to show through the scene.

## Bitmap Text Following a Path
ID: HGtXUvPLaK
Version: v4.1.0
Path: game objects/bitmaptext/dynamic
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/dynamic/view/text-follow-path
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a display callback with Dynamic Bitmap Text to position individual characters along a complex curved path.

## Display Callback Rotation Effect
ID: FYsfhgcBeE
Version: v4.1.0
Path: game objects/bitmaptext/dynamic
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/dynamic/view/display-callback-rotation-effect
Size: 1024x768
Multi-file: no
Description: Demonstrates using a display callback on Dynamic Bitmap Text to apply rotation to individual characters.

## Display Callback Wibble Effect
ID: hm58Re86xS
Version: v4.1.0
Path: game objects/bitmaptext/dynamic
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/dynamic/view/display-callback-wibble-effect
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use a display callback with Dynamic Bitmap Text to manipulate individual character positions in real-time for a jittering movement effect.

## Dynamic Bitmap Text Display Callback
ID: BdAGoS5uST
Version: v4.1.0
Path: game objects/bitmaptext/dynamic
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/dynamic/view/display-callback-scale-effect
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use a display callback to manipulate individual character properties in a Dynamic Bitmap Text object, creating a custom movement effect based on character index.

## Dynamic Bitmap Text Display Callback
ID: NM34V3TKY8
Version: v4.1.0
Path: game objects/bitmaptext/dynamic
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/dynamic/view/display-callback-index-effect
Size: 1024x768
Multi-file: no
Description: Demonstrates using display callbacks to manipulate individual character properties such as position and color in real-time to create custom text effects like rainbow waves and jiggling specific characters.

## Dynamic Bitmap Text Parallax
ID: 4W61Z3RXNw
Version: v4.1.0
Path: game objects/bitmaptext/dynamic
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/dynamic/view/canvas-text
Size: 1024x768
Multi-file: no
Description: Shows how to apply different scroll factors to Dynamic Bitmap Text objects to create a parallax depth effect using the Canvas renderer.

## Dynamic Bitmap Text Tinting
ID: EdVMerskJ3
Version: v4.1.0
Path: game objects/bitmaptext/dynamic
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/dynamic/view/tinted-text
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use a display callback to apply dynamic, per-character tinting effects to a Dynamic Bitmap Text object using an HSV color wheel.

## Vertical Bitmap Text Scroller
ID: gu1acRjnoT
Version: v4.1.0
Path: game objects/bitmaptext/dynamic
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/dynamic/view/vertical-scroller
Size: 1024x768
Multi-file: no
Description: Demonstrates how to create a vertical scrolling text effect using DynamicBitmapText and the scrollY property to move a multi-line string within a fixed area.

## Retro Font from Image
ID: MMYJkSZerQ
Version: v4.1.0
Path: game objects/bitmaptext/retro font
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/retro font/view/retro-text-1
Size: 1024x768
Multi-file: no
Description: Create a dynamic bitmap font by parsing a sprite sheet containing retro-style characters and updating the text content in real-time.

## Retro Font Scroll with Display Callback
ID: TGEVLxMgRa
Version: v4.1.0
Path: game objects/bitmaptext/retro font
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/retro font/view/retro-text-scroll-callback
Size: 640x480
Multi-file: no
Description: Demonstrates using a display callback to manipulate individual character positions in a scrolling Dynamic Bitmap Text object, creating a custom sine wave animation effect.

## Retro Font with Dynamic Text
ID: oxA3CHAE3r
Version: v4.1.0
Path: game objects/bitmaptext/retro font
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/retro font/view/retro-text-2
Size: 1024x768
Multi-file: no
Description: Demonstrates how to create a Bitmap Text object from an image-based retro font and update its content dynamically in the update loop.

## Retro Text Mega Scroll
ID: akmVmLrWMj
Version: v4.1.0
Path: game objects/bitmaptext/retro font
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/retro font/view/retro-text-mega-scroll
Size: 640x400
Multi-file: no
Description: Demonstrates creating a bitmap font from an image sheet and animating multiple lines of scrolling text using the scrollX property for a classic retro effect.

## Retro Text Scroll
ID: PnAFQ5RU1Z
Version: v4.1.0
Path: game objects/bitmaptext/retro font
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/retro font/view/retro-text-scroll
Size: 1280x800
Multi-file: no
Description: Demonstrates how to create a scrolling marquee effect using Dynamic Bitmap Text and a retro font parsed from a sprite sheet.

## Scrolling Retro Text
ID: cDqBwRxmaF
Version: v4.1.0
Path: game objects/bitmaptext/retro font
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/retro font/view/scrolling-retro-text
Size: 800x600
Multi-file: no
Description: Create a classic horizontal marquee scrolling effect using a Retro Font and dynamic bitmap text.

## Tinted Retro Text
ID: PmxTpES14C
Version: v4.1.0
Path: game objects/bitmaptext/retro font
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/retro font/view/tinted-retro-text
Size: 1024x768
Multi-file: no
Description: Demonstrates how to create a Bitmap Font from an image sheet using RetroFont.Parse and apply dynamic, per-character color tinting through a display callback.

## Bitmap Text from Texture Atlas
ID: ULc2WdPnR4
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/padding
Size: 1024x768
Multi-file: no
Description: Demonstrates how to initialize and display a Bitmap Text object using font glyphs stored as a frame within a larger texture atlas.

## Bitmap Text from Texture Atlas
ID: mbGToJbUmA
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/bitmaptext-atlas
Size: 1024x768
Multi-file: no
Description: Demonstrates how to create and use Bitmap Fonts where the font textures are stored inside a texture atlas frame rather than as standalone images.

## Bitmap Text in Canvas Mode
ID: mwoHRjuF2f
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/bitmaptext-canvas
Size: 1024x768
Multi-file: no
Description: Demonstrates rendering and animating bitmap fonts using the Canvas renderer, including dynamic text updates and tweening properties like font size and scale.

## Bitmap Text Origin
ID: Bf8oa6WH2i
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/text-origin
Size: 800x600
Multi-file: no
Description: Demonstrates how setting the origin (anchor point) affects the positioning and alignment of Bitmap Text objects relative to their coordinates.

## Bitmap Text Origin and Scale
ID: jHgRkthokq
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/origin-and-scale
Size: 800x600
Multi-file: no
Description: Learn how to center Bitmap Text by setting its origin and apply scaling to change its size relative to its center point.

## Bitmap Text Rotation
ID: eUzVeKWGC5
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/bitmaptext-rotation
Size: 800x600
Multi-file: no
Description: Demonstrates how to rotate a Bitmap Text object using a tween and update its string content dynamically on user input.

## Bitmap Text Scaling
ID: 5RQYS9difn
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/bitmaptext-scale
Size: 1024x768
Multi-file: no
Description: Learn how to manipulate the scale of a Bitmap Text object using independent tweens for the X and Y axes.

## BitmapText Blend Mode
ID: LVUi42PX9M
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/bitmaptext-blend-mode
Size: 800x600
Multi-file: no
Description: This example demonstrates how to apply a blend mode to a BitmapText object and animate its scale over a background image.

## BitmapText Drop Shadow
ID: mmDPJsT3vG
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/drop-shadow
Size: 1024x768
Multi-file: no
Description: Demonstrates how to apply a drop shadow effect to static BitmapText objects, with control over the shadow's offset, color, and alpha.

## BitmapText Max Width
ID: tjVM4mLrAJ
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/max-width
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use the setMaxWidth method to automatically wrap BitmapText across multiple lines once it reaches a specific width, and shows how the maxWidth property can be dynamically updated using a Tween.

## BitmapText Max Width and Dynamic Content
ID: np5B5Rkrk5
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/max-width-change-content
Size: 800x600
Multi-file: no
Description: Demonstrates how BitmapText behaves when content is appended frame-by-frame while a maximum width constraint is active.

## BitmapText Origin and Scale
ID: qK1KhXSAjt
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/bitmaptext-origin-and-scale
Size: 800x600
Multi-file: no
Description: Learn how to set the origin and scale of a BitmapText object, including negative scaling to flip text, and visualize its global bounds.

## BitmapText Width and Height with Scaling
ID: VkAkT1tm3r
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/width-and-height
Size: 800x600
Multi-file: no
Description: Demonstrates how the width and height properties of a BitmapText object reflect its dimensions as it is scaled via tweens.

## Change Bitmap Text Font Size
ID: vGKAKWqdFQ
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/change-font-size
Size: 800x600
Multi-file: no
Description: Learn how to dynamically update the font size of a static BitmapText object using pointer events.

## Change BitmapText Font
ID: aB7ebMTZvY
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/change-font
Size: 800x600
Multi-file: no
Description: Demonstrates how to swap the font of a single BitmapText object at runtime using the setFont method.

## Get Bitmap Text Bounds
ID: xYce8etxnb
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/get-text-size
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use the getTextBounds method to retrieve the dimensions and global position of BitmapText objects, useful for layout and alignment.

## Get BitmapText Bounds
ID: NQVzsgZzdk
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/get-bitmaptext-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to retrieve the world-space bounding box of a BitmapText object, accounting for scale and origin, and visualize it using a Graphics stroke.

## Large Content Bitmap Text
ID: NZuMQbj32N
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/large-text
Size: 1024x768
Multi-file: no
Description: Demonstrates rendering a large amount of text from an external file using a single BitmapText object with vertical scrolling.

## Multi Line Bitmap Text Alignment
ID: avRvq5Xgrz
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/multi-line-alignment
Size: 800x600
Multi-file: no
Description: Demonstrates how to align multiple lines of text within a single BitmapText object using right-alignment.

## Multi-Line Bitmap Text
ID: cK3uxaLLYE
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/multi-line
Size: 1024x768
Multi-file: no
Description: Learn how to display multiple lines of text within a single BitmapText object using newline characters.

## Multiline Bitmap Text Bounds
ID: MTLuZtT8k6
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/get-text-size-multiline
Size: 1024x768
Multi-file: no
Description: Learn how to use the getTextBounds method to calculate the dimensions of a multiline Bitmap Text object and visualize its global bounding box.

## Scaled BitmapText Bounds
ID: fBCsLvyuQq
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/get-text-size-scaled
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use getTextBounds to accurately retrieve the global size and position of a BitmapText object while it is being dynamically scaled.

## Static and Dynamic Bitmap Text
ID: yfuyqX5R2C
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/bitmaptext
Size: 1024x768
Multi-file: no
Description: Demonstrates how to load multiple bitmap fonts and display static, multi-line, and dynamically updated bitmap text.

## Tinted Bitmap Text
ID: nExK7KcxKu
Version: v4.1.0
Path: game objects/bitmaptext/static
URL: https://phaser.io/examples/v4.1.0/game objects/bitmaptext/static/view/tinted-text
Size: 1024x768
Multi-file: no
Description: Demonstrates how to apply color tints to Bitmap Text, including multi-color gradient tints for each corner of the object.

## Blitter Alpha
ID: 62bqeeSqgM
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/blitter-alpha
Size: 1024x768
Multi-file: no
Description: Demonstrates how to adjust the alpha transparency of individual Bobs within a Blitter object.

## Blitter and Camera Controls
ID: do2rpHXVyQ
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/blitter-camera-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to render a large grid of 10,000 sprites using a Blitter object and navigate the scene using keyboard-driven camera panning and zooming.

## Blitter Benchmark
ID: iwoBwjjW7B
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/benchmark-test-1
Size: 1024x768
Multi-file: no
Description: Demonstrates rendering performance by batching large numbers of static images using a Blitter object, with the ability to add 250 new bobs on every pointer click.

## Blitter Bob Frame Objects
ID: GbaAsXW6wn
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/bob-frame-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to create Bobs within a Blitter object by passing specific Texture Frame objects instead of string keys.

## Blitter Bob Tweens
ID: fbyKYZf4kL
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/tween-test-1
Size: 1024x768
Multi-file: no
Description: Demonstrates how to apply tweens to individual bobs within a Blitter object for high-performance movement and animation.

## Blitter Camera Controls (Canvas)
ID: PHozxuY5v2
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/blitter-camera-test-canvas
Size: 800x600
Multi-file: no
Description: Demonstrates a Blitter object with numerous items being panned and zoomed using camera controls while running in the Canvas renderer.

## Blitter Global Alpha
ID: tKeZfpgVyz
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/blitter-global-alpha
Size: 1024x768
Multi-file: no
Description: Demonstrates how to set a global alpha transparency for a Blitter object and how it affects individual bobs, including those with their own local alpha settings.

## Blitter Physics Benchmark
ID: 1ecKHvTbcj
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/benchmark-test-3
Size: 1024x768
Multi-file: no
Description: A stress test demonstrating the performance of the Blitter object while animating thousands of bobs with custom gravity and bouncing logic, featuring a visual object counter.

## Blitter Twist Scroller
ID: mbGZgQr7K3
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/twist-scroller
Size: 821x552
Multi-file: no
Description: A high-performance retro demo effect using the Blitter object to render animated text. It demonstrates scanning a font into raw data and applying complex mathematical transformations—such as sine waves, bounces, rotations, and cylinder distortions—to the individual 'bobs' forming the letters.

## Blitter with Multi-Atlas
ID: Jurs1g2Z7y
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/bobs-using-a-multi-atlas
Size: 800x600
Multi-file: no
Description: Shows how to use a Blitter object to display multiple bobs, each using a different frame from a Texture Packer multi-atlas.

## Canvas Blitter Benchmark
ID: wBxqQM3JwX
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/canvas-benchmark-1
Size: 1024x768
Multi-file: no
Description: A performance test demonstrating the Blitter object in Canvas mode, featuring hundreds of animated bouncing sprites with manual gravity, bounce physics, and an interactive counter.

## Create Bobs from Callback
ID: fRg8J6LTeL
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/create-from-callback
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use a custom callback function to programmatically position and initialize multiple bobs inside a Blitter game object.

## Interactive Blitter Benchmark
ID: M2GUD6ik4J
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/benchmark-test-2
Size: 1024x768
Multi-file: no
Description: Stress test the Blitter object by clicking to rapidly add hundreds of new objects using multiple atlas frames.

## Multiple Blitter Bobs
ID: uEvxLHX4Jy
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/multiple-bobs
Size: 1024x768
Multi-file: no
Description: Demonstrates how to create a Blitter game object and add multiple individual 'bob' instances to it at different positions using a single texture.

## Multiple Blitter Bobs from a Texture Atlas
ID: LuwDKQP4SD
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/multiple-atlas-frame-bobs
Size: 800x600
Multi-file: no
Description: Demonstrates how to create multiple bobs within a single Blitter object using different frames from a shared texture atlas, including relative positioning and horizontal flipping.

## Single Atlas Frame Bob
ID: x3iTkDEQCH
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/single-atlas-frame-bob
Size: 1024x768
Multi-file: no
Description: Demonstrates how to create a Blitter Bob using a specific frame from a loaded texture atlas.

## Single Blitter Bob
ID: 4zKVqSV3EG
Version: v4.1.0
Path: game objects/blitter
URL: https://phaser.io/examples/v4.1.0/game objects/blitter/view/single-image-bob
Size: 1024x768
Multi-file: no
Description: Demonstrates how to create a Blitter object and add a single Bob instance to it at a specific coordinate.

## Capture Frame as Texture
ID: 6AX2odb2Ah
Version: v4.1.0
Path: game objects/capture frame
URL: https://phaser.io/examples/v4.1.0/game objects/capture frame/view/better-cameras
Size: 800x600
Multi-file: no
Description: Demonstrates how to snapshot the current render stage into a texture using captureFrame, then display that texture in other Game Objects with applied filters and transformations.

## Underwater Displacement with Capture Frame
ID: FhfpYYRx4o
Version: v4.1.0
Path: game objects/capture frame
URL: https://phaser.io/examples/v4.1.0/game objects/capture frame/view/capture-underwater
Size: 1280x720
Multi-file: no
Description: Demonstrates using CaptureFrame to snapshot scene content and applying an animated displacement filter via a RenderTexture to create a wavy underwater effect.

## Add Array of Sprites to Container
ID: AWh7446Mu2
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/add-array-of-sprites-to-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to add multiple Game Objects to a Container simultaneously using an array and shows how transformations applied to the Container affect all its children collectively.

## Add Array of Sprites to Container at Index
ID: RmF4LKrCnw
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/add-array-of-sprites-at-index
Size: 800x600
Multi-file: no
Description: Demonstrates how to add multiple Game Objects to a Container simultaneously while specifying their insertion index in the display list.

## Add Emitter to Container
ID: AhTxx6BVpq
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/add-emitter-to-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to add a Particle Emitter to a Container and apply transformations like rotation to the entire group.

## Add Sprite To Container
ID: 7kiRE6f2L2
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/add-sprite-to-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to add multiple sprites as children of a Container, showing how child positions and transformations remain relative to the parent.

## Add TileSprite to Container
ID: G9oW3HeXFd
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/add-tilesprite-to-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to add a TileSprite inside a Container and animate its tile position properties while nested.

## Animated Sprites in a Container
ID: JccghArDNT
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/animation-test
Size: 800x600
Multi-file: no
Description: Demonstrates playing animations on multiple sprites grouped inside a Container and applying transforms to the container itself.

## Arcade Physics Sprite in Container
ID: dZNGvwqHSK
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/arcade-physics-sprite-test
Size: 800x600
Multi-file: no
Description: Demonstrates how Arcade Physics bodies interact when nested inside a Container, featuring collision detection, velocity, and world bounds between standard sprites and containerized ones.

## Arcade Physics with Containers
ID: 6jMgQAEmQA
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/arcade-physics-body-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply an Arcade Physics body to a Container. It highlights the importance of manually setting the container size before enabling physics to ensure the body correctly matches the grouped sprites.

## Camera and Container Transform Test
ID: t4hH6ApMKt
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/camera-transform-test
Size: 800x600
Multi-file: no
Description: Demonstrates how nested transformations inside a Container interact with Camera properties like zoom, rotation, and scroll while maintaining accurate input detection.

## Character Assembly with Containers
ID: cf1BdR3mR1
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/girl-body-sprites
Size: 800x600
Multi-file: no
Description: Demonstrates how to build a complex character by adding multiple individual sprite parts from a texture atlas into a single Container.

## Container Alpha
ID: FQvNFsDaUW
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates how setting the alpha transparency on a Container affects all of its children simultaneously, even when children have their own individual alpha values.

## Container and Child Input
ID: TBjJAEyKqX
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-and-child-input
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable input handling for both a Container and its individual child objects simultaneously, including using a custom shape for the container's hit area.

## Container As Mask
ID: 1sbyNn4UBs
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-as-mask
Size: 1024x768
Multi-file: no
Description: Demonstrates using a complex, nested Container hierarchy as a dynamic mask for a Sprite, featuring animated transformations of parent and child containers.

## Container Child Blend Modes
ID: gyW1LTo5d9
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/child-blend-mode
Size: 800x600
Multi-file: no
Description: This example demonstrates how individual Game Objects inside a Container can maintain their own unique blend modes when rendered.

## Container Child Input
ID: iapY5YaLrh
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-input-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to handle input events for sprites contained within a moving, scaled Container. Clicking a sprite changes its tint while the parent container moves across the screen.

## Container Child Order
ID: iZGoakewQC
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/child-order
Size: 800x600
Multi-file: no
Description: Demonstrates how to manipulate the rendering depth of Game Objects inside a Container using the bringToTop method.

## Container Depth
ID: q35TyRvRkh
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-depth
Size: 800x600
Multi-file: no
Description: Demonstrates how a Container and its children interact with the Scene display list depth, showing how multiple sprites can be grouped and transformed as a single unit above a background image.

## Container Hit Area
ID: WbcdZ1dKzw
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-hitarea
Size: 800x600
Multi-file: no
Description: Defines a custom circular hit area for a Container to handle pointer events for a group of Game Objects.

## Container Hit Area from Size
ID: kqaPVCAAJo
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-hitarea-from-size
Size: 800x600
Multi-file: no
Description: Learn how to make a Container interactive by manually setting its size to match its children. This enables the Container to detect pointer events like hover and click within the defined dimensions.

## Container Inverse Kinematics
ID: LyUVH84Arc
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-ik
Size: 1024x768
Multi-file: no
Description: Demonstrates nested Containers and how rotation and scale transformations propagate through a multi-jointed parent-child hierarchy to create complex animations.

## Container Mask
ID: ATE5GqVUcS
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-mask
Size: 1024x768
Multi-file: no
Description: Demonstrates how to apply a mask to a Container and its entire hierarchy of nested children, allowing for complex clipped animations.

## Container Placement
ID: oKefESQfPZ
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-placement
Size: 800x600
Multi-file: no
Description: Demonstrates how child objects and nested containers are positioned relative to their parent container's origin.

## Container Scroll Factor
ID: T7rJbLyLdB
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-scrollfactor
Size: 800x600
Multi-file: no
Description: Demonstrates how to set different scroll factors on Containers to create parallax effects as the camera moves.

## Container Trail with Shared Children
ID: Rhhejaybkg
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/twirl-1
Size: 800x600
Multi-file: no
Description: Demonstrates creating a complex twirl effect by disabling container exclusivity, allowing multiple Containers to share and transform the same set of sprites simultaneously.

## Container with Camera Zoom
ID: J7WZkzUkJV
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/container-and-camera-zoom
Size: 800x600
Multi-file: no
Description: Demonstrates how Containers interact with camera zoom and movement controls, featuring nested sprites and interactive camera navigation using SmoothedKeyControl.

## Container with Text and Sprite
ID: t2mvDJHM8W
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/text-and-sprite-test
Size: 800x600
Multi-file: no
Description: Grouping a Sprite and a Text object within a Container to demonstrate unified scaling and tweening of multiple game objects.

## Container World Transform Matrix
ID: hB1JqqG5Q9
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/parent-matrix
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a Transform Matrix to calculate the global (world) position, scale, and rotation of a Game Object nested within multiple containers.

## Create Container
ID: k9e3EjBC47
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/create-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to group multiple images into a Container and apply transforms, such as rotation, to the entire group at once.

## Draggable Container
ID: CcmKiLEfit
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/draggable-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable drag-and-drop functionality for a Container, allowing multiple game objects to be moved together as one interactive unit.

## Get Bounds of Nested Container Objects
ID: JB3oRU8wPv
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/get-bounds-test-1
Size: 1024x768
Multi-file: no
Description: Demonstrates how to retrieve the world-space bounding box for Game Objects nested inside a rotated Container, accounting for parent transformations as well as local rotation, scale, and origin.

## Get Child World Position
ID: i3e9d7woFC
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/get-child-world-position
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate the global world coordinates of a child object inside a moving Container using the local transform matrix.

## Input on Scaled Container Sprites
ID: S5Wd5otLrV
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/scaled-input-test
Size: 800x600
Multi-file: no
Description: Demonstrates interactive input detection on a sprite with negative scaling and a custom origin inside a Container.

## Input Overlap in Nested Containers
ID: 5qD7Phwa3G
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/input-overlap-test
Size: 1024x768
Multi-file: no
Description: Demonstrates pointer input detection and hover events for interactive Sprites nested within multiple levels of Containers.

## Inside Container Vs Outside Container
ID: zbG8oHXoNB
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/inside-container-vs-outside-container
Size: 1280x720
Multi-file: no
Description: A visual comparison of how rotation and scale transformations affect Game Objects when they are placed directly in the Scene versus when they are nested inside single or multiple parent Containers.

## Matter Physics Container
ID: XkD6tfBH1Q
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/matter-physics-body-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a Matter Physics body to a Container. Note that you must define the container size using setSize before enabling the physics body.

## Matter Physics Container and Camera Follow
ID: svviiyuj4v
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/matter-physics-body-test-camera
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a Matter physics body to a Container by setting an explicit size and configuring the camera to follow the container as it moves through the world.

## Matter Physics Sprite in Container
ID: tLiWMUcSeJ
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/matter-physics-sprite-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply Matter.js physics to a specific Game Object that is a child of a Container.

## Multi-Camera Container Input
ID: CYWXZdF5fv
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/multi-camera-input-test
Size: 1024x768
Multi-file: no
Description: Demonstrates how input events function correctly across multiple cameras with varying zoom, rotation, and scroll settings, specifically focusing on interactive Sprites inside a Container.

## Nested Container Input
ID: SvkLU5fKZy
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/nested-container-input-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to handle input events on a Sprite that is nested inside multiple levels of Containers.

## Nested Container Input
ID: 7MEwfGPY58
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/nested-input-test
Size: 800x600
Multi-file: no
Description: Demonstrates input event handling for interactive Game Objects nested within multiple layers of parent Containers, showing how hit areas correctly account for nested transformations like rotation and scale.

## Nested Container Transforms
ID: 9DLV3ZssuQ
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/multi-container-depth-test
Size: 800x600
Multi-file: no
Description: Demonstrates how transformations like rotation and position are inherited across single and multiple levels of nested Containers.

## Nested Container Visibility
ID: rN3xScyqUt
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/nested-container-visibility
Size: 800x600
Multi-file: no
Description: Demonstrates how toggling the visibility of a nested container affects all children within it, including images and other nested containers.

## Nested Get Bounds Test
ID: 2mNaexE6Nd
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/nested-get-bounds-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to accurately calculate the world-space bounds of a sprite nested inside multiple transformed containers using the getBounds method.

## Non-Exclusive Container Children
ID: UDqEAZ4oUo
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/twirl-4
Size: 800x600
Multi-file: no
Description: Demonstrates how to render the same sprites multiple times by adding them to multiple Containers using the setExclusive(false) property, combined with staggered tweens for a complex visual effect.

## Non-Exclusive Containers
ID: 5DXTvFcGCq
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/non-exclusive-containers
Size: 800x600
Multi-file: no
Description: Demonstrates how to add the same Game Object to multiple containers simultaneously by disabling exclusivity, allowing a single object to be rendered in multiple locations with different transformations.

## Non-Exclusive Containers
ID: JQyPuEpTLR
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/multiple-non-exclusive-containers
Size: 800x600
Multi-file: no
Description: Demonstrates using non-exclusive containers to add the same Game Objects to multiple container parents, allowing a single sprite to be rendered multiple times with different transforms.

## Non-Exclusive Containers with Shared Sprites
ID: dcL65XuqZv
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/twirl-3
Size: 800x600
Multi-file: no
Description: Demonstrates using setExclusive(false) to add the same sprite instances to multiple containers, combined with staggered container tweens to create a complex visual twirl effect.

## Non-Exclusive Shared Container Children
ID: BQ8CCc9iT8
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/twirl-6
Size: 800x600
Multi-file: no
Description: Demonstrates using the setExclusive(false) method to allow multiple Containers to share and render the same set of Sprites simultaneously, creating complex visual effects with additive blending and staggered tweens.

## Rotated Container Input
ID: DpsTdPopAj
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/rotated-input-test
Size: 800x600
Multi-file: no
Description: Demonstrates how input events function correctly for interactive Game Objects placed inside a rotated Container.

## Rotating a Container
ID: wWPu52qheB
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/rotation
Size: 800x600
Multi-file: no
Description: This example shows how rotating a Container automatically rotates all of its child Game Objects, such as images and text, as a single group.

## Twirl Effect with Non-Exclusive Containers
ID: viT534xoUt
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/twirl-2
Size: 800x600
Multi-file: no
Description: Demonstrates creating a complex visual effect by adding the same sprites to multiple non-exclusive containers and applying staggered tween animations.

## Twirl with Non-Exclusive Containers
ID: 2TvwCyo4dL
Version: v4.1.0
Path: game objects/container
URL: https://phaser.io/examples/v4.1.0/game objects/container/view/twirl-5
Size: 800x600
Multi-file: no
Description: Demonstrates the use of non-exclusive containers to share the same set of sprites across multiple container instances, creating a complex twirling effect through staggered tweens.

## Add to Container
ID: MqWreKKhKZ
Version: v4.1.0
Path: game objects/display list
URL: https://phaser.io/examples/v4.1.0/game objects/display list/view/add-to-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically create Sprites and add them to a Container object on user input, while tracking the container's size.

## Add To Display List
ID: K2g8JPUCkt
Version: v4.1.0
Path: game objects/display list
URL: https://phaser.io/examples/v4.1.0/game objects/display list/view/add-to-display-list
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually add a Game Object to a Scene's display list using the addToDisplayList method after instantiating it with a constructor.

## Move Game Objects Between Containers
ID: JwWRyUkUkn
Version: v4.1.0
Path: game objects/display list
URL: https://phaser.io/examples/v4.1.0/game objects/display list/view/move-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically transfer Game Objects from one Container to another at runtime, updating their parent and tracking container sizes.

## Move Sprites Between Layers
ID: CA9zrCQzSz
Version: v4.1.0
Path: game objects/display list
URL: https://phaser.io/examples/v4.1.0/game objects/display list/view/move-layer
Size: 800x600
Multi-file: no
Description: This example demonstrates how to move Game Objects between different Layer containers. Clicking a sprite transfers it from one Layer to another, updating the display list hierarchy.

## Moving Objects Between Scene and Container
ID: ScGCRERa4P
Version: v4.1.0
Path: game objects/display list
URL: https://phaser.io/examples/v4.1.0/game objects/display list/view/display-list-to-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to transfer Game Objects between the global Scene display list and a Container, showing how parentage and list sizes automatically update.

## Moving Sprites Between Display List and Layer
ID: E6BfoSFntP
Version: v4.1.0
Path: game objects/display list
URL: https://phaser.io/examples/v4.1.0/game objects/display list/view/display-list-to-layer
Size: 800x600
Multi-file: no
Description: Learn how to move Game Objects between the Scene's main display list and a Layer. This example shows how to use layer.add and addToDisplayList to transfer objects between containers.

## Remove From Display List
ID: jAgYWND6cP
Version: v4.1.0
Path: game objects/display list
URL: https://phaser.io/examples/v4.1.0/game objects/display list/view/remove-from-display-list
Size: 800x600
Multi-file: no
Description: Demonstrates how to remove Game Objects from the Scene's display list using the removeFromDisplayList method upon user interaction.

## Swap Game Objects Between Containers
ID: ZsZ83YB9jF
Version: v4.1.0
Path: game objects/display list
URL: https://phaser.io/examples/v4.1.0/game objects/display list/view/swap-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to move sprites between different Container instances dynamically and track container child counts.

## CSS Styled DOM Text
ID: N5YQPbgM94
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/css-text
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an external CSS file and apply styles to DOM elements using class names, while treating them as game objects that can be rotated and animated with tweens.

## Div Depth
ID: EC3S1Cw6Bo
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/div-depth
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use DOM Game Objects and control their rendering order relative to each other using the setDepth method.

## DOM Element 3D Rotation
ID: VzDGnjeFLN
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/rotate3d
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply 3D rotation and perspective to a DOM Game Object and animate the rotation using a Tween.

## DOM Element Arcade Physics
ID: guxSgTAW8N
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/cursors-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to integrate a DOM element into the Arcade Physics system and move it using keyboard controls.

## DOM Element Blend Modes
ID: 4ZSjuBZtT4
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/blend-mode
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply CSS blend modes to DOM Game Objects, allowing them to interact visually with underlying scene content.

## DOM Element Camera Movement
ID: 3KCz9F7oHb
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/move-camera
Size: 800x600
Multi-file: no
Description: Demonstrates how DOM elements interact with camera movement, featuring parallax scroll factors and 3D CSS rotations.

## DOM Element CSS Style Object
ID: HZEtoCuSmL
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/css-style-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a DOM element and apply multiple CSS styles to it using a JavaScript style object.

## DOM Element from Div
ID: k4Kbs84dYX
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/using-a-div
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a standard HTML div, style it, and add it to the scene as a DOM Game Object. It also shows how to apply transformations and nest the DOM element within a Phaser Container.

## DOM Element in a Container
ID: TRovrf53dR
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/div-position-test-4
Size: 800x600
Multi-file: no
Description: Demonstrates how DOM elements behave when parented to a Container, including the inheritance of rotation and scale transformations.

## DOM Element in a Container
ID: 5ajmmjVRWw
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/div-position-test-5
Size: 800x600
Multi-file: no
Description: Demonstrates placing a DOM element inside a Container and applying rotations and scale transformations using Tweens.

## DOM Element Input Form
ID: FA1KyHYEgj
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/input-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to integrate HTML input forms into a Phaser scene, including handling form events, retrieving input values, and combining DOM elements with interactive, draggable game objects.

## DOM Element Origin and Tweens
ID: XqnoTQ3ur9
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/div-position-test-3
Size: 800x600
Multi-file: no
Description: Demonstrates setting the origin of a DOM element and applying tweens for rotation and scaling, while keeping it synchronized with the game canvas.

## DOM Element Rotation and Scale
ID: LvEcKc8TZ6
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/div-position-test-2
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply rotation, scaling, and origin settings to a DOM element and animate it using a Tween.

## DOM Element Skew
ID: EzQiTwadga
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/skew
Size: 800x600
Multi-file: no
Description: Demonstrates applying and tweening skewX and skewY properties on a DOM Element Game Object.

## DOM Element Transformation
ID: CpdEpB3jAf
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/div-position-test-1
Size: 800x600
Multi-file: no
Description: Demonstrates creating a styled HTML div as a DOM Element and applying rotation and scale transforms using the Tween Manager.

## DOM Element Video
ID: LW5KgNarJs
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/video-element
Size: 800x600
Multi-file: no
Description: Demonstrates how to integrate a native HTML5 video element into a Phaser scene using a DOM Element game object and handle its lifecycle events.

## Form Input
ID: 7SxLJvY9cK
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/form-input
Size: 800x600
Multi-file: no
Description: Demonstrates how to create an interactive HTML login form as a DOM element, capture input values from text fields, and apply Phaser tweens to the form container.

## Physics on DOM Elements
ID: haZp6HPX3B
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/physics-element
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply an Arcade Physics body to a DOM Element, enabling it to move, bounce, and collide with other game objects like sprites.

## Sleeping Scene DOM Element Test
ID: mdPQg9b75F
Version: v4.1.0
Path: game objects/dom element
URL: https://phaser.io/examples/v4.1.0/game objects/dom element/view/sleeping-scene-test
Size: 800x600
Multi-file: no
Description: Demonstrates how DOM Game Objects behave when a Scene is put to sleep or switched during gameplay.

## Three.js Filters
ID: gnPhQeEkTP
Version: v4.1.0
Path: game objects/extern
URL: https://phaser.io/examples/v4.1.0/game objects/extern/view/threejs-filters
Size: 1280x720
Multi-file: no
Description: Demonstrates applying Phaser post-processing filters, such as blur, to a 3D Three.js scene integrated via an Extern Game Object.

## Three.js Integration using Extern
ID: dG9enpAGZ6
Version: v4.1.0
Path: game objects/extern
URL: https://phaser.io/examples/v4.1.0/game objects/extern/view/threejs-cube
Size: 800x600
Multi-file: no
Description: Demonstrates how to integrate Three.js within a Phaser scene using the Extern game object to render 3D meshes alongside 2D sprites while sharing the same WebGL context.

## Advanced Gradient Offsets and Shapes
ID: rh8Fkq9NPX
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/weird-gradient-offsets
Size: 1280x720
Multi-file: no
Description: Demonstrates how different gradient shape modes, such as bilinear and symmetric conic, create unique visual effects like mirroring and kaleidoscopic patterns when their offsets and shapes are manipulated over time.

## Animate Gradient Offset
ID: Sxb7JhFoHz
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/animate-gradient-offset
Size: 800x600
Multi-file: no
Description: Demonstrates animating the offset property of a radial gradient and using captureFrame to apply it as a dynamic displacement map for an image.

## Animated Gauge with Conic Gradient
ID: JR1zhJR9Ex
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gauge-with-masked-gradient
Size: 800x600
Multi-file: no
Description: Create a color-changing gauge by masking an asymmetrical conic gradient with an animated Graphics arc.

## Asymmetric Conic Gradient
ID: MYugTpFaTZ
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gradient-shape-mode-conic-asymmetric
Size: 800x600
Multi-file: no
Description: This example demonstrates how to create and animate an asymmetric conic gradient, allowing for off-center focal points and custom transition angles.

## Bilinear Gradient Shape
ID: wZ7k8aUEbU
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gradient-shape-mode-bilinear
Size: 800x600
Multi-file: no
Description: Demonstrates the bilinear shape mode for gradients, allowing for two-dimensional color transitions based on a defined start point and shape coordinate.

## Conic Symmetric Gradient Shape
ID: 5xWp5KxUWg
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gradient-shape-mode-conic-symmetric
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and animate a symmetric conic gradient object, featuring smooth color transitions radiating from a central point.

## Generating Normal Maps from Gradients
ID: yudWCFceTt
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/create-normal-map-with-gradients
Size: 800x600
Multi-file: no
Description: Learn how to programmatically create a spherical normal map by combining RGB gradient layers into a Dynamic Texture, then apply it to a light filter for real-time environment mapping.

## Gradient Flare
ID: GYLrJd24SE
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gradient-flare
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a radial lens flare effect using the Gradient Game Object with multiple color bands and an animated offset.

## Gradient Repeat Mode Truncate
ID: ZCi1UmsFcd
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gradient-repeat-mode-1-truncate
Size: 800x600
Multi-file: no
Description: This example demonstrates the Truncate repeat mode for Gradient Game Objects, where the gradient is constrained within its defined shape without repeating or extending beyond its bounds.

## Gradient Repeat Mode: Extend
ID: ho76jxvc2W
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gradient-repeat-mode-0-extend
Size: 800x600
Multi-file: no
Description: Demonstrates the 'Extend' repeat mode for gradients, where the edge colors are stretched to fill the remainder of the Game Object's area.

## Gradient Repeat Mode: Sawtooth
ID: 1NtK7QPnjy
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gradient-repeat-mode-2-sawtooth
Size: 800x600
Multi-file: no
Description: Demonstrates the Sawtooth repeat mode for a Gradient Game Object, creating a repeating linear pattern that resets to the start color at the beginning of every cycle.

## Gradient Repeat Mode: Triangular
ID: UL3ARSPgmk
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gradient-repeat-mode-3-triangular
Size: 800x600
Multi-file: no
Description: Demonstrates the triangular repeat mode for gradients, which creates a mirrored back-and-forth pattern as the gradient repeats across the Game Object.

## Linear Gradient Shape
ID: g2eqyvMWNp
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gradient-shape-mode-linear
Size: 800x600
Multi-file: no
Description: Demonstrates creating and animating a linear gradient Game Object, including adjusting its position and rotation.

## Radial Gradient Shape Mode
ID: Cwi4dbgWnV
Version: v4.1.0
Path: game objects/gradient
URL: https://phaser.io/examples/v4.1.0/game objects/gradient/view/gradient-shape-mode-radial
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and animate a radial gradient using shapeMode, including color band configuration and center point positioning.

## 3D Wireframe OBJ Viewer
ID: LYpacF9oVq
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/obj-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to parse 3D .obj files and render them as animated wireframe objects using Phaser Graphics and manual vertex rotation math.

## 3D Wireframe Teapot
ID: hzta4hNRgG
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/teapot
Size: 800x600
Multi-file: no
Description: Demonstrates parsing a 3D .obj model and rendering it as a rotating wireframe using Graphics primitives with manual vertex rotation and back-face culling.

## Arc Stroke
ID: vPJHgrnADm
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/arc-stroke
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw and stroke circular arcs using Graphics, including setting line widths, colors, and arc directions.

## Atari Graphics Lines
ID: 1pVpJMVYet
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/atari-lines
Size: 800x600
Multi-file: no
Description: Demonstrates drawing complex vector shapes and stylized outlines using Graphics path commands like beginPath, moveTo, lineTo, and strokePath.

## Circle Overlap
ID: S3ddpLvwmz
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/circle-overlap
Size: 800x600
Multi-file: no
Description: Learn how to create and animate multiple Graphics objects containing concentric circles to produce a dynamic overlapping visual effect.

## Drawing Filled Shapes with Graphics
ID: LxBTG5rEbo
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/rect-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Graphics object to draw solid and semi-transparent rectangles and triangles.

## Drawing Star Shapes
ID: U1qZGDBU6Q
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/star-shape
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Graphics object to procedurally draw star shapes by calculating vertex positions based on points, radii, and line styles.

## Fill Rounded Rectangle
ID: wXhCx8psPJ
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/fill-rounded-rectangle
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw filled rounded rectangles using the Graphics object, featuring both uniform corner radii and custom radius values for individual corners.

## Filled Rectangles
ID: BcZ1q1ACfu
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/fill-rect
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Graphics object to draw multiple overlapping filled rectangles with varying transparency levels.

## Generate Texture for Blitter
ID: VhMAa58upq
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/generate-texture-to-blitter
Size: 1024x768
Multi-file: no
Description: Demonstrates creating a custom shape with a Graphics object, converting it into a reusable texture, and then using that texture to render high-performance bobs within a Blitter object.

## Generate Texture from Graphics
ID: rQ78Jw9t7y
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/generate-texture-to-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw shapes using a Graphics object and convert them into a reusable texture that can be applied to an Image Game Object.

## Generate Texture from Graphics
ID: FNRvuhRkQR
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/generate-texture-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to convert a Graphics object into a reusable texture that can be applied to Images or Sprites.

## Generate Texture to TileSprite
ID: GE5cmC2oA6
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/generate-texture-to-tilesprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw shapes with Graphics, convert them into a reusable texture key, and apply that texture to a scrolling TileSprite.

## Graphics Arc
ID: vJmjgEMf4B
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/arc
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw a curved arc using the Graphics object, specifying the center position, radius, start and end angles, and direction.

## Graphics Arc Chomp Animation
ID: HMWjC2YvcC
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/pacman-arc-chomp-chomp
Size: 800x600
Multi-file: no
Description: Create an animated chomping effect by dynamically updating the angles of a Graphics slice using a Tween counter.

## Graphics Canvas Transformations
ID: ua8q1JR57J
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/transform
Size: 800x600
Multi-file: no
Description: Demonstrates using translate, scale, and rotate transformations within a Graphics object to draw and animate multiple shapes using a canvas-style state stack.

## Graphics in a Container
ID: MdwnmKYn2k
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/graphics-in-a-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to add a Graphics object to a Container and draw shapes using coordinates relative to the container's position.

## Graphics Line Styles
ID: LfJGynEnkq
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/graphics-styles
Size: 800x600
Multi-file: no
Description: Learn how to configure stroke properties including thickness, color, and alpha when drawing shapes using the Graphics object.

## Graphics Line Tracing
ID: h5K5K9kNic
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/trace
Size: 800x600
Multi-file: no
Description: Interactively draw and commit persistent lines to the screen using pointer events, geometry shapes, and the Graphics object.

## Graphics Rendering and Transformations
ID: 2a4DF6sMQU
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/graphics-rendering
Size: 800x600
Multi-file: no
Description: Draw a complex star shape using Graphics path commands and apply real-time rotation and scaling transformations.

## Graphics Transformation Logo
ID: SVV8dyyx7t
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/phaser-logo
Size: 800x600
Multi-file: no
Description: Demonstrates creating an animated, multi-layered vector logo using Graphics path drawing combined with canvas-style translation, rotation, and scaling.

## Health Bars using Graphics
ID: pBnv2Ak4Mz
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/health-bars-demo
Size: 1024x600
Multi-file: no
Description: Create dynamic, reusable health bars for game objects by drawing and updating rectangles with the Graphics object.

## Line Rendering with Graphics
ID: Bh2cyNfDxM
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/line-rendering
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Graphics object to draw geometric shapes and custom paths with specific line and fill styles, while applying real-time rotation and scaling.

## Line Thickness
ID: jXAnQsCaKj
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/line-thickness
Size: 800x600
Multi-file: no
Description: Learn how to define the width and color of strokes when drawing rectangles, circles, and custom paths using the Graphics object.

## Many Stars
ID: Z2ugJv71fH
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/many-stars
Size: 800x600
Multi-file: no
Description: Demonstrates rendering and animating a large number of individual Graphics objects, featuring procedurally drawn stars with updating rotation and scale.

## Motion Trail with Graphics
ID: mCD16U2wL6
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/multiple-stroke-rects
Size: 800x600
Multi-file: no
Description: Create a colorful motion trail effect by storing a history of coordinates and drawing them sequentially using a Graphics object and an HSV color wheel.

## Mouse Trail with Graphics
ID: 9DPpujMw9p
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/mouse-trail
Size: 1024x768
Multi-file: no
Description: Create a dynamic, multi-colored mouse trail using a Graphics object by drawing a continuous path through a history of pointer positions with varying line thickness and color.

## Multiple Cameras and Effects
ID: rSvMz5Lhtu
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/multiple-cameras
Size: 800x600
Multi-file: no
Description: Create multiple camera viewports within a single Scene to display the same game objects with different simultaneous effects including shake, flash, fade, zoom, and rotation.

## Multiple Graphics Instances
ID: iQNmMt46w5
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/multiple-graphic-instances
Size: 800x600
Multi-file: no
Description: Create and update hundreds of individual Graphics objects, each with unique positions, rotations, and scales.

## Pacman Arc
ID: ieGBBcS1Qm
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/pacman-arc
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Graphics.slice method to draw a partial circle, creating a filled Pacman-style shape.

## Phaser Logo Shift
ID: 6anNErBRgt
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/phaser-logo-shift
Size: 800x600
Multi-file: no
Description: Demonstrates complex Graphics transformations, color cycling, and manual vector drawing to create an animated, multi-layered logo effect.

## Primitive Graphics Shapes
ID: 8ZF2sA4tkH
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/primitive-types
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw basic shapes using the Graphics object, including rectangles, circles, and ellipses with custom fill and line styles.

## Pseudo-3D Graphics Logo
ID: mnZr4CM5uK
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/phaser-logo-3d
Size: 800x600
Multi-file: no
Description: Demonstrates a pseudo-3D stacking effect by rendering multiple layers of a vector-drawn logo using Graphics transformations, coordinate offsets, and HSV color cycling.

## Rendering Thousands of Circles with Graphics
ID: TePohjs1Bd
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/circles-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to efficiently draw and animate 2,000 individual circles using a single Graphics object within the update loop.

## Spinning 3D Wireframe Cube
ID: vuZE8eVwx6
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/spinning-cube
Size: 800x600
Multi-file: no
Description: Demonstrates rendering a rotating 3D wireframe cube by manually calculating vertex rotations and drawing the edges using the Graphics object.

## Stroke Circle
ID: MZxxfGDGji
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/stroke-circle
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw a circle outline using Graphics lineStyle and the strokeCircle method.

## Stroke Path
ID: 8TAJzhrcoX
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/stroke-path
Size: 800x600
Multi-file: no
Description: Learn how to draw custom vector shapes by defining a path of points and applying a line style to outline it using a Graphics object.

## Stroke Rect
ID: eEGmqpNo2W
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/stroke-rect
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw the outline of a rectangle using the Graphics object, including setting the line thickness, color, and alpha.

## Stroke Rounded Rectangle
ID: K1FXu6Avxw
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/stroke-rounded-rectangle
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw the outline of rounded rectangles with both uniform corner radii and individual radii for each corner using the Graphics object.

## Stroke Triangle
ID: GpHH2sohuC
Version: v4.1.0
Path: game objects/graphics
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/view/stroke-triangle
Size: 800x600
Multi-file: no
Description: This example shows how to use a Graphics object to draw the outline of a triangle by defining three coordinate points and a custom line style.

## Draw a Stroked Path
ID: 2Mn15a6z9q
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/path-stroked
Size: 800x600
Multi-file: no
Description: Create a custom shape using the Graphics object by defining a path with line commands and rendering its outline with a specific stroke style.

## Filled Arcs
ID: raLDaz8fez
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/arc-filled
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw and fill arc shapes using Graphics primitives, including both clockwise and counter-clockwise directions.

## Filled Rectangles
ID: kCa1xURXfo
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/rectangle-filled
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw filled rectangles using the Graphics object, including setting fill colors and alpha transparency.

## Graphics Gradient Fill
ID: QE94TcQ2yo
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/arc-gradient-filled
Size: 800x600
Multi-file: no
Description: Apply color gradients to primitive shapes, such as circles, using the fillGradientStyle method within a Graphics object.

## Graphics Triangle with Gradient Fill
ID: c11k38iThV
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/triangle-gradient-filled
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply multi-color gradients to triangle primitives using the fillGradientStyle method on a Graphics object.

## Line Between
ID: fdmLe4hT1H
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/line-filled
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw a straight line between two points with a custom thickness and color using the Graphics object.

## Line Between
ID: WhGqD27web
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/line-between
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw a single straight line between two specific coordinates using Graphics.

## Line Gradient Stroke
ID: TnRPyfuaXq
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/line-gradient-stroked
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw a line between two points with a multi-color gradient stroke using the Graphics object.

## Multi-Scene Graphics Rendering
ID: 59kKVUAEhD
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/scene-stack-test
Size: 800x600
Multi-file: no
Description: Demonstrates rendering Graphics objects and images across multiple simultaneous scenes, showing scene stacking and the use of custom viewports.

## Path Gradient Fill
ID: sHmoyiec2F
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/path-gradient-filled
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a four-color gradient to a custom path using fillGradientStyle in the Graphics object.

## Rectangle Fill and Gradient
ID: MmJcNGUeEb
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/rectangle-filled-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw filled rectangles using solid colors and multi-color gradients with the Graphics object.

## Rectangle Gradient Fill
ID: LjT8gcDe2d
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/rectangle-gradient-filled
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply multi-color gradients to Graphics rectangles using fillGradientStyle to define corner colors.

## Rectangle Stroked
ID: XWgQ5cddVA
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/rectangle-stroked
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw outlined rectangles using the Graphics object and custom line styles.

## Split Path Filled
ID: Wm3Zzah2DU
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/split-path-filled
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw and fill multiple separate shapes within a single Graphics path by using moveTo to start new sub-paths.

## Stroked Arcs
ID: LTizfsGLS2
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/arc-stroked
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw outlined arcs using the Graphics object, including setting line styles and defining circular paths.

## Stroked Triangle
ID: y2cYQ3HFaQ
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/triangle-stroked
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw outlined triangles using different line styles, widths, and colors with the Graphics object.

## Triangle Gradient Strokes
ID: KQEmiptKok
Version: v4.1.0
Path: game objects/graphics/primitives
URL: https://phaser.io/examples/v4.1.0/game objects/graphics/primitives/view/triangle-gradient-stroked
Size: 800x600
Multi-file: no
Description: Demonstrates how to use lineGradientStyle to draw triangle outlines with multi-colored gradient strokes.

## Create Group from Config
ID: xZLP9qrqRK
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/create-invaders
Size: 800x600
Multi-file: no
Description: Demonstrates how to populate a Group using configuration objects or arrays to define repetition, spacing, and initial properties for multiple sprites.

## Destroy Group Children
ID: Cvi2J3VNuR
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/destroy-child
Size: 800x600
Multi-file: no
Description: Demonstrates how calling destroy() on a Game Object automatically removes it from any Group it belongs to.

## Group Create Child
ID: yH9fqfh3jY
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/create-child
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the group.create method to instantiate a new Sprite and automatically add it to both the Group and the Scene display list.

## Group Create Multiple
ID: JR1EhdDQtS
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/create-multiple
Size: 800x600
Multi-file: no
Description: Learn how to batch-create multiple Game Objects within a Group using configuration options like frame lists, quantities, and repeat counts.

## Group Create Multiple Keys
ID: AxVK9QERxV
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/create-multiple-keys
Size: 800x600
Multi-file: no
Description: Demonstrates how to populate a Group with multiple texture keys and frames simultaneously using the createMultiple method, including options for random frame selection and quantities.

## Group Rotation Step
ID: bdqmcZhiNP
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/set-rotation
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply an incremental rotation to group members during creation using the setRotation step property.

## Group Set Scale
ID: eCLR4e752v
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/set-scale
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Group configuration object to initialize multiple sprites with specific scale values and incremental scale steps.

## Group setXY Configuration
ID: QNqyFVKc9g
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/set-x
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the setXY property in a Group configuration to position multiple sprites with incremental horizontal spacing.

## Group setXY Configuration
ID: nEkxxPhiBy
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/set-xy
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the setXY property when creating a Group to automatically position sprites with optional horizontal and vertical stepping.

## Group setXY Vertical Spacing
ID: aPVgKce1tz
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/set-y
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the setXY property in a Group configuration to automatically position and vertically space multiple sprites using a stepY value.

## Multiple Group Configurations
ID: rdMM1v6BGk
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/multiple-adds
Size: 800x600
Multi-file: no
Description: Demonstrates how to pass an array of multiple configuration objects to a Group to create different sets of children with their own frames and positioning rules simultaneously.

## Random Frame Group Creation
ID: 5NeSGUuyro
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/random-frame
Size: 800x600
Multi-file: no
Description: Demonstrates how to populate a group with sprites that are assigned random frames from a spritesheet and organized into a grid layout.

## Shuffle Group Children
ID: pLFDuGijaW
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/shuffle
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Actions.Shuffle to randomly reorder the render depth of children within a Group.

## Sprite Pool
ID: NLcProeqnW
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/sprite-pool
Size: 800x600
Multi-file: no
Description: Demonstrates how to implement an object pool using a Group to efficiently recycle sprites, manage a maximum capacity, and monitor active versus inactive objects.

## Swirl Rotation Action
ID: fF7hYf9cwc
Version: v4.1.0
Path: game objects/group
URL: https://phaser.io/examples/v4.1.0/game objects/group/view/swirl
Size: 800x600
Multi-file: no
Description: Demonstrates using Phaser.Actions.Rotate to apply an incremental rotation to a group of sprites, creating a swirling visual effect.

## Custom Game Object
ID: ohzaD6ALeJ
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/custom-game-object
Size: 800x600
Multi-file: no
Description: Extend a built-in Sprite class and register it with the Game Object Factory to enable shorthand creation and custom internal update logic.

## Custom Image Class
ID: Axh5oKMvdZ
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/custom-image-class
Size: 1024x768
Multi-file: no
Description: Learn how to extend the Phaser Image class to create your own custom game object types and add them to the Scene.

## Custom Image Class with ES6
ID: V6Yk6qqqZx
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/custom-image-class-es6
Size: 1024x768
Multi-file: no
Description: Demonstrates how to create a custom game object by extending the Image class using ES6 syntax and adding instances to the scene.

## Destroy an Image
ID: eQbZDFunTB
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/destroy-an-image
Size: 800x600
Multi-file: no
Description: Demonstrates how to permanently remove an Image Game Object from a Scene using the destroy method, including how to safely check for the object's existence in the update loop.

## Flip Image
ID: 7pCyqKTbrU
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/flip
Size: 800x600
Multi-file: no
Description: Demonstrates how to flip a Game Object horizontally and vertically using the flipX and flipY properties.

## Get Image Bounds
ID: 8dZhh1P2yD
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/get-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates using the getBounds method to retrieve the axis-aligned bounding box of a Game Object as it scales and rotates.

## Image Alpha
ID: qFNfaAA1GE
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/image-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates how to change the transparency of an image by setting its alpha property.

## Image Bounds
ID: mjvUkFETuC
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/image-bounds
Size: 1024x768
Multi-file: no
Description: Demonstrates how to retrieve and visualize the axis-aligned bounding box (AABB) of rotating and scaling images using the getBounds method.

## Image Edge Points
ID: nbhzoxVc26
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/image-edge-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to retrieve the world coordinates of an Image's corners and center edges using methods like getTopLeft and getBottomRight, even as the object rotates and scales.

## Image Offset
ID: bcPFtpuv5A
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/image-offset
Size: 1024x768
Multi-file: no
Description: Demonstrates how to position multiple images at specific X and Y coordinates within a scene.

## Image Rotation
ID: s8zhHEnDNd
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/image-rotation
Size: 800x600
Multi-file: no
Description: Rotate an image by incrementing its rotation property inside the update loop.

## Make Image from Configuration
ID: Fe4KtqkAj6
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/make-image-from-config
Size: 800x600
Multi-file: no
Description: Demonstrates how to create an image using a configuration object, featuring the use of random range generators (randInt, randFloat), random selection from arrays, and dynamic functions for property values.

## Multiple Image Alpha
ID: MMasaAuMzn
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/multiple-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates how to set different transparency levels for multiple image Game Objects using the setAlpha method.

## Multiple Image Rotation
ID: a8DY27YJX2
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/multiple-image-rotation
Size: 1024x768
Multi-file: no
Description: Learn how to rotate multiple Image Game Objects independently by updating their rotation property at different speeds and directions within the update loop.

## Single Image Rotation
ID: 79UZPX4mVj
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/single-image
Size: 800x600
Multi-file: no
Description: Demonstrates loading an image, displaying it on the screen, and updating its rotation property every frame.

## Sprite Additive Blending
ID: 1E5Gu2pMZa
Version: v4.1.0
Path: game objects/images
URL: https://phaser.io/examples/v4.1.0/game objects/images/view/blend-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply the 'ADD' blend mode to images, showing how colors combine additively as they move over a background sprite.

## Add Sprite to Layer
ID: ECfh6Gk1dU
Version: v4.1.0
Path: game objects/layer
URL: https://phaser.io/examples/v4.1.0/game objects/layer/view/add-sprite-to-layer
Size: 800x600
Multi-file: no
Description: Learn how to add multiple existing Sprites to a Layer object and toggle the visibility of the entire group.

## Create Layer
ID: Nzn1VrQbYL
Version: v4.1.0
Path: game objects/layer
URL: https://phaser.io/examples/v4.1.0/game objects/layer/view/create-layer
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a Layer Game Object to group sprites and toggle their visibility collectively.

## Depth Sort Layer Children
ID: LGT2TSj33Q
Version: v4.1.0
Path: game objects/layer
URL: https://phaser.io/examples/v4.1.0/game objects/layer/view/depth-sort-layer-children
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the depth property to automatically sort Game Objects within a Layer, creating a pseudo-3D effect based on their vertical position.

## Layer Filter
ID: KjRAT6dL8Q
Version: v4.1.0
Path: game objects/layer
URL: https://phaser.io/examples/v4.1.0/game objects/layer/view/layer-filter
Size: 800x600
Multi-file: no
Description: Demonstrates applying a post-processing filter to a Layer object to affect all of its children simultaneously, while leaving objects outside the layer untouched.

## Layer with Bitmap Mask
ID: bBov52BHQy
Version: v4.1.0
Path: game objects/layer
URL: https://phaser.io/examples/v4.1.0/game objects/layer/view/layer-with-bitmap-mask
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a bitmap mask to an entire Layer, ensuring all children within the layer are masked by a single external image.

## Layer With Geometry Mask
ID: PkYtJuhCYt
Version: v4.1.0
Path: game objects/layer
URL: https://phaser.io/examples/v4.1.0/game objects/layer/view/layer-with-geometry-mask
Size: 800x600
Multi-file: no
Description: Demonstrates applying a geometry mask to a Layer object, allowing you to clip all of the layer's children simultaneously using a single mask shape.

## Move Between Layers
ID: FuUdu7rQmk
Version: v4.1.0
Path: game objects/layer
URL: https://phaser.io/examples/v4.1.0/game objects/layer/view/move-between-layers
Size: 800x600
Multi-file: no
Description: Demonstrates how to transfer Game Objects between different Layers dynamically. Moving an object to a new Layer updates its rendering context, allowing it to inherit different filters and display list properties.

## Nested Layers
ID: V7GjykJ1zK
Version: v4.1.0
Path: game objects/layer
URL: https://phaser.io/examples/v4.1.0/game objects/layer/view/nested-layers
Size: 800x600
Multi-file: no
Description: Demonstrates how to nest one Layer within another to create a hierarchy, showing how visibility states propagate from parent layers to their children.

## Animated Sprite Sheet with Lighting
ID: Q8d7Xz61Eh
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/sprite-sheet-light
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply 2D lighting to animated spritesheets by loading and using normal maps for sprite frames.

## Bitmap Text with Lighting
ID: JLuH7uUZr6
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/bitmap-text-light
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply dynamic 2D lighting to Bitmap Text using normal maps, allowing text to react to moving light sources and color changes.

## Blitter Lighting
ID: gRgQ85goJA
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/blitter-light
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply the 2D lighting system to a Blitter object using normal maps and a dynamic point light that follows the cursor.

## Changing Maximum Lights
ID: VhxF4khUxq
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/change-max-lights
Size: 800x600
Multi-file: no
Description: Learn how to configure the maximum number of concurrent lights available in a scene using the maxLights property in the Game Config object.

## Create Point Light
ID: 2rbxJBstiT
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/create-point-light
Size: 800x600
Multi-file: no
Description: Demonstrates how to add and interactively modify 2D point lights by adjusting properties such as color, radius, and attenuation.

## Drawing with Point Lights
ID: WUSnJpumFe
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/draw-light
Size: 800x600
Multi-file: no
Description: Demonstrates how to add and manipulate point lights dynamically. Move the pointer to reposition a light, and click to spawn new lights with colors pulled from a spectrum.

## Graveyard Lighting with Normal Maps
ID: BT9pncqs9n
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/graveyard
Size: 1024x768
Multi-file: no
Description: Demonstrates the 2D lighting system using normal maps for depth effects. It features multiple point lights, moving lights via tweens, and a flickering candle effect achieved by randomizing light positions within an ellipse.

## Light Culling
ID: gypzVNKHPx
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/light-culling
Size: 800x600
Multi-file: no
Description: Demonstrates how the light system automatically culls lights that fall outside the camera's viewport to optimize performance.

## Light Follow Pointer
ID: dAZMgZo2mF
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/light-follow-pointer
Size: 800x600
Multi-file: no
Description: An example of Phaser's 2D lighting system using normal maps. It features a light source that follows the mouse pointer, multiple moving colored lights, and a toggle to enable or disable lighting effects.

## Lighting on Tilemap Layer
ID: dhE9vKLs7W
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/tilemap-layer
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply dynamic 2D lighting and normal maps to a tilemap layer, including a player-attached light source and moving colored lights.

## Lights and Scene Switching
ID: 4HpArt8g6A
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/change-scene
Size: 800x600
Multi-file: no
Description: Demonstrates switching between different scenes while using the 2D lighting system, showing how light sources and lighting states are specific to each scene.

## Particle Emitter Lighting
ID: FMhqUz89jm
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/particles-light
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply 2D lighting and normal maps to a Particle Emitter, allowing emitted particles to react to dynamic light sources.

## Point Light with Camera Zoom
ID: xkuikE4nhu
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/zoom-point-light
Size: 800x600
Multi-file: no
Description: Demonstrates how to maintain a consistent Point Light visual size during camera zooming and movement, featuring interactive color cycling, attenuation controls, and pointer tracking.

## Point Lights and Normal Maps
ID: fTgpK5LPmQ
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/point-lights
Size: 800x600
Multi-file: no
Description: Demonstrates the dynamic lighting system using normal-mapped textures, interactive spotlights, camera zooming, and multiple Point Light game objects.

## Render Texture Lighting
ID: g88hR8q3xT
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/render-texture-light
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable the 2D lighting system on a RenderTexture, allowing drawn textures to react to scene lights using normal maps.

## Rotated Sprite with 2D Lighting
ID: 6tPxVNMv7f
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/rotated-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates how a sprite using a normal map correctly reacts to 2D lights while it is rotating.

## Single Point Light
ID: dRFKS8jj1w
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/single-light
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable the 2D lighting system, use a normal-mapped texture, and add an animated point light to a scene.

## Spotlight
ID: q7Sj5JsVaG
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/spotlight
Size: 800x600
Multi-file: no
Description: Learn how to use Phaser's 2D lighting system to create a spotlight effect that follows the pointer. This example demonstrates setting ambient light levels and applying dynamic lighting to a sprite using a normal map.

## Text Lighting
ID: mUYuT6jHeR
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/text-light
Size: 800x600
Multi-file: no
Description: Apply the 2D light system to Text objects. This example demonstrates how lighting interacts with various text shadow and stroke configurations using a movable, color-changing light source.

## TileSprite with 2D Lighting
ID: xaqXYaQFdZ
Version: v4.1.0
Path: game objects/lights
URL: https://phaser.io/examples/v4.1.0/game objects/lights/view/tilesprite-light
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply the 2D lighting system to a scrolling TileSprite using normal maps. Includes a mouse-controlled light source with adjustable colors.

## 3 Slice Button
ID: dTTkCpN1EC
Version: v4.1.0
Path: game objects/nine slice
URL: https://phaser.io/examples/v4.1.0/game objects/nine slice/view/3-slice-button
Size: 800x600
Multi-file: no
Description: Demonstrates using Nine Slice Game Objects to create UI buttons that can be dynamically resized horizontally while preserving their edge graphics.

## Create Nine Slice
ID: H29adiMSFj
Version: v4.1.0
Path: game objects/nine slice
URL: https://phaser.io/examples/v4.1.0/game objects/nine slice/view/create-nine-slice
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and display Nine Slice Game Objects using textures from an atlas, allowing for resizable UI elements with preserved corners.

## Interactive Nine Slice Button
ID: ZB88wn4wHH
Version: v4.1.0
Path: game objects/nine slice
URL: https://phaser.io/examples/v4.1.0/game objects/nine slice/view/interactive-button
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable interactivity on a NineSlice Game Object and handle pointer events to trigger actions like repositioning.

## Nine Slice Panel
ID: MzRB66ebb8
Version: v4.1.0
Path: game objects/nine slice
URL: https://phaser.io/examples/v4.1.0/game objects/nine slice/view/nine-slice-panel
Size: 800x600
Multi-file: no
Description: Demonstrates creating a Nine Slice Game Object and dynamically resizing its width and height using a tween. It shows how the corners and edges are preserved while the center scales, and how to update text word wrapping to match the changing panel dimensions.

## Nine Slice Progress Bar
ID: 7wFf6fn2By
Version: v4.1.0
Path: game objects/nine slice
URL: https://phaser.io/examples/v4.1.0/game objects/nine slice/view/progress-bar
Size: 800x600
Multi-file: no
Description: Demonstrates how to create an animated progress bar using Nine Slice game objects by tweening the width property while preserving texture corners.

## Nine Slice Stress Test
ID: FbLeJkP352
Version: v4.1.0
Path: game objects/nine slice
URL: https://phaser.io/examples/v4.1.0/game objects/nine slice/view/stress-test
Size: 800x600
Multi-file: no
Description: A performance demonstration rendering 256 Nine Slice Game Objects simultaneously, featuring randomized dimensions and real-time width and height tweening.

## Nine Slice vs Scaling
ID: 4xaK2d98gn
Version: v4.1.0
Path: game objects/nine slice
URL: https://phaser.io/examples/v4.1.0/game objects/nine slice/view/nine-slice-vs-scaling
Size: 800x600
Multi-file: no
Description: A visual comparison showing how a Nine Slice object preserves its border and corner proportions when resized, compared to the distortion of a standard scaled Image.

## Nine Slice with Texture Atlas
ID: ueLUC7YWL7
Version: v4.1.0
Path: game objects/nine slice
URL: https://phaser.io/examples/v4.1.0/game objects/nine slice/view/texture-packer-nine-slice
Size: 800x600
Multi-file: no
Description: Demonstrates how to create Nine Slice Game Objects using frames loaded from a Texture Packer atlas.

## 2D Simplex Noise Iterations
ID: 3Y1cGEYHWu
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-iterations-2d
Size: 1280x720
Multi-file: no
Description: Demonstrates the effect of the noiseIterations property on 2D Simplex noise, showing how multiple iterations add layers of detail and complexity to the generated texture.

## Animated Cellular Noise
ID: 1Tm6mH2ofw
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise-scroll
Size: 1280x720
Multi-file: no
Description: Demonstrates how to animate and scroll 2D, 3D, and 4D cellular noise objects by modifying noise offset values over time.

## Basic Noise
ID: suMgNQSerF
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/basic-noise
Size: 1280x720
Multi-file: no
Description: Demonstrates how to create a Noise Game Object and modify its noiseOffset property over time to change the generated pattern.

## Basic Noise Colors
ID: ZMYhcTC6xC
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/basic-noise-colors
Size: 1280x720
Multi-file: no
Description: Demonstrates how to configure and animate colors in a Noise Game Object using hex codes, RGBA arrays for transparency, and channel randomization.

## Basic Normal Noise Displacement
ID: A22u8yKHmb
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/basic-noise-normal
Size: 1280x720
Multi-file: no
Description: Demonstrates how to generate a normal-distributed noise texture and use it as a displacement map to distort an image.

## Cellular Noise
ID: AbX6B2noxV
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise
Size: 1280x720
Multi-file: no
Description: Demonstrates how to generate and display 2D, 3D, and 4D cellular (Worley) noise patterns side-by-side using specialized noise Game Objects.

## Cellular Noise 4D Loop
ID: pr2ag8mpVX
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise-scroll-loop
Size: 1280x720
Multi-file: no
Description: Create a seamless, high-precision looping animation by rotating the offsets of a 4D cellular noise object over time.

## Cellular Noise Grid Density
ID: VuiAuGKxyh
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise-cells
Size: 1280x720
Multi-file: no
Description: Demonstrates how to create and animate 2D cellular noise patterns using different grid densities, aspect ratios, and movement offsets.

## Cellular Noise Iterations
ID: DA7t7NgaJr
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise-iterations
Size: 1280x720
Multi-file: no
Description: This example demonstrates how varying the number of iterations affects the complexity and detail of a 4D cellular noise Game Object.

## Cellular Noise Normal Map
ID: oXed2wiFPB
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise-normal-map
Size: 800x600
Multi-file: no
Description: Demonstrates creating an animated water reflection effect using a 4D cellular noise normal map as a displacement filter.

## Cellular Noise Scroll Z
ID: oT441fxY5i
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise-scroll-z
Size: 1280x720
Multi-file: no
Description: Animate 3D and 4D cellular noise by scrolling the Z-axis offset over time.

## Cellular Noise Smoothing
ID: hm4j8HYXTT
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise-smooth
Size: 1280x720
Multi-file: no
Description: Demonstrates the difference between standard and smoothed 2D cellular noise using different render modes and smoothing values to create organic patterns.

## Cellular Noise Variation
ID: YWLCbHgGRR
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise-variation
Size: 1280x720
Multi-file: no
Description: Demonstrates how to create and animate 2D, 3D, and 4D cellular noise Game Objects by dynamically adjusting their noise variation properties.

## Cellular Noise with Gradient Map
ID: DA69ZrYiJi
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise-indexed
Size: 1280x720
Multi-file: no
Description: Demonstrates creating 3D cellular noise with flat-colored cells and applying a multi-stop color gradient map filter to the output.

## Cellular Noise Wrap
ID: Ekcx2tUi7g
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/cellular-noise-wrap
Size: 1280x720
Multi-file: no
Description: Create and animate a seamless, wrapping 2D cellular noise texture. This example demonstrates configuring noise cells and wrapping parameters, rendering the output to a texture, and updating noise offsets over time.

## Clouds With Simplex Noise
ID: W7cVbDD3in
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/clouds-with-simplex-noise
Size: 1280x720
Multi-file: no
Description: Generate an atmospheric cloud scene using multiple layers of 3D Simplex noise with parallax scaling, color tinting, and animated noise flow.

## Fire with Simplex Noise
ID: j2FgYLZ9L5
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/fire-with-simplex-noise
Size: 1280x720
Multi-file: no
Description: Create procedural fire effects using Simplex Noise textures, displacement filters, and gradient mapping. This example shows how to generate dynamic textures, apply stylized filters, and animate fire using Rope game objects.

## Heat Haze with Simplex Noise
ID: eu5P1UpoU3
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/heat-haze-with-simplex-noise
Size: 1280x720
Multi-file: no
Description: Apply a displacement filter to an image using a procedural Simplex Noise texture to create an animated heat haze or liquid distortion effect.

## Noise Power
ID: B4yfDzkF9d
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/basic-noise-power
Size: 1280x720
Multi-file: no
Description: Demonstrates how the noisePower property affects the visual intensity and contrast of Noise Game Objects.

## Noise Scrolling Techniques
ID: cMGAewcoGq
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/basic-noise-scroll
Size: 1280x720
Multi-file: no
Description: Demonstrates various ways to animate noise patterns, including direct offset manipulation and using a Noise object as a texture for a scrolling TileSprite.

## Reflections with Simplex Noise
ID: iDTqPMRvXq
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/reflections-with-simplex-noise
Size: 1280x720
Multi-file: no
Description: Create dynamic animated reflections using Simplex noise as a normal map with the Image Light filter.

## Simplex Noise 3D Iterations
ID: xiqVAB5KQf
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-iterations-3d
Size: 1280x720
Multi-file: no
Description: Compare the visual impact of increasing noise iterations on a 3D Simplex noise Game Object, showing how more iterations add complexity and detail.

## Simplex Noise 3D Warp Iterations
ID: gBJm2x5QMm
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-warp-iterations-3d
Size: 1280x720
Multi-file: no
Description: Compare the visual effect of increasing warp iterations on 3D Simplex noise textures.

## Simplex Noise Flow
ID: KH1ZQQ2Dpo
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-flow
Size: 1280x720
Multi-file: no
Description: Animate 2D and 3D Simplex Noise Game Objects by updating the noiseFlow property to create evolving generative patterns.

## Simplex Noise Game Objects
ID: 5FoipRGCHm
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise
Size: 1280x720
Multi-file: no
Description: Demonstrates how to create and display 2D and 3D Simplex noise patterns as Game Objects in your scene.

## Simplex Noise Iteration Sculpting
ID: 5oAy2kMnBA
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-iteration-sculpting
Size: 1280x720
Multi-file: no
Description: Demonstrates how to sculpt multi-iteration Simplex noise using properties like detail power, contribution decay, and flow speed.

## Simplex Noise Normal Map
ID: ew7gMq6tnm
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-normal-map
Size: 1280x720
Multi-file: no
Description: Demonstrates how to generate a normal map from 2D simplex noise by enabling the normal map property on a Simplex Noise Game Object.

## Simplex Noise Offset
ID: mWqr2STPvf
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-offset
Size: 1280x720
Multi-file: no
Description: Demonstrates creating a procedural cloud effect by layering multiple 3D Simplex noise objects and animating their X and Y offsets over time.

## Simplex Noise Period
ID: Yfg7hRrvx3
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-period
Size: 1280x720
Multi-file: no
Description: A demonstration of using the noisePeriod property in 2D and 3D Simplex noise game objects to control noise repetition and frequency.

## Simplex Noise Warp
ID: ie2iXnXdbk
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-warp
Size: 1280x720
Multi-file: no
Description: Demonstrates how to animate the warp amount property on 2D and 3D Simplex noise game objects to create fluid, morphing patterns.

## Simplex Noise Warp Iteration Sculpting
ID: J3T41nik9Z
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-warp-iteration-sculpting
Size: 1280x720
Multi-file: no
Description: Demonstrates how to sculpt the visual appearance and animation of 2D Simplex Noise using warp iteration properties such as detail power, contribution decay, and flow power.

## Simplex Noise Warp Iterations 2D
ID: FdpWs7cEqW
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-warp-iterations-2d
Size: 1280x720
Multi-file: no
Description: Compare 2D Simplex noise textures across multiple warp iterations, demonstrating how increasing iterations adds complexity and visual detail to the noise pattern.

## Simplex Noise Wrap Toggle
ID: ggnjczz9iR
Version: v4.1.0
Path: game objects/noise
URL: https://phaser.io/examples/v4.1.0/game objects/noise/view/simplex-noise-wrap-toggle
Size: 1280x720
Multi-file: no
Description: Toggle seamless texture wrapping for Simplex noise by adjusting the noisePeriod property.

## Direct Value Particle Emitter
ID: AMPqhQ8CwW
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/direct-value
Size: 800x600
Multi-file: no
Description: Demonstrates a basic particle emitter using constant numeric values for properties like speed, lifespan, and gravity.

## Dynamic Particle Emitter Tint
ID: cAVmDnZNmT
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/change-emitter-tint
Size: 800x600
Multi-file: no
Description: Demonstrates how to change a particle emitter's tint property in real-time, cycling through colors using an HSV color wheel.

## Emit Particles at Pointer
ID: 1hx8CHmRCS
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/emit-at-pointer
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually trigger a specific number of particles at the mouse pointer's location using the emitParticleAt method.

## Emit Zone Loop
ID: nJJFHKZxGX
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/emit-zone-loop
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the particle emitter 'complete' event to manually restart emission after a specific number of particles have been released along a geometric edge.

## Emitter Alpha Tween
ID: zE6PAADEEk
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/emitter-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a tween to the alpha property of a particle emitter to fade the entire effect in and out.

## Emitter Duration
ID: 5mN4NyS7hM
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/emitter-duration
Size: 800x600
Multi-file: no
Description: Demonstrates how to trigger a particle emitter to run for a specific duration using the start method when an interactive event occurs.

## Fire and Smoke Particle Effects
ID: D4UeXfpuPJ
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/fire-effects
Size: 800x600
Multi-file: no
Description: Demonstrates how to create fire, magical wisp, and smoky flame effects using particle color arrays, easing, and the advance property.

## Get Particle Bounds
ID: DWejuDuPgr
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/get-particle-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to retrieve the bounding box of individual particles using the getBounds method and iterate through active particles with forEachAlive.

## Get Particle Emitter Bounds
ID: DtdQ8Noyqh
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/get-emitter-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate the bounding rectangle of a particle emitter, including both current active particle bounds and pre-calculating bounds over a specific time duration.

## Hold Particle
ID: rCAoHH52xp
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/hold-particle
Size: 800x600
Multi-file: no
Description: Demonstrates the hold property in a particle emitter, allowing particles to remain visible for a set duration after their active lifespan has completed.

## Move Particles to Dynamic Target
ID: ZK84ZK9wP7
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/move-to-dynamic
Size: 800x600
Multi-file: no
Description: Demonstrates how to use onUpdate callbacks with particle moveTo properties to make particles track a moving target like the mouse pointer.

## Multiple Death Zones
ID: f1qDQjxNuL
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/multiple-death-zones
Size: 800x600
Multi-file: no
Description: Learn how to define multiple geometric shapes as death zones to instantly kill particles that enter those areas.

## Multiple Edge Emit Zones
ID: T71u9ZtHPD
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/emitter-zone-total
Size: 800x600
Multi-file: no
Description: Demonstrates using multiple geometric shapes as edge emission zones for a single particle emitter, utilizing the total and quantity properties to control point distribution.

## Particle Bring To Top
ID: Bt5QQkDAmp
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/bring-to-top
Size: 800x600
Multi-file: no
Description: Demonstrates how to toggle whether newly emitted particles are rendered on top of or behind older particles using the particleBringToTop property.

## Particle Emitter Bounds
ID: Ve23TmLd9A
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/particle-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to confine particles within a specific rectangular area and make them bounce off the edges using the bounds and bounce properties.

## Particle Emitter Custom Callbacks
ID: wGqubsYzi8
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/custom-callback
Size: 800x600
Multi-file: no
Description: Demonstrates how to use custom callback functions for particle emitter properties to dynamically update the emission coordinates based on user input.

## Particle Emitter Events
ID: 2czzgefQYT
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/emitter-events
Size: 800x600
Multi-file: no
Description: Demonstrates how to listen for and respond to particle emitter lifecycle events, including start, stop, and complete events when using timed durations.

## Particle Emitter Explosion
ID: pvFSW9yMTY
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/explode-emitter
Size: 800x600
Multi-file: no
Description: Trigger a sudden burst of particles using the explode method on a non-continuous emitter when a user clicks or touches the screen.

## Particle Emitter Move To
ID: pB8PdxhXuq
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/move-to
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the moveToX and moveToY properties to direct particles toward a specific destination coordinate.

## Particle Emitter Overlap with Physics Body
ID: VMReGwbwuu
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/particle-physics-body-overlap
Size: 800x600
Multi-file: no
Description: Demonstrates how to detect overlaps between individual particles and an Arcade Physics body to trigger collisions and destruction effects.

## Particle Emitter Property Ranges
ID: eacvB1HLhn
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/min-max
Size: 800x600
Multi-file: no
Description: Demonstrates how to use min and max values to assign a random range to particle emitter properties, such as the initial starting position.

## Particle Emitter Sort Order
ID: JN7Hgcpr6t
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/sort-order
Size: 800x600
Multi-file: no
Description: Demonstrates how to control the rendering depth of particles using the sortProperty and sortOrderAsc properties to draw particles based on their horizontal position.

## Particle Emitter Start and End Properties
ID: TSWEcqHEtw
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/start-end
Size: 800x600
Multi-file: no
Description: This example demonstrates how to animate particle properties over their lifespan by defining start and end values, including the use of easing functions for movement and scale.

## Particle Emitter Start End Easing
ID: zoJmLLxten
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/start-end-ease
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply easing functions to particle properties, such as position and rotation, as they transition from a start value to an end value over their lifespan.

## Particle Emitter Start End Random Range
ID: 3soCGFEohS
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/start-end-random
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a range with start, end, and random properties to define initial particle positions.

## Particle Emitter View Bounds
ID: jGgAYSTraw
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/view-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate the estimated area covered by a particle emitter using getBounds and use it for visibility checking and camera culling.

## Particle Emitter with Multiple Emit Zones
ID: cuHqr9BCbP
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/add-emit-zone
Size: 800x600
Multi-file: no
Description: Demonstrates how to attach multiple geometric shapes as emit zones to a single particle emitter, constraining particle creation to the edges of various shapes.

## Particle Gravity Well
ID: 7qwng5UuiR
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/gravity-processor
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a Gravity Well to exert gravitational force on particles, attracting them toward a specific point in the scene.

## Particle onEmit and onUpdate Callbacks
ID: FhAsukcX1A
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/onemit-and-onupdate
Size: 800x600
Multi-file: no
Description: Learn how to use the onEmit and onUpdate callback functions to dynamically set and update particle properties, such as simulating custom movement effects during a particle's lifespan.

## Particle Overlap
ID: kn9FJXnXZW
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/particle-overlap
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the particle emitter overlap method to detect intersections between active particles and a geometric shape, such as a Rectangle, to trigger actions like killing the particles.

## Particle Property Interpolation
ID: s345dvN5QT
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/interpolation-ease
Size: 800x600
Multi-file: no
Description: Demonstrates how to use linear, bezier, and Catmull-Rom interpolation to calculate particle property values from an array of coordinates over time.

## Random Particle Property
ID: dBTNCSr7iW
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/random-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the random configuration object to assign a random value from a specified range to a particle property, such as its starting X position.

## Random Particle Tint
ID: BV2S5e9WV9
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/random-tint
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a random color to each particle by passing an array of hex colors to the emitter's tint property.

## Random Position Array
ID: Ftx1VGNsCe
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/random-array
Size: 800x600
Multi-file: no
Description: Use an array of values to define multiple specific spawn points for a single particle emitter.

## Set Emitter Zone By Instance
ID: hcrQ2Q15by
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/set-emitter-zone-by-instance
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically switch a particle emitter's active emission zone by passing specific EdgeZone instances during pointer events.

## Stepped Emitter With Yoyo
ID: g3BpcSxXeP
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/stepped-emitter-with-yoyo
Size: 800x600
Multi-file: no
Description: Demonstrates a particle emitter where the spawn position increments in discrete steps across a horizontal range and then reverses back.

## Stepped Particle Emitter
ID: aXQB72HMDg
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/stepped-emitter
Size: 800x600
Multi-file: no
Description: Use the 'steps' property in a particle emitter configuration to distribute particles across a range of discrete, incremental positions.

## Stop After Particle Emitter
ID: Wu2aaaD9x8
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/stop-after
Size: 800x600
Multi-file: no
Description: Use the stopAfter property to limit a particle emitter to release a specific number of particles before automatically stopping.

## Switching Particle Emit Zones
ID: HkMBYRgjCi
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/set-emitter-zone
Size: 800x600
Multi-file: no
Description: Demonstrates how to define multiple emission zones and switch between them dynamically using the setEmitZone method, using interactive images to trigger the changes.

## Tween Particle Emitter Alpha
ID: sLcjjt1ZF4
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/tween-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a tween directly to a Particle Emitter object to animate its overall alpha transparency and position.

## Tween Particle Emitter Speed
ID: hsMpjQM6w4
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/tween-speed
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a Tween to dynamically animate the speed property of a Particle Emitter over time.

## Tween Particle Speed X
ID: nLv1cNumVz
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/tween-speed-x
Size: 800x600
Multi-file: no
Description: This example shows how to use a tween to dynamically animate the horizontal speed property of a particle emitter over time.

## Tween Speed Y
ID: KkVxKLLbM9
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/tween-speed-y
Size: 800x600
Multi-file: no
Description: Demonstrates how to animate the vertical speed of a particle emitter using a Tween, causing the emission velocity to change dynamically over time.

## Tweening Particle Emitter Position
ID: 2ZWT9irx2V
Version: v4.1.0
Path: game objects/particle emitter
URL: https://phaser.io/examples/v4.1.0/game objects/particle emitter/view/tween-xy
Size: 800x600
Multi-file: no
Description: This example shows how to move a particle emitter using independent tweens on its X and Y coordinates to create a dynamic motion path.

## Batch Drawing to a Render Texture
ID: PkBDFDGkdA
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/batch-draw-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw multiple instances of a sprite onto a Render Texture in a single pass using a loop.

## Batch Stamp Atlas Frames to Render Texture
ID: L6mS2c6suK
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/batch-draw-frame
Size: 800x600
Multi-file: no
Description: Demonstrates how to iterate through all frames in a texture atlas and draw them to a Render Texture using the stamp method.

## Blitter to Render Texture
ID: zW72LoH1Vw
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/blitter-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw a Blitter object onto a Render Texture and apply transformations like rotation using the Render Texture's internal camera.

## Capture Game Object In World
ID: 1gEdcL524Y
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/capture-game-object-in-world
Size: 1280x720
Multi-file: no
Description: Demonstrates how to capture a specific Game Object into a Render Texture using its global world transformations, preserving its position, rotation, and scale as it appears in the scene.

## Container to Render Texture
ID: pBBmDRjMFn
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/container-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw a hidden Container and its children onto a Render Texture, including how to manipulate the Render Texture's internal camera for rotation effects.

## Destroy Game with Render Texture
ID: Dmz3yKPhHh
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/destroy-game-with-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates creating a custom texture using a Render Texture, populating the scene with images based on that texture, and then properly destroying the game instance.

## Destroy Render Texture
ID: wyidAjmPwG
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/destroy-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to properly destroy a Render Texture and its associated texture cache entry, including cleaning up Game Objects that are referencing the texture.

## Draw Atlas Frames to a Render Texture
ID: EupqgtHCkm
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/change-frame
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw specific texture atlas frames onto a Render Texture. Click different sprites to change which frame is drawn at the cursor's position.

## Draw Game Objects To Render Texture
ID: RkQx6YnwEj
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/draw-game-objects-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates drawing multiple hidden Game Object types (Graphics, Text, Particles, TileSprites, and Blitters) onto a single Render Texture and rotating its internal camera.

## Draw on Render Texture
ID: nPaAsowBLw
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/draw-on-texture
Size: 1024x768
Multi-file: no
Description: Demonstrates interactive drawing onto a Render Texture using pointer events. The resulting drawing is saved as a dynamic texture and applied to a grid of animated sprites in real-time.

## Draw Textures to Render Texture by Key
ID: tkBC6y8px3
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/texture-key-to-render-texture
Size: 800x600
Multi-file: no
Description: Learn how to draw multiple images onto a Render Texture using their loaded asset keys and specific coordinates.

## Drawing a Tilemap Layer to a Render Texture
ID: baqwjaYpAN
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/static-tilemap-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw a hidden Tilemap Layer multiple times into a Render Texture while applying transformations like rotation through the Render Texture's internal camera.

## Drawing Bitmap Text to a Render Texture
ID: PB7iwhNaWU
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/static-bitmap-text-to-render-texture
Size: 800x600
Multi-file: no
Description: Learn how to draw a hidden BitmapText object onto a Render Texture and apply rotations using the Render Texture's internal camera.

## Drawing Dynamic Bitmap Text to a Render Texture
ID: zAFfuw73oP
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/dynamic-bitmap-text-to-render-texture
Size: 800x600
Multi-file: no
Description: Learn how to draw a Dynamic Bitmap Text object onto a Render Texture. This example includes a character jitter effect using a display callback and demonstrates rotating the Render Texture's internal camera.

## Drawing Graphics to a Render Texture
ID: BrugLzArRk
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/graphics-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw a hidden Graphics object onto a Render Texture and manipulate the output using the RenderTexture's internal camera rotation.

## Drawing Sprites to a Render Texture
ID: C3hscYSQpb
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/sprite-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw multiple Game Objects into a Render Texture at specific coordinates and render the result.

## Dynamic Tilemap to Render Texture
ID: uvPdkDBZ9C
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/dynamic-tilemap-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw a hidden Tilemap Layer to a Render Texture and manipulate it using the Render Texture's internal camera rotation.

## Erase Part of a Render Texture
ID: 9sKWyfLDvw
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/erase-part-of-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a brush image to erase content from a Render Texture, revealing the objects behind it.

## Erase Part of Render Texture (Canvas)
ID: ZmFVsgGEUQ
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/erase-part-of-render-texture-canvas
Size: 800x600
Multi-file: no
Description: Demonstrates how to use an image as a brush to erase portions of a Render Texture in Canvas mode, creating a scratch-off effect.

## Group To Render Texture
ID: c7DJKgLtwL
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/group-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw entire Groups of Game Objects directly onto a Render Texture in a single operation.

## Paint Interpolated
ID: g6qa4UragZ
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/paint-interpolated
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw smooth, continuous strokes on a Render Texture by using pointer position interpolation to fill in gaps between mouse movement updates.

## Paint Interpolated Shadow
ID: QgTVj4vqKk
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/paint-interpolated-shadow
Size: 800x600
Multi-file: no
Description: Demonstrates smooth painting onto a Render Texture using interpolated pointer positions to prevent gaps in fast brush strokes, while applying color cycling and a black shadow effect.

## Paint with Render Texture
ID: Y97unNQpHq
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/paint
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a simple drawing effect by drawing a brush sprite onto a Render Texture as the pointer moves.

## Paint with Tinted Brush
ID: GxB2fAE6GW
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/paint-tinted
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw onto a Render Texture using a brush sprite that cycles through a color wheel tint as the pointer moves.

## Pixel Art Render Texture
ID: Crym7gLnkL
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/pixel-art-test
Size: 800x600
Multi-file: no
Description: Demonstrates how the pixelArt game configuration affects the rendering of scaled sprites when drawn to a RenderTexture, ensuring sharp edges without blurring.

## Render Particle Emitter to Render Texture
ID: HBfjCNtYzX
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/particle-emitter-to-render-texture
Size: 800x600
Multi-file: no
Description: Learn how to draw a hidden particle emitter into a Render Texture and manipulate the output using the Render Texture camera's rotation.

## Render Scene to Texture
ID: jJ3uFwYUYW
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/render-scene-to-texture
Size: 1280x720
Multi-file: no
Description: Captures a Container and its contents into a RenderTexture, saves it as a named texture, and displays it back on screen to create a recursive visual effect.

## Render Texture As A Mask
ID: f9HZNTN7ty
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/render-texture-as-a-mask
Size: 800x600
Multi-file: no
Description: Learn how to use a Render Texture as a dynamic mask for a Game Object. This example demonstrates drawing onto a Render Texture with the mouse to reveal an underlying image.

## Render Texture as Viewport
ID: Lyu3nNtgUr
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/render-texture-as-better-camera
Size: 800x600
Multi-file: no
Description: Use RenderTextures as secondary cameras to display scene content with unique transformations, tints, rotations, and post-processing filters applied to each view.

## Render Texture Brute Force
ID: D6GRgtpreR
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/brute-force
Size: 800x600
Multi-file: no
Description: Demonstrates high-volume drawing by stamping numerous sprite frames onto a single Render Texture every frame.

## Render Texture Camera Transformations
ID: bDGAX4YxVP
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/transform-draw
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the internal camera property of a Render Texture to apply rotation, zoom, and positioning when stamping textures.

## Render Texture Drawing Trail
ID: KdYeeX1QfL
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/trail2
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a persistent motion trail by drawing a sprite to a Render Texture every frame without clearing it.

## Render Texture Frame Fill
ID: U6FueZ11WR
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/frame-fill
Size: 800x600
Multi-file: no
Description: Demonstrates how to fill a Render Texture with a repeating texture pattern using the repeat method.

## Render Texture Larger Than Camera
ID: 1a4CNDFF5M
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/render-texture-larger-than-camera
Size: 800x600
Multi-file: no
Description: Create a large Render Texture that exceeds the game's dimensions and navigate it using camera controls.

## Render Texture Scratch-off Mask
ID: ADAVRYw4Pp
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/scratch
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a RenderTexture as an inverted alpha mask to create a scratch-off reveal effect by drawing onto the texture with the pointer.

## Render Texture to Render Texture
ID: KodLeB1K42
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/render-texture-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw the contents of one Render Texture into another Render Texture.

## Render Texture Trail Effect
ID: nWD7Ya4W6h
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/trail
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a persistent visual trail behind a moving object by drawing sprites into a Render Texture with dynamic tween updates.

## Rendering a Scene to a Render Texture
ID: g5vQhWndCR
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/scene-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to capture the entire display list of one scene and draw it into a tinted Render Texture in a separate scene.

## Resize a RenderTexture
ID: 8qZGhmVx2q
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/resize-rendertexture
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically change the dimensions of a RenderTexture and redraw Game Objects including Text, Particles, and Graphics onto it after a resize.

## Resize Render Texture
ID: jHDVyi225R
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/resize-render-texture
Size: 800x600
Multi-file: no
Description: Learn how to dynamically change the dimensions of a Render Texture at runtime using setSize.

## Save Render Texture
ID: B9Ep3UvX9Q
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/save-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to save a Render Texture into the global Texture Manager, allowing it to be used as a static source texture for other Game Objects.

## Scene to Render Texture with Dynamic Crop
ID: UiQmTXdkiY
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/scene-to-render-texture-with-crop
Size: 800x600
Multi-file: no
Description: Render the contents of an entire Scene into a Render Texture, applying a color tint and a dynamic crop area that follows the pointer.

## Shape to Render Texture
ID: WME8jSVEDa
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/shape-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw Shape Game Objects, such as circles and rectangles, onto a Render Texture.

## Stamping Atlas Frames to a Render Texture
ID: 2t5YLWVBxA
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/atlas-frame-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw individual frames from a loaded texture atlas onto a Render Texture using the stamp method.

## Text to Render Texture
ID: HuZHya12Y8
Version: v4.1.0
Path: game objects/render texture
URL: https://phaser.io/examples/v4.1.0/game objects/render texture/view/text-to-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to draw an invisible Text object onto a Render Texture and apply transformations using the Render Texture's internal camera rotation.

## Animated Rope
ID: cDFyXRWr5J
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/animated-rope
Size: 800x600
Multi-file: no
Description: Learn how to apply sprite animations to a Rope object and programmatically manipulate its points in the update loop to create organic, wavy movement.

## Draw Rope
ID: 91iWnws8QM
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/draw-rope
Size: 800x600
Multi-file: no
Description: Create dynamic Rope Game Objects by drawing paths with the mouse. The example captures pointer coordinates to define rope segments and animates them using a sine wave in the update loop.

## Draw Rope Gradient
ID: kH5bBWYMud
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/draw-rope-gradient
Size: 800x600
Multi-file: no
Description: Create custom Rope Game Objects by drawing with the mouse, applying a color gradient to the vertices and animating the points in real-time.

## Horizontal Rope
ID: RHDeh5WnHx
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/horizontal-rope
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a horizontal Rope Game Object split into multiple segments and animate its individual vertices using a sine wave for a rippling movement effect.

## Rope As A Mask
ID: fYkSLNb5B5
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/rope-as-a-mask
Size: 800x600
Multi-file: no
Description: Demonstrates using a dynamic Rope Game Object as a mask for an image. The rope vertices are manipulated in the update loop to create a waving deformation effect that clips the underlying texture.

## Rope Flipping
ID: mATCoBb2GJ
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/flip-rope-xy
Size: 800x600
Multi-file: no
Description: Demonstrates how to toggle horizontal and vertical flipping on a Rope Game Object while its points are being animated.

## Rope with a Mask
ID: KjX5fKcFiS
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/rope-with-a-mask
Size: 800x600
Multi-file: no
Description: This example demonstrates how to apply an image-based mask to a Rope Game Object while it is deforming, using the filters system.

## Rope with Alpha Gradient
ID: 2PwFGQ3sko
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/split-alpha-rope
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a vertical alpha gradient to a Rope Game Object using the setAlphas method, creating a transparency transition from top to bottom.

## Rope with Shader Texture
ID: hTYjvNbGG9
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/rope-with-shader-texture
Size: 800x600
Multi-file: no
Description: Demonstrates using a Shader rendered to a texture as the source for a Rope game object, while dynamically deforming the rope points.

## Rope with Single Alpha
ID: v3Q4Nj6XjC
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/single-alpha-rope
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and animate the global alpha property of a Rope Game Object while its vertices are being updated in real-time.

## Vertex Tint Rope
ID: rMvXXcCfon
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/vertex-tint-rope
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and animate colors to individual vertices of a Rope Game Object using the colors array to create gradients and cycling effects.

## Vertical Rope
ID: 3xBmbMj8do
Version: v4.1.0
Path: game objects/rope
URL: https://phaser.io/examples/v4.1.0/game objects/rope/view/vertical-rope
Size: 800x600
Multi-file: no
Description: Learn how to create a vertically aligned Rope Game Object divided into segments and animate its points to create a swaying effect.

## Custom Shader Texture Coordinates
ID: kzB3EcYmzt
Version: v4.1.0
Path: game objects/shader
URL: https://phaser.io/examples/v4.1.0/game objects/shader/view/custom-shader-texture-coordinates
Size: 1280x720
Multi-file: no
Description: Demonstrates how to apply a custom shader to a specific frame from a texture atlas using setTextureCoordinatesFromFrame and building shaders using modular additions.

## Gradient Circle Wipe Mask
ID: drKJbNraGe
Version: v4.1.0
Path: game objects/shader
URL: https://phaser.io/examples/v4.1.0/game objects/shader/view/gradient-circle-wipe
Size: 800x600
Multi-file: no
Description: Demonstrates creating a radial transition between two images by using a dynamic shader as a mask, with the circle's radius controlled by the distance of the pointer from the center.

## Gradient Linear Wipe Mask
ID: Pn6b8pf5jb
Version: v4.1.0
Path: game objects/shader
URL: https://phaser.io/examples/v4.1.0/game objects/shader/view/gradient-linear-wipe
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a shader-generated linear gradient as a dynamic mask to create a smooth transition between two images controlled by the pointer.

## Gradient Ripple Reflection
ID: uotNwVCw1p
Version: v4.1.0
Path: game objects/shader
URL: https://phaser.io/examples/v4.1.0/game objects/shader/view/gradient-ripples
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use a procedurally generated gradient shader as a displacement map to create a dynamic water ripple effect on a reflected scene.

## Gradient Shine
ID: wxJUQqmqGq
Version: v4.1.0
Path: game objects/shader
URL: https://phaser.io/examples/v4.1.0/game objects/shader/view/gradient-shine
Size: 1280x720
Multi-file: no
Description: Create an animated gradient shine effect by combining modular shader additions with normal map displacement and additive blending.

## Linear Gradient Shader
ID: xWvYCthQMp
Version: v4.1.0
Path: game objects/shader
URL: https://phaser.io/examples/v4.1.0/game objects/shader/view/gradient-linear
Size: 1280x720
Multi-file: no
Description: Demonstrates creating a linear gradient using the Shader Game Object by composing multiple GLSL fragments and configuring uniforms for positions, colors, and step counts.

## Perlin Noise Custom Shader Displacement
ID: YeokRWs46k
Version: v4.1.0
Path: game objects/shader
URL: https://phaser.io/examples/v4.1.0/game objects/shader/view/custom-shader-perlin-noise
Size: 1280x720
Multi-file: no
Description: Demonstrates how to inject custom GLSL code into a shader using shader additions to generate Perlin noise. The resulting shader is rendered to a texture and applied as a real-time displacement filter to an image.

## Random Noise Shader Additions
ID: yE2T7VEK4L
Version: v4.1.0
Path: game objects/shader
URL: https://phaser.io/examples/v4.1.0/game objects/shader/view/custom-shader-random-noise
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use the shaderAdditions property to inject custom GLSL code into the default fragment shader, creating dynamic noise effects with time-based uniforms.

## Shader Bilinear Gradient Displacement
ID: PvbzecekBH
Version: v4.1.0
Path: game objects/shader
URL: https://phaser.io/examples/v4.1.0/game objects/shader/view/gradient-bilinear
Size: 1280x720
Multi-file: no
Description: Create complex background effects by combining modular shader additions, render-to-texture, and displacement filters using bilinear and linear gradients.

## Basic Texture Shader
ID: 9cFURQgdMB
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/basic-texture-shader
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a custom shader that accepts an image texture as a uniform and applies it using texture coordinates.

## Change Shader Texture
ID: Fkp7eRHFNK
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/change-shader-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically swap textures used by a shader at runtime using the setTextures method.

## Load Shader
ID: m42epYMuJB
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/load-shader
Size: 800x600
Multi-file: no
Description: Learn how to load an external GLSL fragment shader file and display it in your scene using a Shader Game Object.

## Render Shader to Texture
ID: vTM2E6KNZb
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/save-shader-as-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to render a fragment shader directly to a texture, which can then be used by standard Game Objects like Images and Sprites throughout your scene.

## Setting Shader Uniforms
ID: p75WqHqEV5
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/set-shader-uniform
Size: 800x600
Multi-file: no
Description: Demonstrates how to define custom uniform variables within a BaseShader and update their values at runtime using the setUniform method.

## Shader Arcade Physics
ID: yZFiQLps1o
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/shader-arcade-physics
Size: 800x600
Multi-file: no
Description: This example demonstrates how to apply Arcade Physics to Shader Game Objects, including dynamic bodies with velocity and bounce, as well as static body collisions.

## Shader as a Mask
ID: PpfKigAcuk
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/shader-as-a-mask
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a custom GLSL shader as a dynamic mask for an image. It shows how to create a shader object and apply it to a Game Object through the filters system to create animated masking effects.

## Shader Feedback Buffers
ID: xwqZRSDTHU
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/buffer-a
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a shader feedback loop by rendering multiple shaders to textures and using the output of one as the input for another.

## Shader Render to Texture
ID: g4TEvo1Dop
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/shader-mass-texture-test
Size: 1024x768
Multi-file: no
Description: Demonstrates how to render a GLSL shader to a texture and then use that texture across multiple Game Objects simultaneously.

## Shader Render-to-Texture Feedback
ID: PckNZqAoDa
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/buffer-b
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a feedback loop between multiple shaders by rendering each to a texture and passing those textures as sampler inputs to one another.

## Shader Sandbox
ID: KudAS1Sfeh
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/sandbox
Size: 800x800
Multi-file: no
Description: Demonstrates layering multiple shaders with standard images and animating shader uniforms using the Tween Manager.

## Shader Transforms
ID: WmC4s8YpAo
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/shader-transforms
Size: 800x600
Multi-file: no
Description: Learn how to manipulate a Shader Game Object using standard properties such as scale, rotation, and position, including how to apply tweens to them.

## Shader Using an Updating Dynamic Texture
ID: EoCzDNZpwJ
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/shader-using-an-updating-dynamic-texture
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use a Dynamic Texture as a sampler input for a fragment shader, allowing you to feed live-rendered graphics directly into a shader effect.

## Shader with Dynamic Texture Input
ID: keViw6q62u
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/shader-using-a-dynamic-texture
Size: 800x600
Multi-file: no
Description: This example demonstrates how to create a Dynamic Texture, draw images onto it, and then use that texture as a sampler input for a fragment shader.

## Using a Shader as a Buffer
ID: 8ffxppQF7b
Version: v4.1.0
Path: game objects/shaders
URL: https://phaser.io/examples/v4.1.0/game objects/shaders/view/using-a-shader-as-a-buffer
Size: 800x600
Multi-file: no
Description: Demonstrates how to render a shader's output directly to a texture and use that texture as a sampler input for another shader.

## Arc Shape Game Object
ID: 1dGKgoAgf9
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/arc
Size: 800x600
Multi-file: no
Description: Demonstrates creating Arc shape game objects with various start and end angles, fill colors, strokes, and rendering iterations.

## Circle Shape Game Object
ID: SGmtyqohoG
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/circle
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and style Circle Shape Game Objects with fill colors, stroke styles, and animations.

## Curve Shape
ID: 7BVZkvHZ3F
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/curve
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a Shape Game Object using a Cubic Bezier curve, including how to define control points, apply fill and stroke styles, and manipulate its position.

## Grid Shape
ID: YEC8wXGsTm
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/grid
Size: 800x600
Multi-file: no
Description: Demonstrates creating Grid Shape Game Objects with custom cell sizes, alternating fill colors, and outlines, as well as animating their dimensions and rotation.

## Interactive Shape Drawing Tool
ID: RTYr2gKM9y
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/draw
Size: 1010x600
Multi-file: no
Description: Demonstrates how to dynamically create and resize Shape Game Objects (Circles, Rectangles, Ellipses, Stars, and Lines) using pointer input and color picking from a texture palette.

## Isometric Birdie
ID: vdr3A2BjYu
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/iso-birdie
Size: 800x600
Multi-file: no
Description: Build a pseudo-3D character by composing multiple IsoBox shapes into a single Container. Demonstrates how to use face coloring and face visibility to create isometric art.

## Isometric Box Drawing
ID: QQFNbxgoDr
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/iso-draw
Size: 1010x600
Multi-file: no
Description: Learn how to draw and position IsoBox shapes on an isometric grid, featuring face-specific color shading and coordinate conversion between screen and isometric space.

## Isometric Box Shape
ID: TuVWC2PWkH
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/iso-box
Size: 800x600
Multi-file: no
Description: Demonstrates creating and animating isometric box shapes with customizable face colors and adjustable projection angles.

## Isometric Heightmap Landscape
ID: 3GJqeLS24t
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/iso-landscape
Size: 800x600
Multi-file: no
Description: Generate a scrollable isometric terrain using IsoBox shapes and a noise texture to determine block heights and colors.

## Isometric Image Heightmap
ID: 79q16dTs2r
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/iso-image
Size: 800x600
Multi-file: no
Description: Render a dynamic isometric terrain using a grid of Isobox shapes whose height and color are driven by pixel data from a source image heightmap.

## Isometric Triangle Shape
ID: JfK3dSWhsW
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/iso-triangle
Size: 800x600
Multi-file: no
Description: Create and animate 2.5D isometric triangle shapes, showcasing face coloring, reversing the orientation, and tweening the height and projection properties.

## Line Shape
ID: VF3R48wU6T
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/line
Size: 800x600
Multi-file: no
Description: Demonstrates creating line shapes, including setting varying start and end widths for tapered effects and applying tweens for rotation, scaling, and transparency.

## Polygon Contains Check
ID: LgjbYtapV6
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/polygon-contains
Size: 800x600
Multi-file: no
Description: Demonstrates how to check if a specific coordinate point lies within the boundaries of a Polygon shape.

## Polygon Shape
ID: qMEFhHm729
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/polygon
Size: 800x600
Multi-file: no
Description: Create Polygon Shape game objects using coordinate arrays. Demonstrates setting fill colors, stroke styles, and animating properties like scale, alpha, and rotation.

## Polygon with Matter Physics
ID: YraNQ3K6pf
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/polygon-with-matter-physics
Size: 800x600
Multi-file: no
Description: This example shows how to create custom polygon shapes and convert them into active Matter.js physics bodies using vertex data.

## Rectangle Shape
ID: f4T2gJCFhz
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/rectangle
Size: 800x600
Multi-file: no
Description: Demonstrates creating and styling Rectangle Shape Game Objects, including using fill colors, stroke styles, and applying tweens for scaling, alpha, and rotation.

## Rectangle with Arcade Physics
ID: gxhad8F2c9
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/rectangle-with-arcade-physics
Size: 800x600
Multi-file: no
Description: This example demonstrates how to apply Arcade Physics to Rectangle Shape Game Objects, including setting velocity, bounce, and world boundary collisions.

## Shape Blend Modes
ID: AfGfZKcSUX
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/blend-modes
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply blend modes to Shape Game Objects to create color mixing effects between overlapping circles.

## Shape Game Object: Ellipse
ID: xQZepY88f8
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/ellipse
Size: 800x600
Multi-file: no
Description: Learn how to create and customize Ellipse shape objects, featuring examples of solid fills, stroke styles, smoothness settings, and property animations using tweens.

## Spline Curve Shape
ID: VwUR4xV2y2
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/spline
Size: 800x600
Multi-file: no
Description: Create a Spline curve from an array of points and render it as a shape Game Object that follows the movement of the pointer.

## Stacker
ID: MtyZ3N8VeQ
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/stacker
Size: 800x600
Multi-file: no
Description: A complete implementation of a classic arcade-style stacking game using Shape Game Objects, a background grid, and timed events for movement logic.

## Stacker Game
ID: MT1ZAWr42r
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/stacker-es6
Size: 800x600
Multi-file: no
Description: A full arcade game implementation featuring multi-scene navigation, grid-based block positioning, custom font integration, and progressive difficulty logic.

## Star Shape
ID: GKwWgCRLie
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/star
Size: 800x600
Multi-file: no
Description: Learn how to create and style Star game objects by defining the number of points, inner and outer radii, fill colors, and stroke styles.

## Triangle Shape
ID: e5y35THRAd
Version: v4.1.0
Path: game objects/shapes
URL: https://phaser.io/examples/v4.1.0/game objects/shapes/view/triangle
Size: 800x600
Multi-file: no
Description: Create and customize Triangle Shape objects using specific coordinates, including how to apply fill colors, strokes, and tweens for scaling, rotation, and alpha transparency.

## Big Forest
ID: u9PP9tGxEJ
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/big-forest
Size: 1280x720
Multi-file: no
Description: Demonstrates the SpriteGPULayer for high-performance rendering of massive sprite counts. It features a procedurally generated environment with parallax layers, weather-based color interpolation, and individual animations for environmental elements like wind-blown leaves, lake sparkles, and rain.

## Direct GPU Buffer Manipulation
ID: 4ZtGgyobgq
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/update-sprite-buffer
Size: 1024x768
Multi-file: no
Description: Manually update the underlying Float32 buffer of a SpriteGPULayer to manipulate thousands of sprites simultaneously for high-performance animation and interaction.

## Dynamic Sprite GPU Layer Particles
ID: TdY9HGsivK
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/dynamic-particle-source
Size: 1280x720
Multi-file: no
Description: Create a high-performance particle effect by dynamically editing members of a Sprite GPU Layer to follow the mouse pointer with smooth interpolation and animations.

## GPU Animated Sprites
ID: 4WPYForF6Z
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/gpu-animated-sprites
Size: 800x600
Multi-file: no
Description: Demonstrates using a Sprite GPU Layer to efficiently render and animate a large number of sprites using shared animation data and individual property templates.

## GPU Animated Spritesheet from Atlas
ID: H5KqYYdXJs
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/gpu-animated-spritesheet-from-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a high-performance GPU sprite layer using animation frames extracted from a texture atlas spritesheet.

## GPU Layer Easing Types
ID: cAn2s9K9sc
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/easing-types
Size: 800x600
Multi-file: no
Description: Demonstrates applying various easing functions like Linear, Quad, and Smoothstep to members within a Sprite GPU Layer.

## GPU Sprite Layer
ID: iqiUASMxuD
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/gpu-sprite
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use Sprite GPU Layers to render and animate hundreds of thousands of sprites simultaneously using high-performance GPU-based property templates.

## Incremental Sprite GPU Layer
ID: 8bGgFFsCr4
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/create-sprites-incrementally
Size: 1024x768
Multi-file: no
Description: Demonstrates how to add and manage massive amounts of sprites—up to one million—by incrementally populating a Sprite GPU Layer to ensure smooth performance during large buffer updates.

## One Million Pixel Sprites
ID: 6oSzWJjVdW
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/pixel-sprites-1-million
Size: 1000x1000
Multi-file: no
Description: Efficiently renders one million sprites using the Sprite GPU Layer, demonstrating high-performance handling of massive sprite counts where each sprite represents a single pixel from a source texture.

## Sprite GPU Layer Animation Data
ID: 3ANrr4vLkc
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/frame-animation-data
Size: 1280x720
Multi-file: no
Description: Demonstrates how to manually define sprite properties and animation frame data using ArrayBuffers for high-performance rendering with the Sprite GPU Layer.

## Sprite GPU Layer Buffer Updates
ID: WUVYjNrpXA
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/update-sprites
Size: 1024x768
Multi-file: no
Description: Demonstrates high-performance updates for hundreds of thousands of sprites by directly manipulating the instance buffer within a Sprite GPU Layer.

## Sprite GPU Layer Bunny Dance
ID: tYCHEWdU8w
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/bunny-dance
Size: 800x600
Multi-file: no
Description: Learn how to use the Sprite GPU Layer to animate thousands of sprites simultaneously using property templates for high-performance hardware acceleration.

## Sprite GPU Layer Insert Members
ID: AvihXszPFR
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/insert-members
Size: 1280x720
Multi-file: no
Description: Demonstrates how to dynamically add new elements to a Sprite GPU Layer at a specific index, used here to create an infinite scrolling field of sprites.

## Sprite GPU Layer Lighting
ID: Au2Ecq8Lt6
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/layer-lighting
Size: 800x600
Multi-file: no
Description: Demonstrates applying dynamic lighting and normal maps to thousands of sprites within a Sprite GPU Layer.

## Sprite GPU Layer Particle Fountain
ID: XLTCtRqg47
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/particle-fountain
Size: 800x600
Multi-file: no
Description: Demonstrates rendering thousands of animated particles using the Sprite GPU Layer with additive blending and hardware-accelerated movement patterns like Gravity.

## Sprite GPU Layer with Multiple Atlas Frames
ID: Do3TPnREzw
Version: v4.1.0
Path: game objects/sprite gpu layer
URL: https://phaser.io/examples/v4.1.0/game objects/sprite gpu layer/view/multiple-frames-from-texture
Size: 800x600
Multi-file: no
Description: Demonstrates using a Sprite GPU Layer to efficiently render many sprites using various frames from a single texture atlas.

## Create Sprites from Config
ID: LqgCwNDr1m
Version: v4.1.0
Path: game objects/sprites
URL: https://phaser.io/examples/v4.1.0/game objects/sprites/view/create-from-config
Size: 800x600
Multi-file: no
Description: Demonstrates creating sprites using configuration objects, featuring dynamic value assignment through random integers, floats, arrays, and custom functions.

## Custom Sprite Class
ID: 3mvZpADWMq
Version: v4.1.0
Path: game objects/sprites
URL: https://phaser.io/examples/v4.1.0/game objects/sprites/view/custom-sprite-class-es6
Size: 1024x768
Multi-file: no
Description: Demonstrates how to extend the Sprite class using ES6 syntax to create custom game objects with their own internal logic and preUpdate lifecycle methods.

## Export Sprite to JSON
ID: gNaqYyCdwY
Version: v4.1.0
Path: game objects/sprites
URL: https://phaser.io/examples/v4.1.0/game objects/sprites/view/to-json
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the toJSON method to export a Sprite's current state—including position, rotation, scale, and alpha—into a serializable JSON object.

## Moving a Sprite
ID: 7gcFRrJMar
Version: v4.1.0
Path: game objects/sprites
URL: https://phaser.io/examples/v4.1.0/game objects/sprites/view/moving-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to move a Sprite across the screen by manually updating its position within the scene update loop.

## Multiple Sprites
ID: BJPDPHLdpd
Version: v4.1.0
Path: game objects/sprites
URL: https://phaser.io/examples/v4.1.0/game objects/sprites/view/multiple-sprites
Size: 1024x768
Multi-file: no
Description: Load and display multiple independent Sprite objects at different coordinates within a single scene.

## Rotate Around A Sprite
ID: 8UCH5VrTCJ
Version: v4.1.0
Path: game objects/sprites
URL: https://phaser.io/examples/v4.1.0/game objects/sprites/view/rotate-around-a-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates using Phaser.Math.RotateAroundDistance to create orbital motion where sprites rotate around the positions of other moving sprites.

## Single Sprite
ID: yg9YADWz89
Version: v4.1.0
Path: game objects/sprites
URL: https://phaser.io/examples/v4.1.0/game objects/sprites/view/single-sprite
Size: 1024x768
Multi-file: no
Description: A basic example showing how to load an image and display it as a Sprite game object at a specific coordinate.

## Sprite Alpha
ID: pJ8e1Pe1cN
Version: v4.1.0
Path: game objects/sprites
URL: https://phaser.io/examples/v4.1.0/game objects/sprites/view/sprite-alpha
Size: 800x600
Multi-file: no
Description: Set the transparency of a Sprite using the alpha property.

## Sprite Rotation
ID: HbsjbJPX3G
Version: v4.1.0
Path: game objects/sprites
URL: https://phaser.io/examples/v4.1.0/game objects/sprites/view/sprite-rotation
Size: 800x600
Multi-file: no
Description: Demonstrates the difference between the angle (degrees) and rotation (radians) properties of a Sprite, featuring a visual guide of Phaser's circular coordinate system.

## Stamp Across Multiple Cameras
ID: jGbSv74wgy
Version: v4.1.0
Path: game objects/stamp
URL: https://phaser.io/examples/v4.1.0/game objects/stamp/view/stamp-across-multiple-cameras
Size: 800x600
Multi-file: no
Description: Demonstrates how a Stamp Game Object is rendered across multiple cameras simultaneously, including how to hide it from specific viewports using camera.ignore.

## Stamp HUD
ID: ofzkYX16WM
Version: v4.1.0
Path: game objects/stamp
URL: https://phaser.io/examples/v4.1.0/game objects/stamp/view/stamp-hud
Size: 1024x768
Multi-file: no
Description: Learn how to use Stamp Game Objects to create UI elements that remain fixed on the screen, ignoring camera movement, rotation, and zoom levels.

## Stamp With Lighting
ID: AwG9MyiKB8
Version: v4.1.0
Path: game objects/stamp
URL: https://phaser.io/examples/v4.1.0/game objects/stamp/view/stamp-with-lighting
Size: 1280x720
Multi-file: no
Description: Demonstrates using the Stamp Game Object with the 2D lighting system and normal maps. It shows how a Stamp can receive dynamic lighting from multiple light sources as they move across the screen.

## Bitmap Text Properties
ID: Z7NJHNb9Vp
Version: v4.1.0
Path: game objects/tests
URL: https://phaser.io/examples/v4.1.0/game objects/tests/view/static-bitmap-text
Size: 800x600
Multi-file: no
Description: Learn how to manipulate Bitmap Text objects using origin, scale, rotation, alpha transparency, and blend modes.

## Dynamic Bitmap Text Properties
ID: xsrJ2M7xQq
Version: v4.1.0
Path: game objects/tests
URL: https://phaser.io/examples/v4.1.0/game objects/tests/view/dynamic-bitmap-text
Size: 800x600
Multi-file: no
Description: Demonstrates the creation and manipulation of Dynamic Bitmap Text objects, including properties like origin, scale, rotation, alpha, and blend modes.

## Image Positioning and Properties
ID: 7VMEwR76hD
Version: v4.1.0
Path: game objects/tests
URL: https://phaser.io/examples/v4.1.0/game objects/tests/view/image
Size: 800x600
Multi-file: no
Description: Demonstrates basic image manipulation in Phaser including origin points, scaling, rotation, alpha transparency, and blend modes.

## Single TileSprite
ID: 7RSmTLn1fp
Version: v4.1.0
Path: game objects/tests
URL: https://phaser.io/examples/v4.1.0/game objects/tests/view/single-tilesprite
Size: 800x600
Multi-file: no
Description: A basic example showing how to create, scale, and rotate a single TileSprite game object in Phaser.

## Text Game Object Properties
ID: RinhviZLhU
Version: v4.1.0
Path: game objects/tests
URL: https://phaser.io/examples/v4.1.0/game objects/tests/view/text
Size: 800x600
Multi-file: no
Description: Demonstrates core properties of the Text Game Object, including origin alignment, scaling, rotation, alpha transparency, and blend modes.

## TileSprite Properties
ID: cjvfg6JHJ4
Version: v4.1.0
Path: game objects/tests
URL: https://phaser.io/examples/v4.1.0/game objects/tests/view/tilesprite
Size: 800x600
Multi-file: no
Description: Demonstrates creating and manipulating TileSprites, including settings for positioning, origin, scale, rotation, alpha, and blend modes.

## Basic Text
ID: 8ho3ZuB8ad
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/basic-text
Size: 800x600
Multi-file: no
Description: Create text objects using default settings, style configuration objects, or method chaining to set font properties like family, size, and color.

## Basic Text Creation
ID: CeaX7haQ4i
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/text-key
Size: 800x600
Multi-file: no
Description: Demonstrates the simplest way to add and display a text string at specific coordinates in a scene.

## Change Text
ID: u4PS6WcpZE
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/change-text
Size: 800x600
Multi-file: no
Description: Demonstrates how to update the string content of a Text object dynamically using both the text property and the setText method.

## Create Text from Configuration
ID: 3GVdFE3xXs
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/create-from-config
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and style a Text Game Object by passing a configuration object to the Scene Maker.

## Custom Webfonts via WebFont Loader
ID: A71FVa8FB3
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/custom-webfont
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically inject CSS @font-face rules into the document and use the WebFont Loader to ensure custom fonts are ready before rendering Text objects.

## Emojis in Text
ID: R77UniG52y
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/emojis
Size: 800x600
Multi-file: no
Description: Demonstrates how to render emojis within a Text Game Object using emoji characters directly or Unicode escape sequences.

## Google Webfont
ID: mCaryLiR3C
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/google-webfont
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use the WebFont Loader to import and apply Google Fonts to Text objects, ensuring fonts are loaded before they are rendered.

## Italic Text and Padding
ID: 6M1G15YEnn
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/italic-text
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply italic font styles to Text objects and use padding to prevent character clipping on the right edge.

## Multi-Line Text
ID: Nqg3cPyJCG
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/multi-line-text
Size: 1024x768
Multi-file: no
Description: Demonstrates how to display multiple lines of text within a single Text Game Object by providing an array of strings.

## Multi-Line Text Alignment
ID: rTPevifBiN
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/multi-line-text-with-alignment
Size: 1024x768
Multi-file: no
Description: Demonstrates how to display multi-line text using an array of strings and apply horizontal alignment.

## Right To Left Text
ID: 4xW7UEXJBf
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/right-to-left-text
Size: 800x600
Multi-file: no
Description: This example demonstrates how to render right-to-left (RTL) text scripts using the rtl property, showcasing how to handle punctuation, numerals, and bidirectional text marks.

## Right-Aligned Text Origin
ID: 89KbLPUuJG
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/right-origin
Size: 800x600
Multi-file: no
Description: Demonstrates how to right-align a single line of text relative to its position by setting the horizontal origin to 1.

## Simple Text Button
ID: KqRSEF8hdG
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/simple-text-button
Size: 800x600
Multi-file: no
Description: Demonstrates how to create an interactive UI button using a Text Game Object with background colors and hover state pointer events.

## Speech Bubble
ID: TmByf1m561
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/speech-bubble
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a stylized speech bubble using Graphics for the bubble shape and arrow, combined with a Text object featuring word wrapping and alignment.

## Text Alignment
ID: g44TdLHUP6
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/align-text
Size: 800x600
Multi-file: no
Description: Demonstrates how to align multiple lines of text within a Text Game Object using the left, center, and right alignment properties.

## Text Bounds
ID: kWvVxM3FZ6
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/text-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to retrieve and visualize the rectangular bounds of Text objects. See how the bounding box dynamically updates as content changes and how it accounts for styles like stroke and shadow.

## Text Gradient
ID: 6ZR6qAj2qe
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/text-gradient
Size: 800x600
Multi-file: no
Description: Apply a linear color gradient to a Text object using the native Canvas context API.

## Text Line Spacing
ID: XecqH9y5gj
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/line-spacing
Size: 800x600
Multi-file: no
Description: Demonstrates how to adjust the vertical distance between multiple lines of text in a Text Game Object using the lineSpacing property.

## Text Metrics
ID: zNEyeei11A
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/text-metrics
Size: 800x600
Multi-file: no
Description: Provide pre-defined text metrics in the configuration object to bypass internal canvas scanning and improve initialization performance.

## Text Object Test String
ID: q5B2LA1Y4v
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/set-test-string
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the testString property to influence the calculation of font metrics and vertical text alignment.

## Text Origin
ID: TUhf5rzjnp
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/text-origin
Size: 800x600
Multi-file: no
Description: Demonstrates how to set the origin of a Text object to center it on its position coordinates, allowing it to rotate around its own center point.

## Text Padding
ID: ZsVwT9Hygw
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/text-padding
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply internal padding to Text objects using uniform values, axis-specific values, or individual settings for each side.

## Text Padding from Config
ID: JNa4mX54tg
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/padding-from-config
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply uniform, axis-based, or per-side padding to Text objects using a configuration object.

## Text Shadow and Stroke Styles
ID: d57Z7CTGcY
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/shadow-stroke-styles
Size: 800x600
Multi-file: no
Description: Demonstrates how to control drop shadows on Text objects, specifically applying them to the fill, the stroke, or both.

## Text to JSON
ID: 6enX6skSop
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/to-json
Size: 800x600
Multi-file: no
Description: Demonstrates how to export a Text game object's properties and style configuration into a JSON-compatible object using the toJSON method.

## Text with Fallback Font
ID: 7CurWFcb5i
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/text-with-fallback-font
Size: 800x600
Multi-file: no
Description: This example demonstrates how to specify a comma-separated list of fallback fonts for a Text object to ensure it renders correctly if the primary font is missing.

## Word Wrap by Callback
ID: XHTrtumSF5
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/word-wrap-by-callback
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a custom callback function to define your own logic for word-wrapping text.

## Word Wrap By Width
ID: ALhnq6YGSd
Version: v4.1.0
Path: game objects/text
URL: https://phaser.io/examples/v4.1.0/game objects/text/view/word-wrap-by-width
Size: 800x600
Multi-file: no
Description: Demonstrates how to wrap text by a specified pixel width, highlighting the differences between basic wrapping and advanced wrapping for whitespace handling and long words.

## Word Wrap
ID: Ch6UHJjxuR
Version: v4.1.0
Path: game objects/text/tests
URL: https://phaser.io/examples/v4.1.0/game objects/text/tests/view/word-wrap
Size: 800x600
Multi-file: no
Description: Demonstrates various word wrapping techniques for Text objects, including basic width-based wrapping, advanced wrapping with whitespace trimming, and custom wrapping callbacks for manual control.

## Change TileSprite Frame
ID: pe5Nd4QfEG
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/change-frame
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically update the texture frame of a TileSprite using the setFrame method with frames from a texture atlas.

## Change TileSprite Frame
ID: WUicCMTvhn
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/change-single-frame
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically update the texture frame of a TileSprite at runtime using frames from a texture atlas.

## Change TileSprite Frame and Size
ID: ercUmYuFE9
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/change-frame-and-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically update a TileSprite's dimensions and change its texture frame from an atlas while it is scrolling.

## Create TileSprite from Frame Size
ID: rLrZhsERg6
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/create-from-frame
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a TileSprite that automatically matches the dimensions of its source texture frame by passing zero as the width and height.

## Flipped Tile Sprites
ID: k4wc874sCF
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/flipped
Size: 800x600
Multi-file: no
Description: A demonstration of how to create Tile Sprites and apply horizontal and vertical flipping to their display.

## Tile Sprite from Texture Atlas (Canvas)
ID: QXzvmwuJwB
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/atlas-canvas
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and scroll multiple Tile Sprites using specific frames from a loaded texture atlas within the Canvas renderer.

## Tile Sprite Movement
ID: sBKpzJFmsk
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/example-2
Size: 800x600
Multi-file: no
Description: Demonstrates how to animate the texture offset of multiple Tile Sprites using tilePositionX and tilePositionY to create scrolling effects.

## Tile Sprite Position and Scale
ID: 3t4YnRGXK7
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/example
Size: 800x600
Multi-file: no
Description: Demonstrates how to animate the internal texture position and scale of a Tile Sprite independently of the sprite's physical dimensions.

## Tile Sprite Scrolling
ID: GC4kCCZzpf
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/example-canvas
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and animate scrolling textures using Tile Sprites, including the use of rotation, scaling, and tile position offsets.

## TileSprite Canvas Rendering
ID: h2xm4LzRFE
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/example-2-canvas
Size: 800x600
Multi-file: no
Description: Demonstrates how to use and animate TileSprites in Canvas mode, including updating tile positions to create scrolling effects alongside other game objects.

## TileSprite from Texture Atlas
ID: K7A2pjVWMn
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to create multiple TileSprites using individual frames from a Texture Atlas and animate their tile positions.

## TileSprite Pixel Art Scaling
ID: 3ogetJ1dkt
Version: v4.1.0
Path: game objects/tile sprite
URL: https://phaser.io/examples/v4.1.0/game objects/tile sprite/view/tilesprite-pixel-art-test
Size: 800x600
Multi-file: no
Description: Demonstrates dynamic tile scaling and rotation of a TileSprite using pixel art textures, while maintaining crisp rendering with the pixelArt configuration enabled.

## Change Video Source
ID: pnE4dQh3JU
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/change-video-source
Size: 960x540
Multi-file: no
Description: Demonstrates how to dynamically switch the source of a Video Game Object between different preloaded video assets during runtime.

## Get First Video Frame
ID: nWh94UGzWL
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/get-first-video-frame
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use the getFirstFrame method to display the initial frame of a video as a static preview before playback starts.

## Load Video From URL
ID: cWdxeGWorN
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/load-video-from-url
Size: 1280x720
Multi-file: no
Description: Demonstrates how to create a Video Game Object and load a video file directly via a URL at runtime instead of using the preloader.

## Loop Video
ID: MqMiCszWDa
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/loop-video
Size: 800x600
Multi-file: no
Description: This example demonstrates how to play a video on a continuous loop, handle browser autoplay restrictions, and listen for the 'loop' event to track repetitions.

## Multiple Video Instances
ID: JUFZcgb5XF
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/multiple-video-instances
Size: 960x540
Multi-file: no
Description: Learn how to display multiple video Game Objects using the same video asset, each playing independently with a different start time offset.

## Multiple Videos
ID: E8B6UeFD3f
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/multiple-videos
Size: 800x600
Multi-file: no
Description: This example demonstrates how to load, display, and play multiple video files simultaneously in a grid layout.

## Play Video with Interaction
ID: a89NC1AXab
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/play-video
Size: 1280x720
Multi-file: no
Description: Demonstrates how to load and play a video file, including handling browser autoplay restrictions and toggling play/pause states via user input.

## Stream Video From Webcam
ID: J2DH82D2E8
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/stream-video-from-webcam
Size: 880x680
Multi-file: no
Description: Demonstrates how to capture a user's webcam stream using the browser MediaDevices API and display it within a Phaser Video Game Object.

## Transparent Video
ID: 9SHgAkmuki
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/transparent-video
Size: 1024x600
Multi-file: no
Description: Demonstrates playing a transparent WebM video over a background shader and an audio-reactive waveform visualization.

## Video as Shader Texture
ID: 4JGkKtTkhu
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/video-as-shader-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a playing video as a dynamic input texture for a GLSL shader. It shows how to register a video stream as a texture and pass it as a uniform into a shader object for real-time visual effects.

## Video as Sprite Texture
ID: EHVXaPTJin
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/video-to-sprites
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a single playing video as a dynamic texture source for multiple Image Game Objects and multi-pass shaders simultaneously.

## Video Controls
ID: Hpe7nL6hWi
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/video-controls
Size: 800x600
Multi-file: no
Description: Demonstrates how to control video playback in Phaser, including play, pause, and resume functions, as well as tracking progress and seeking to specific timestamps using a slider.

## Video On Complete Event
ID: Xvs1g5WRZ7
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/on-complete-event
Size: 800x600
Multi-file: no
Description: Listen for the 'complete' event on a Video Game Object to trigger actions, such as displaying UI or restarting playback, once a video finishes playing.

## Video Seek and Current Time
ID: wVEuTG24NQ
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/video-set-current-time
Size: 1280x720
Multi-file: no
Description: Demonstrates how to seek forward or backward in a video using relative time values and monitor playback progress.

## Video Snapshot
ID: yKbNwLVy54
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/video-snapshot
Size: 1280x470
Multi-file: no
Description: Capture a snapshot of a playing video at its current frame and use it as a texture for an Image game object. This example also demonstrates how to adjust video playback speed.

## Video Snapshot Area
ID: SX8TDPz3Xd
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/video-snapshot-area
Size: 1280x720
Multi-file: no
Description: Demonstrates how to capture a specific rectangular region of a playing video and apply it as a texture to another Game Object.

## Video Transition
ID: NTsnhegZW4
Version: v4.1.0
Path: game objects/video
URL: https://phaser.io/examples/v4.1.0/game objects/video/view/video-transition
Size: 1024x600
Multi-file: no
Description: Demonstrates how to use a transparent WebM video as a transition layer to swap visibility between two game objects (a shader and another video) at a specific point in the playback.

## Avoid the Germs
ID: PUhuGiZUFo
Version: v4.1.0
Path: games/avoid the germs
URL: https://phaser.io/examples/v4.1.0/games/avoid the germs/view/avoid-the-germs
Size: 1024x768
Multi-file: yes
Description: A complete game template featuring pointer-based movement, Arcade Physics, and enemy object pooling. It demonstrates scene management, custom sprite classes, and using moveToObject for chasing AI logic.

## Bank Panic
ID: c4shXZFU9L
Version: v4.1.0
Path: games/bank panic
URL: https://phaser.io/examples/v4.1.0/games/bank panic/view/bank-panic
Size: 1024x768
Multi-file: yes
Description: A complete arcade-style shooter demonstrating custom Container classes for complex game entities, managing randomized character states, and coordinating global game logic across multiple interactive objects.

## Breakout
ID: mnEUth4qmu
Version: v4.1.0
Path: games/breakout
URL: https://phaser.io/examples/v4.1.0/games/breakout/view/breakout
Size: 800x600
Multi-file: no
Description: A complete Breakout game example featuring Arcade Physics, grid-based brick alignment using a static group, and custom collision logic to control ball trajectory based on paddle impact.

## Card Memory Game
ID: edWnWGU4ZP
Version: v4.1.0
Path: games/card memory
URL: https://phaser.io/examples/v4.1.0/games/card memory/view/card-memory
Size: 1024x768
Multi-file: yes
Description: A complete memory match game featuring 3D card flip animations created using Plane Game Objects. Demonstrates game state management, grid shuffling, pair-matching logic, and tween-based UI transitions.

## Coin Clicker
ID: BtUfBXzyjh
Version: v4.1.0
Path: games/coin clicker
URL: https://phaser.io/examples/v4.1.0/games/coin clicker/view/coin-clicker
Size: 1024x768
Multi-file: yes
Description: A fast-paced mini-game demonstrating Arcade Physics for falling objects, timed events, high-score tracking via the Registry, and scene transitions.

## Emoji Match
ID: pL2hZhZvX9
Version: v4.1.0
Path: games/emoji match
URL: https://phaser.io/examples/v4.1.0/games/emoji match/view/emoji-match
Size: 1024x768
Multi-file: yes
Description: A speed-matching game demonstrating how to align objects in a grid, manage texture atlas frames, and implement pair-matching logic using random array selection and staggered tweens.

## Complete Arcade Physics Platformer
ID: PoyktEz3bP
Version: v4.1.0
Path: games/firstgame
URL: https://phaser.io/examples/v4.1.0/games/firstgame/view/part10
Size: 800x600
Multi-file: no
Description: The final version of the introductory tutorial game, featuring platform physics, star collection, scoring, and hazardous bombs that end the game.

## First Game Part 2: Loading Assets
ID: khhwWTVcpv
Version: v4.1.0
Path: games/firstgame
URL: https://phaser.io/examples/v4.1.0/games/firstgame/view/part2
Size: 800x600
Multi-file: no
Description: Demonstrates how to preload static images and a spritesheet with specific frame dimensions into a Scene.

## First Game: Part 3 - Loading Assets
ID: pjAXPBjMc1
Version: v4.1.0
Path: games/firstgame
URL: https://phaser.io/examples/v4.1.0/games/firstgame/view/part3
Size: 800x600
Multi-file: no
Description: Demonstrates how to load image and spritesheet assets into a Scene and add a background image to the display list.

## First Game: Part 4 - Static Platforms
ID: n4d7pNe2JS
Version: v4.1.0
Path: games/firstgame
URL: https://phaser.io/examples/v4.1.0/games/firstgame/view/part4
Size: 800x600
Multi-file: no
Description: Learn how to use Arcade Physics static groups to create platforms and level geometry, including how to scale static bodies.

## Keyboard Controls and Movement
ID: ajgKaioPfg
Version: v4.1.0
Path: games/firstgame
URL: https://phaser.io/examples/v4.1.0/games/firstgame/view/part7
Size: 800x600
Multi-file: no
Description: Learn how to move a player character using keyboard input, apply animations based on velocity, and implement jumping with Arcade Physics.

## Making Your First Game: Part 1
ID: xHJWQ9L2LJ
Version: v4.1.0
Path: games/firstgame
URL: https://phaser.io/examples/v4.1.0/games/firstgame/view/part1
Size: 800x600
Multi-file: no
Description: The initial setup for a Phaser project, featuring the basic Game configuration and an empty Scene template.

## Making your First Game: Part 5
ID: zuNnFqvB9j
Version: v4.1.0
Path: games/firstgame
URL: https://phaser.io/examples/v4.1.0/games/firstgame/view/part5
Size: 800x600
Multi-file: no
Description: Learn how to add a physics-enabled player sprite and define animations for walking left, right, and turning using a spritesheet.

## Making your first Phaser Game: Part 8
ID: nT2tMaxoAL
Version: v4.1.0
Path: games/firstgame
URL: https://phaser.io/examples/v4.1.0/games/firstgame/view/part8
Size: 800x600
Multi-file: no
Description: Demonstrates how to collect items using physics overlaps. It features a callback function that disables star objects when they come into contact with the player.

## Player Animations and Collision
ID: Kn1bJjLz6k
Version: v4.1.0
Path: games/firstgame
URL: https://phaser.io/examples/v4.1.0/games/firstgame/view/part6
Size: 800x600
Multi-file: no
Description: Demonstrates how to add a physics-enabled player sprite, set its bounce and world boundaries, define animations using a spritesheet, and handle collisions with static platform groups.

## Score and Collecting Items
ID: q5sGfACSdd
Version: v4.1.0
Path: games/firstgame
URL: https://phaser.io/examples/v4.1.0/games/firstgame/view/part9
Size: 800x600
Multi-file: no
Description: Learn how to detect overlaps between physics bodies to collect items and update a score display using Text objects.

## Flood Fill Game
ID: Lf8yxq33DP
Version: v4.1.0
Path: games/flood fill
URL: https://phaser.io/examples/v4.1.0/games/flood fill/view/flood-fill
Size: 800x600
Multi-file: no
Description: A complete color-matching puzzle game featuring a recursive flood-fill algorithm. It demonstrates staggered grid animations, particle effects for tile updates, and state-based game logic including move counters and win/loss conditions.

## Minesweeper
ID: gLzxALcLHC
Version: v4.1.0
Path: games/minesweeper
URL: https://phaser.io/examples/v4.1.0/games/minesweeper/view/minesweeper
Size: 800x600
Multi-file: no
Description: A complete Minesweeper clone featuring dynamic bomb placement, recursive flood-fill for clearing empty areas, right-click flagging, and a retro UI with animated digit counters.

## Animation Key Constants
ID: RLq4Kf23NS
Version: v4.1.0
Path: games/my first game
URL: https://phaser.io/examples/v4.1.0/games/my first game/view/animationkeys
Size: 1024x768
Multi-file: no
Description: Demonstrates organizing animation keys into a central constant object to manage asset strings safely and avoid typos throughout a project.

## Audio Key Constants
ID: siXfgWbTUg
Version: v4.1.0
Path: games/my first game
URL: https://phaser.io/examples/v4.1.0/games/my first game/view/audiokeys
Size: 1024x768
Multi-file: no
Description: Demonstrates organizing sound effect asset keys into a central constant object to ensure consistency and maintainability when referencing audio throughout a game.

## Complete Multi-Scene Game Template
ID: pMQmSeJksx
Version: v4.1.0
Path: games/my first game
URL: https://phaser.io/examples/v4.1.0/games/my first game/view/game
Size: 800x600
Multi-file: no
Description: A comprehensive example showing how to structure a Phaser game with multiple scenes, including a boot sequence, preloader, main menu, arcade physics gameplay, a UI overlay, and a game over screen.

## Sprite Keys Mapping
ID: oquh9PKkAf
Version: v4.1.0
Path: games/my first game
URL: https://phaser.io/examples/v4.1.0/games/my first game/view/spritekeys
Size: 1024x768
Multi-file: no
Description: Demonstrates centralizing asset keys within a single object to avoid hard-coded strings and ensure consistency across the game logic.

## Animated Coin Collection Effect
ID: WuWpc4sjPc
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/coin
Size: 1024x768
Multi-file: no
Description: Demonstrates a custom Sprite class that manages its own spin animation, yoyo tween movement, sound effects, and self-destruction upon completion.

## Automated Sprite AI (Chick)
ID: N1Rd4KB1LR
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/chick
Size: 1024x768
Multi-file: no
Description: A custom Arcade Physics Sprite class demonstrating automated movement, jumping on a timer, and collision-based direction switching.

## Bomb Sprite Class
ID: WhZEt17gww
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/bomb
Size: 1024x768
Multi-file: no
Description: An example of extending the Arcade Physics Sprite class to create a custom bomb object with randomized velocity, angular rotation, and world bounds collision.

## Collectible Physics Sprite
ID: viuoxHepmP
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/star
Size: 1024x768
Multi-file: no
Description: Demonstrates creating a custom Sprite class with Arcade Physics, featuring randomized bounce properties, collection logic, and physics body resetting.

## Custom Player Sprite Class
ID: QVb2MAqCgj
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/player
Size: 1024x768
Multi-file: no
Description: An example of encapsulating player logic, such as movement, animations, and jumping, within a class that extends the Arcade Physics Sprite.

## Dynamic Texture Platforms
ID: 3YGnDy87um
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/platform
Size: 1024x768
Multi-file: no
Description: Demonstrates creating custom-sized platform sprites by stamping tile textures onto a Dynamic Texture and configuring them as static Arcade Physics bodies.

## Floating Score Text
ID: hLgCBXMBnN
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/score
Size: 1024x768
Multi-file: no
Description: Demonstrates a custom BitmapText class that animates upwards and automatically destroys itself using a Tween, creating a classic floating score effect for points.

## Hamster Player Class
ID: 9eVCmdg9yH
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/hamster
Size: 1024x768
Multi-file: no
Description: A demonstration of extending the Arcade Physics Sprite class to create a controllable character with encapsulated movement, jumping, and animation logic.

## Key Sprite Class
ID: HFWUhvrMW4
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/key
Size: 1024x768
Multi-file: no
Description: A custom Sprite class for a collectible item that demonstrates a floating tween animation, cross-scene audio triggering, and self-destruction.

## Mystery Box Platformer Mechanic
ID: 7sQNA6eS4R
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/mysterybox
Size: 1024x768
Multi-file: no
Description: A custom Arcade Physics Sprite that reacts to being hit from below, triggering a bump animation and spawning an item.

## Platformer Enemy Edge Detection
ID: cyARCnmxfm
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/cake
Size: 1024x768
Multi-file: no
Description: A sprite that uses an Arcade Physics sensor to detect the edges of platforms and automatically change direction.

## Static Physics Sprite Class
ID: PvUFL99MZZ
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/exit
Size: 1024x768
Multi-file: no
Description: Demonstrates creating a custom class that extends an Arcade Physics Sprite to define a static level exit with a specific texture frame and origin.

## Treasure Box Game Object
ID: 7qSw9k5r1K
Version: v4.1.0
Path: games/my first game/gameObjects
URL: https://phaser.io/examples/v4.1.0/games/my first game/gameObjects/view/treasurebox
Size: 1024x768
Multi-file: no
Description: A custom Arcade Physics Sprite class representing a treasure box that changes its animation frame and triggers a key spawn when activated.

## Multi-Scene Game Architecture
ID: DPAkKg11Jv
Version: v4.1.0
Path: games/my first game/scenes
URL: https://phaser.io/examples/v4.1.0/games/my first game/scenes/view/scenes
Size: 1024x768
Multi-file: yes
Description: A complete game structure demonstrating scene transitions, a preloader with a progress bar, and a parallel UI overlay scene for managing HUD elements and audio independently from the main game logic.

## Sliding Puzzle Game
ID: 19FW8av47j
Version: v4.1.0
Path: games/sliding puzzle
URL: https://phaser.io/examples/v4.1.0/games/sliding puzzle/view/sliding-puzzle
Size: 1024x768
Multi-file: yes
Description: A complete sliding tile puzzle demonstrating dynamic texture slicing, interactive tile movement, a custom shuffle algorithm to ensure solvability, and WebGL shader effects for transitions.

## Snake Game - Part 7
ID: 2PqNgFjURC
Version: v4.1.0
Path: games/snake
URL: https://phaser.io/examples/v4.1.0/games/snake/view/part7
Size: 640x480
Multi-file: no
Description: A complete Snake game implementation featuring grid-based movement, screen wrapping, body growth, self-collision detection, and a system to spawn food only on unoccupied grid tiles.

## Snake Game: Growth and Food Spawning
ID: NFPALPmvrA
Version: v4.1.0
Path: games/snake
URL: https://phaser.io/examples/v4.1.0/games/snake/view/part6
Size: 640x480
Multi-file: no
Description: A comprehensive example of a Snake game featuring grid-based movement, body growth using ShiftPosition, and a system to spawn food only in valid empty grid locations.

## Snake Game: Part 1 - Asset Loading
ID: HjyRmfyr3J
Version: v4.1.0
Path: games/snake
URL: https://phaser.io/examples/v4.1.0/games/snake/view/part1
Size: 640x480
Multi-file: no
Description: Initial setup for a Snake game, including game configuration and preloading image assets for the food and snake body.

## Snake Part 2 - Movement and Wrapping
ID: 3Wbz26JecN
Version: v4.1.0
Path: games/snake
URL: https://phaser.io/examples/v4.1.0/games/snake/view/part2
Size: 640x480
Multi-file: no
Description: Implement grid-based movement with timed updates, screen wrapping, and directional controls that prevent reversing direction.

## Snake Part 3: Movement and Screen Wrapping
ID: iaCepUCdF6
Version: v4.1.0
Path: games/snake
URL: https://phaser.io/examples/v4.1.0/games/snake/view/part3
Size: 640x480
Multi-file: no
Description: Demonstrates grid-based snake movement with input validation to prevent 180-degree turns, screen wrapping via Phaser.Math.Wrap, and body segment tracking using Phaser.Actions.ShiftPosition.

## Snake Part 4: Growth and Food Collision
ID: Y42sbJjDdb
Version: v4.1.0
Path: games/snake
URL: https://phaser.io/examples/v4.1.0/games/snake/view/part4
Size: 640x480
Multi-file: no
Description: Implementation of snake movement with grid-based screen wrapping, food collection, and growing the snake body using group actions.

## Snake Part 5: Food and Growth
ID: G5hhy1yUsM
Version: v4.1.0
Path: games/snake
URL: https://phaser.io/examples/v4.1.0/games/snake/view/part5
Size: 640x480
Multi-file: no
Description: This example demonstrates implementing food consumption and snake growth mechanics, including speed increases and tail management using Phaser.Actions.ShiftPosition.

## Snowmen Attack
ID: mb1FqRAKrc
Version: v4.1.0
Path: games/snowmen attack
URL: https://phaser.io/examples/v4.1.0/games/snowmen attack/view/snowmen-attack
Size: 1024x768
Multi-file: yes
Description: A lane-based defense game featuring track-based movement, enemy AI state management, and projectile physics. Demonstrates horizontal lane switching, weighted random enemy behaviors, custom animation event callbacks, and collision handling within specific track groups.

## Stacker
ID: YDDqe8fC96
Version: v4.1.0
Path: games/stacker
URL: https://phaser.io/examples/v4.1.0/games/stacker/view/stacker
Size: 800x600
Multi-file: no
Description: A complete recreation of the classic arcade stacking game. It demonstrates grid-based block movement, timing-dependent input handling, and row-by-row stacking logic where misaligned blocks are removed. Key features include difficulty scaling, scene management, and using the Registry for score tracking across Scenes.

## Tom
ID: TiFizr4PvR
Version: v4.1.0
Path: games/tom
URL: https://phaser.io/examples/v4.1.0/games/tom/view/tom
Size: 1024x768
Multi-file: yes
Description: A complete pixel-art mini-game demonstrating scene management, Arcade Physics, and communication between a UI overlay and the game scene via the Registry event bus. Includes keyboard controls, animated sprites, local storage for high scores, and RetroFont parsing.

## Circle Area
ID: kar3b6WNUq
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/area
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate and use the area of a Circle geometry object.

## Circle Circumference
ID: Pe2Tu4TAiU
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/circumference
Size: 800x600
Multi-file: no
Description: Calculate the circumference of a circle geometry object and visualize it as a vertical line.

## Circle Circumference Point
ID: wjCdV4tHDr
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/circumference-point
Size: 800x600
Multi-file: no
Description: Calculates and returns a point on the perimeter of a circle at a specific angle.

## Circle Clone
ID: YvYNzhPYP9
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/clone
Size: 800x600
Multi-file: no
Description: Demonstrates how to create multiple independent copies of a Circle geometry object using the Clone method to build and animate a complex pattern.

## Circle Contains Point
ID: sALvCzxiNk
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/contains
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the circle's contains method to detect if a point, such as the mouse pointer, is inside its boundary.

## Circle Contains Point
ID: 2femx2Laci
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/contains-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Circle.ContainsPoint geometric test to check if a moving point is located inside a circle's area.

## Circle Contains Rectangle
ID: 7nucHBGCkz
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/contains-rect
Size: 800x600
Multi-file: no
Description: Demonstrates how to check if a Rectangle is fully contained within the bounds of a Circle using Phaser.Geom.Circle.ContainsRect.

## Circle Copy From
ID: DTiYSgLiwv
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/copy-from
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Geom.Circle.CopyFrom to copy the position and radius of one circle geometry object into another.

## Circle Equality
ID: boiy2F7HM2
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/equals
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Geom.Circle.Equals to check if two circle shapes have the exact same position and radius.

## Circle Get Point
ID: k7rn52LHqD
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/get-point-at
Size: 800x600
Multi-file: no
Description: Calculate a specific point along the circumference of a circle using a normalized value between 0 and 1.

## Circle Get Random Point
ID: JhH3AV9fAm
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/get-random-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to generate random coordinates within a Circle geometry object, either by creating new point instances or updating existing ones.

## Circle isEmpty
ID: tyNBVmHfkh
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/is-empty
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the isEmpty method to check if a Circle geometry object has a radius of zero or less.

## Circle Offset
ID: 9dwDnmBUdQ
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/offset
Size: 800x600
Multi-file: no
Description: Demonstrates how to translate a Circle geometry object by adding x and y offsets to its position.

## Circle Offset Point
ID: 6WDR9DPVRE
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/offset-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to shift a circle's position by the coordinates of a point or vector using the OffsetPoint method.

## Circle Properties
ID: Hp1JNhxX66
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/properties
Size: 800x600
Multi-file: no
Description: Demonstrates how to access and use the basic properties of a Circle geometry object, including its radius, diameter, and bounding box coordinates.

## Circle Radius and Diameter
ID: KFx1CBsaXi
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/change-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to change the size of a geometry Circle by modifying its radius and diameter properties.

## Circle Set Empty
ID: 2nEPtrM6EY
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/set-empty
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the setEmpty method to reset a Circle geometry object's dimensions to zero upon interaction.

## Circle Set To
ID: xxtgjaZSwB
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/set-to
Size: 800x600
Multi-file: no
Description: Use the setTo method to redefine the position and radius of a Circle geometry object.

## Create Circle Geometry
ID: xyKtPeRkJx
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/create
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a geometric Circle object and render it using a Graphics object.

## Get Circle Bounds
ID: uUcvcfm9LG
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/get-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Geom.Circle.GetBounds to calculate and update the axis-aligned bounding box of a moving and resizing circle.

## Get Points on a Circle
ID: yRK6yvZxUg
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/get-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to distribute a specific number of points evenly around the circumference of a Circle geometry object using the getPoints method.

## Set Circle Position
ID: mUA6DXN94y
Version: v4.1.0
Path: geom/circle
URL: https://phaser.io/examples/v4.1.0/geom/circle/view/set-position
Size: 800x600
Multi-file: no
Description: Demonstrates various ways to position a Circle geometry object using setPosition, direct property updates, and edge-alignment properties like top, bottom, left, and right.

## Adjust Ellipse Size
ID: AorUkrvkrU
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/adjust-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically update the width and height of a geometric ellipse based on pointer movement and redraw it using a Graphics object.

## Create Ellipse
ID: 9vcFq2jPrP
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/create-ellipse
Size: 800x600
Multi-file: no
Description: Create a geometric ellipse object and draw its outline to the screen using a Graphics object.

## Ellipse Area
ID: 4JRS4U1Vfk
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/area
Size: 800x600
Multi-file: no
Description: Calculate the area of an ellipse and visualize it using a square of equivalent size as the ellipse dimensions change.

## Ellipse Circumference
ID: EbsUeAWCro
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/circumference
Size: 800x600
Multi-file: no
Description: Calculate the circumference of an ellipse and compare it to a square and a circle with the same perimeter length.

## Ellipse Circumference Point
ID: DBRMHP2wiF
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/circumference-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate a specific coordinate on the perimeter of an ellipse based on a given angle using the CircumferencePoint method.

## Ellipse Clone
ID: asGVmBzG8d
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/clone
Size: 800x600
Multi-file: no
Description: Create copies of a geometric ellipse using the Clone method to generate a sequence of expanding shapes.

## Ellipse Contains Point
ID: ozxk5mRwYN
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/contains
Size: 800x600
Multi-file: no
Description: Demonstrates how to check if a specific coordinate, such as the mouse pointer, is located inside the area of an ellipse.

## Ellipse Contains Point
ID: GdZcNKcj8G
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/contains-point
Size: 800x600
Multi-file: no
Description: Demonstrates using the Ellipse.ContainsPoint function to detect if a moving coordinate is located within the bounds of an ellipse shape.

## Ellipse Contains Rectangle
ID: ocpYigY87B
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/contains-rect
Size: 800x600
Multi-file: no
Description: Demonstrates how to check if a Rectangle shape is entirely contained within the bounds of an Ellipse.

## Ellipse Copy From
ID: nwWA9gDfC2
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/copy-from
Size: 800x600
Multi-file: no
Description: Demonstrates using Phaser.Geom.Ellipse.CopyFrom to duplicate the properties of one ellipse geometry object into another.

## Ellipse Equals
ID: 4fo2bDGwuE
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/equals
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Ellipse Equals method to determine if two ellipse geometry objects share the exact same position and dimensions.

## Ellipse Get Bounds
ID: mTAuikfQvX
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/get-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate and update the axis-aligned bounding rectangle of a geometric ellipse as it moves and changes size.

## Ellipse Get Points
ID: e7NozY2puc
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/get-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to extract a specific number of evenly spaced points from the perimeter of an Ellipse geometry object.

## Ellipse Is Empty
ID: E9ef5t4MBq
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/is-empty
Size: 800x600
Multi-file: no
Description: Demonstrates using the isEmpty method to check if an Ellipse geometry object has a width or height less than or equal to zero.

## Ellipse Major Radius
ID: 7T1Ej57otp
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/get-major-radius
Size: 800x600
Multi-file: no
Description: Calculates the major radius of an ellipse and visualizes it as a circle that matches the ellipse's longest axis.

## Ellipse Offset
ID: Xmd5A37vi7
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/offset
Size: 800x600
Multi-file: no
Description: Shift the position of an ellipse geometry object by a specific amount using the static Offset function.

## Ellipse Properties
ID: jvbBbV1cvC
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/properties
Size: 800x600
Multi-file: no
Description: Learn how to access geometric properties of an Ellipse, including its position, dimensions, and bounding box coordinates like left, right, top, and bottom.

## Ellipse Set To
ID: matG7MhmVX
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/set-to
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the setTo method to update the position and dimensions of an Ellipse geometry object.

## Get Minor Radius
ID: j9TjWmQ2S3
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/get-minor-radius
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate and retrieve the minor radius of an Ellipse geometry object, which represents half of its shortest diameter.

## Get Point on Ellipse
ID: taibozU6Bd
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/get-point-at
Size: 800x600
Multi-file: no
Description: Calculate a position along the perimeter of an ellipse using a normalized value between 0 and 1.

## Get Random Point on Ellipse
ID: Xy5zWxXdm9
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/get-random-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to generate and update random coordinates within the area of a geometric ellipse.

## Move Ellipse
ID: YEb3FZda6G
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/move-ellipse
Size: 800x600
Multi-file: no
Description: Demonstrates how to update the position of a geometry Ellipse object based on pointer movement and redraw it using a Graphics object.

## Offset Ellipse by Point
ID: 6Vo3xSFoZb
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/offset-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to translate an ellipse's position by adding the coordinates of a Vector2 using the OffsetPoint method.

## Set Ellipse Empty
ID: bkQ2d9bS8J
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/set-empty
Size: 800x600
Multi-file: no
Description: Demonstrates using the setEmpty method to reset a Phaser.Geom.Ellipse's dimensions to zero.

## Set Ellipse Position
ID: HEiQqcnMYB
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/set-position
Size: 800x600
Multi-file: no
Description: Demonstrates how to position a geometric Ellipse using setPosition, direct coordinate modification, and boundary properties such as top, bottom, left, and right.

## Set Ellipse Size
ID: ffkL6TYBLs
Version: v4.1.0
Path: geom/ellipse
URL: https://phaser.io/examples/v4.1.0/geom/ellipse/view/set-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to update the width and height of a geometric ellipse using the setSize method.

## Circle to Circle Intersection
ID: szTiCQe1kB
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/circle-to-circle
Size: 800x600
Multi-file: no
Description: Demonstrates how to check for overlaps between two circles using the CircleToCircle intersection test.

## Line to Circle Intersection
ID: AKqyCEb3GT
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/line-to-circle
Size: 800x600
Multi-file: no
Description: Demonstrates intersection testing between a rotating line and a circle that follows the pointer.

## Line to Line Intersection
ID: VHaw86ZmG9
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/line-to-line
Size: 800x600
Multi-file: no
Description: Demonstrates how to check for an intersection point between two geometric lines. One line rotates continuously while the other follows the mouse pointer.

## Line to Rectangle Intersection
ID: mScLKyqhfe
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/line-to-rectangle
Size: 800x600
Multi-file: no
Description: Demonstrates how to detect if a rotating line segment intersects with a rectangle using Phaser.Geom.Intersects.LineToRectangle.

## Point to Line Intersection
ID: dZAgG3uDMS
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/point-to-line
Size: 800x600
Multi-file: no
Description: Demonstrates checking if a point lies exactly on a line segment using the PointToLine intersection test.

## Point To Line Segment
ID: Z4UubLbBfy
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/point-to-line-segment
Size: 800x600
Multi-file: no
Description: Demonstrates checking if a point lies exactly on a specific line segment using the PointToLineSegment intersection test.

## Rectangle Intersection Area
ID: p7UJUDup11
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/get-rectangle-intersection
Size: 800x600
Multi-file: no
Description: Calculates and renders a new rectangle representing the overlapping intersection area of two rectangles.

## Rectangle to Circle Intersection
ID: KA36VRdsUj
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/rectangle-to-circle
Size: 800x600
Multi-file: no
Description: Demonstrates checking for an intersection between a Circle and a Rectangle geometry object. The shapes change color when they overlap.

## Rectangle to Rectangle Intersection
ID: rxkHsXzMT8
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/rectangle-to-rectangle
Size: 800x600
Multi-file: no
Description: Demonstrates how to check for intersection between two Rectangle geometry objects using the RectangleToRectangle function.

## Rectangle to Triangle Intersection
ID: ecpUUNfAvC
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/rectangle-to-triangle
Size: 800x600
Multi-file: no
Description: Demonstrates checking for intersection between a static Rectangle and a rotating Triangle that follows the pointer.

## Rectangle to Values Intersection
ID: fSZ4HYSPv8
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/rectangle-to-values
Size: 800x600
Multi-file: no
Description: Demonstrates checking for an intersection between a Rectangle and a set of boundary values (left, right, top, and bottom) representing other shapes.

## Triangle To Circle Intersection
ID: 4VQYCsACfG
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/triangle-to-circle
Size: 800x600
Multi-file: no
Description: Demonstrates intersection detection between a rotating triangle and a movable circle using Phaser.Geom.Intersects.TriangleToCircle.

## Triangle to Line Intersection
ID: NTmteMKycj
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/triangle-to-line
Size: 800x600
Multi-file: no
Description: Demonstrates intersection testing between a rotating triangle and a line segment controlled by the pointer.

## Triangle to Triangle Intersection
ID: wfp8c3BgGy
Version: v4.1.0
Path: geom/intersects
URL: https://phaser.io/examples/v4.1.0/geom/intersects/view/triangle-to-triangle
Size: 800x600
Multi-file: no
Description: Demonstrates detecting whether two triangle shapes are overlapping, using a mouse-controlled triangle and a rotating triangle.

## Bresenham Points
ID: T3GpopS9Ho
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/bresenham-points
Size: 800x600
Multi-file: no
Description: Calculate and visualize an array of points along a line using the Bresenham algorithm, with the line endpoints updated dynamically by mouse movement.

## Clone a Line
ID: CoyrQqAh8s
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/clone
Size: 800x600
Multi-file: no
Description: Demonstrates how to create independent copies of a Line geometry object using the Clone method.

## Create a Line Geometry
ID: Vem5qbivTq
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/create
Size: 800x600
Multi-file: no
Description: How to define a line geometry object using start and end coordinates and render it to the screen using a Graphics object.

## Get Line Endpoints
ID: ndTGjMXty2
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/get-point-ab
Size: 800x600
Multi-file: no
Description: Demonstrates how to use getPointA and getPointB to retrieve the start and end coordinates of a rotating Line geometry object.

## Get Line Normal
ID: ARN3A9EKDC
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/get-normal
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate and use the perpendicular normal vector of a line to manipulate its geometry.

## Get Point on a Line
ID: 5o8crh4TRa
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/get-point-at
Size: 800x600
Multi-file: no
Description: Calculate the coordinates of a point at a specific distance along a Line geometry using a normalized value between 0 and 1.

## Get Points along a Line
ID: GzkrZFHE5j
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/get-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to extract an array of evenly spaced points from a Line geometry object.

## Get Random Point on a Line
ID: 8TryNjEvn9
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/get-random-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the getRandomPoint method to retrieve random coordinates along a Line geometry object, either by creating new Point instances or updating existing ones.

## Inverse Line Geometry
ID: wFwXp9LimD
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/inverse-line
Size: 800x600
Multi-file: no
Description: Demonstrates how to flip a line's direction by rotating it 180 degrees around its starting point using the RotateAroundPoint method.

## Line Angle
ID: w7YdBepLdU
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/angle
Size: 800x600
Multi-file: no
Description: Calculate and display the angle of a rotating Line geometry object using the Line.Angle method.

## Line Center On
ID: t6e5zP4kXN
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/center-on
Size: 800x600
Multi-file: no
Description: Demonstrates how to reposition a Line geometry so that its midpoint is at specific coordinates, while the line is continuously rotating.

## Line Copy From
ID: VzQN3dUysG
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/copy-from
Size: 800x600
Multi-file: no
Description: Demonstrates how to duplicate properties from one Line geometry object to another using the CopyFrom method to create a trailing line effect.

## Line Equals
ID: jkmgJxah3G
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/equals
Size: 800x600
Multi-file: no
Description: Demonstrates using Phaser.Geom.Line.Equals to check if two line segments share the same start and end coordinates.

## Line Get Eased Points
ID: QQQJ8yE8R6
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/get-eased-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to generate a specific number of points along a line using an easing function to control their distribution.

## Line Height
ID: 4zu6t7UuRs
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/height
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate the vertical distance between the start and end points of a line using the Line.Height method.

## Line Length
ID: AvhHubPrQa
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/length
Size: 800x600
Multi-file: no
Description: Calculate the length of a Line geometry object and use the value to dynamically update a circle's radius.

## Line Mid Point
ID: o7YyGzzwzS
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/get-mid-point
Size: 800x600
Multi-file: no
Description: Calculate and visualize the middle point of a line geometry object as it is updated dynamically by the pointer.

## Line Normal Angle
ID: wXx2dfbFCX
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/normal-angle
Size: 800x600
Multi-file: no
Description: Calculate and visualize the angle of the normal vector perpendicular to a line segment as it moves.

## Line Normal X and Y
ID: fRqyyssJpu
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/normal-xy
Size: 800x600
Multi-file: no
Description: Calculate and visualize the X and Y components of a line's normal vector using Phaser.Geom.Line.NormalX and NormalY.

## Line Offset
ID: 2BpY3xvsFg
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/offset
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use the Offset function to shift the position of a Line geometry object by specific x and y amounts.

## Line Perpendicular Slope
ID: Qe7RVnBjs8
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/perp-slope
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate the perpendicular slope and normal vector of a Line geometry object as it follows the mouse pointer.

## Line Properties
ID: YYNC1af3ST
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/properties
Size: 800x600
Multi-file: no
Description: Demonstrates how to access and use the geometric properties of a Line object, including its bounding box edges (top, bottom, left, right) and start/end coordinates.

## Line Reflect Angle
ID: ETgursa497
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/reflect-angle
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate and visualize the angle of reflection between two lines using Phaser.Geom.Line.ReflectAngle.

## Line Set To
ID: rJvRSatt92
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/set-to
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the setTo method to update the start and end coordinates of a Line geometry object.

## Line Slope
ID: ohJTGeQysm
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/slope
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate the slope of a line segment and use that value to influence movement along the line.

## Line Width
ID: LduR3gr5r8
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/width
Size: 800x600
Multi-file: no
Description: Demonstrates calculating the horizontal width (the bounding box width) of a line geometry object based on its start and end points.

## Point On Line
ID: Gunm4JdTTr
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/point-on-line
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually calculate and render a specific point at a fixed ratio along the length of a geometric line.

## Rotate a Line
ID: p2spkXGnbr
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/rotate
Size: 800x600
Multi-file: no
Description: Demonstrates how to continuously rotate a Line geometry object around its center point using the Line.Rotate function.

## Rotate Around Point
ID: iwkbihhiFC
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/rotate-around-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to rotate a geometric line around a specific pivot point, such as an endpoint, its midpoint, or an arbitrary coordinate.

## Rotate Line Around a Point
ID: kTm4bnxtKA
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/rotate-around-xy
Size: 800x600
Multi-file: no
Description: Demonstrates how to rotate a geometric line around a specific x and y coordinate point.

## Set Line to Angle
ID: fMqVfhPXg1
Version: v4.1.0
Path: geom/line
URL: https://phaser.io/examples/v4.1.0/geom/line/view/set-to-angle
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Geom.Line.SetToAngle to position a line from a starting point using an angle and length, creating a geometric pattern by chaining lines together.

## Creating and Drawing Points
ID: UREXXSQ1L9
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/create
Size: 800x600
Multi-file: no
Description: Demonstrates how to initialize Vector2 objects using various constructor arguments and render them as filled shapes using a Graphics object.

## Get Bounding Rectangle from Points
ID: cycG8JyYGJ
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/get-rectangle-from-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate a bounding box that encompasses a dynamic set of points using Phaser.Math.GetVec2Bounds.

## Get Centroid
ID: rfDCQ8a2o3
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/get-centroid
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Math.GetCentroid to calculate and visualize the geometric center of a dynamic set of points.

## Get Magnitude Squared
ID: qy21zVQtro
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/get-magnitude-sq
Size: 800x600
Multi-file: no
Description: Demonstrates using Vector2.lengthSq to efficiently check distances between points by avoiding expensive square root calculations.

## Invert Point
ID: egCQ4rnfKz
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/invert
Size: 800x600
Multi-file: no
Description: Demonstrates using the invert method to negate the x and y components of a Vector2 point.

## Negate a Point
ID: 3HX8AbE73z
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/negative
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the negate method to invert the coordinates of a Vector2, reflecting it across a central origin.

## Point Ceil
ID: 2DqWgC6cNz
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/ceil
Size: 800x600
Multi-file: no
Description: Demonstrates rounding a point's coordinates up to the nearest integer using the ceil method.

## Point Floor
ID: Gc97k2B3Fk
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/floor
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the floor method to round a point's coordinates down to the nearest integer value.

## Point Magnitude
ID: asNdW6byMc
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/get-magnitude
Size: 800x600
Multi-file: no
Description: Calculates and displays the magnitude (length) of a Vector2 relative to the origin as it follows the mouse pointer.

## Point Negation Pattern
ID: sq91sHGh3v
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/negative-2
Size: 800x600
Multi-file: no
Description: Demonstrates creating symmetrical geometric patterns by using the negate method on vectors to flip their coordinates relative to an origin.

## Project onto Unit Vector
ID: sZDxDjMY7i
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/project-unit
Size: 800x600
Multi-file: no
Description: Demonstrates projecting a vector onto a normalized (unit) vector using the projectUnit method.

## Vector Cross Product
ID: gzoXAwWvyH
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/cross
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the cross product of two 2D vectors to calculate the angle between them and determine their relative orientation.

## Vector Interpolation
ID: YxP911D5sY
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/interpolate
Size: 800x600
Multi-file: no
Description: Calculates a point between two Vector2 objects using the lerp method, visualizing the movement along a line connecting a fixed point and the mouse pointer.

## Vector Projection
ID: Yt4kJFc12u
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/project
Size: 800x600
Multi-file: no
Description: Demonstrates how to project one vector onto another using the project method, visualizing the resulting point on a rotating line.

## Vector2 Clone
ID: 6RhTQWi3U9
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/clone
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the clone method to create copies of a Vector2 object, generating a sequence of unique points to define a path.

## Vector2 Copy From
ID: dovs9Nw26j
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/copy-from
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the copy method to transfer coordinates from the pointer to a Vector2 object, creating a motion trail effect.

## Vector2 Equality Check
ID: DuapBjbGCA
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/equals
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the equals method to compare if two Vector2 objects share the same x and y coordinates.

## Vector2 Set To
ID: 95w5gLLm5R
Version: v4.1.0
Path: geom/point
URL: https://phaser.io/examples/v4.1.0/geom/point/view/set-to
Size: 800x600
Multi-file: no
Description: Demonstrates using the setTo method to update the coordinates of a Vector2 object with various argument combinations.

## Basic Polygon
ID: vmQgXB5yKD
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/basic-polygon
Size: 800x600
Multi-file: no
Description: How to create a Polygon geometry object from an array of coordinates and render it using Graphics.

## Clone a Polygon
ID: 6nPUMsbfaL
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/clone
Size: 800x600
Multi-file: no
Description: Demonstrates how to create independent copies of a Polygon object using the Clone method, allowing multiple instances to be updated and rendered separately.

## Complex Polygon
ID: mNYZbh4hMn
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/complex-polygon
Size: 800x600
Multi-file: no
Description: How to define a complex shape using the Phaser Polygon geometry object and render it manually with a Graphics object.

## Get Polygon Points
ID: oRtzHaJGZw
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/get-points
Size: 800x600
Multi-file: no
Description: Sample a specific number of coordinates along the edges of a Polygon geometry object.

## Polygon Area
ID: mrvkqZ3am9
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/area
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate the area of a polygon dynamically. You can add new points with a click and move the final point with the pointer to see the area update in real-time.

## Polygon Contains
ID: 4ER9L6yqCg
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/contains
Size: 800x600
Multi-file: no
Description: Demonstrates how to check if a specific point is located within the boundaries of a Polygon geometry object.

## Polygon Contains Point
ID: Qqs86TohBZ
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/contains-point
Size: 800x600
Multi-file: no
Description: Check if a specific point, such as the mouse cursor, is located within the bounds of a Polygon geometry object.

## Polygon Edge Rays
ID: JsbATDmbMA
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/polygon-edge-rays
Size: 800x600
Multi-file: no
Description: Demonstrates casting rays from a point to the vertices of multiple polygons using the GetRaysFromPointToPolygon intersection utility.

## Polygon Get AABB
ID: sr8RxPhjG5
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/get-aabb
Size: 800x600
Multi-file: no
Description: Calculate and visualize the Axis-Aligned Bounding Box (AABB) of a polygon as its points are modified dynamically.

## Polygon Get Number Array
ID: miJ12p6sLw
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/get-number-array
Size: 800x600
Multi-file: no
Description: Demonstrates how to extract a flat array of coordinate numbers from a Polygon geometry object.

## Set Polygon Points Dynamically
ID: co4LLcd7GN
Version: v4.1.0
Path: geom/polygon
URL: https://phaser.io/examples/v4.1.0/geom/polygon/view/set-to
Size: 800x600
Multi-file: no
Description: Demonstrates how to update a Polygon's shape over time by using the setTo method with a growing array of coordinates.

## Clone a Rectangle
ID: qX9yBX4FB9
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/clone
Size: 800x600
Multi-file: no
Description: Demonstrates using the Rectangle Clone method to create independent copies of a source rectangle.

## Copy From Rectangle
ID: T88GZKyuk1
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/copy-from
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Rectangle.CopyFrom method to copy the position and dimensions of one rectangle geometry object to another.

## Create Rectangle Geometry
ID: tdVqFoM5Ja
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/create
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a basic rectangle geometry object and render it filled with color using a Graphics object.

## Decompose Rectangle into Points
ID: TYJFUxpZDV
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/decompose
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Rectangle.Decompose method to extract the four corner coordinates of a Rectangle geometry object into an array of points.

## Floor Rectangle
ID: ZHHiKQ2ZAH
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/floor
Size: 800x600
Multi-file: no
Description: Demonstrates the effect of rounding a rectangle's coordinates down to the nearest integer using the Floor utility method.

## Get Points along Rectangle
ID: 1u6mNqNYk7
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/get-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to extract an array of points from a rectangle's perimeter using a specific step distance between each point.

## Get Rectangle Center
ID: o7Rsp89X5v
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/get-center
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the GetCenter method to calculate and retrieve the center point of multiple Rectangle geometry objects.

## Marching Ants Rectangle
ID: 3bqKR45zt3
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/marching-ants
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Marching Ants function to distribute a specific number of points or sprites evenly along the perimeter of a Rectangle geometry object.

## Merge Rectangle with XY Point
ID: j4ptRdMNUT
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/merge-xy
Size: 800x600
Multi-file: no
Description: Demonstrates how to expand a rectangle's dimensions to encompass a new set of X and Y coordinates using the MergeXY method.

## Random Point Outside Rectangle
ID: WZo3E2f6ku
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/get-random-point-outside
Size: 800x600
Multi-file: no
Description: Demonstrates how to generate random points that lie within an outer rectangle but outside of an inner rectangle.

## Rectangle Area
ID: FMQ6AuXREG
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/area
Size: 800x600
Multi-file: no
Description: Calculate the area of a Rectangle based on pointer movement and use the result to resize a secondary square.

## Rectangle Aspect Ratio
ID: LJga8C8v4F
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/get-aspect-ratio
Size: 800x600
Multi-file: no
Description: Calculate and display the aspect ratio of a rectangle as its width and height change dynamically based on pointer movement.

## Rectangle Ceil
ID: fLSRbdjhDe
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/ceil
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Ceil method to round a rectangle's coordinates and dimensions up to the nearest integer, effectively snapping it to a pixel grid.

## Rectangle Ceil All
ID: 1MC7qWDwnE
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/ceil-all
Size: 800x600
Multi-file: no
Description: Demonstrates using the CeilAll method to round up the position and dimensions of a Rectangle to the nearest integer values.

## Rectangle Center On
ID: Kaz8ThzFUR
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/center-on
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the CenterOn method to position a Phaser.Geom.Rectangle based on its center point coordinates.

## Rectangle Contains Point
ID: brD1G2yj7a
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/contains
Size: 800x600
Multi-file: no
Description: Demonstrates how to check if a specific point, such as the mouse pointer, is located within the bounds of a Rectangle geometry object.

## Rectangle Contains Point
ID: FFQd9n25vh
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/contains-point
Size: 800x600
Multi-file: no
Description: Demonstrates using Phaser.Geom.Rectangle.ContainsPoint to detect if a specific coordinate is within the boundaries of a rectangle.

## Rectangle Contains Rectangle
ID: Uqi6h2zRrN
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/contains-rect
Size: 800x600
Multi-file: no
Description: Demonstrates how to check if one rectangle is fully contained within the boundaries of another using Phaser.Geom.Rectangle.ContainsRect.

## Rectangle Deflate
ID: D89D1NnFfP
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/deflate
Size: 800x600
Multi-file: no
Description: Demonstrates how to shrink a rectangle from its center by using negative values with the Inflate method.

## Rectangle Edges as Lines
ID: qtjrqLDKWa
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/get-line
Size: 800x600
Multi-file: no
Description: Extract the four individual boundary edges of a Rectangle as Line objects using getLineA, getLineB, getLineC, and getLineD.

## Rectangle Equality
ID: V9vhm29TFq
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/equals
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Geom.Rectangle.Equals to check if two rectangle objects have the exact same position and dimensions.

## Rectangle Fit Inside
ID: XK4jQpj3LH
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/fit-inside
Size: 800x600
Multi-file: no
Description: Demonstrates how to scale and position a Rectangle to fit entirely within the bounds of another Rectangle using Phaser.Geom.Rectangle.FitInside.

## Rectangle Fit Outside
ID: KidWXSvFUn
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/fit-outside
Size: 800x600
Multi-file: no
Description: Demonstrates using Phaser.Geom.Rectangle.FitOutside to scale a rectangle so that it fully encloses a target rectangle while maintaining its original aspect ratio.

## Rectangle Floor All
ID: AKfodVhjiy
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/floor-all
Size: 800x600
Multi-file: no
Description: Demonstrates using FloorAll to snap a rectangle's position and size to integer values, compared against a rectangle using sub-pixel floating point values.

## Rectangle From Points
ID: cVGNyuqwWS
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/from-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and update a bounding rectangle that automatically encompasses a collection of points provided as either objects or arrays.

## Rectangle Get Point
ID: 27egPoBwjv
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/get-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate coordinates along the perimeter of a rectangle using a normalized value between 0 and 1.

## Rectangle Get Random Point
ID: vjX4pZx3qf
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/get-random-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to generate random coordinates within a Rectangle geometry object, either by creating new Point instances or updating existing ones.

## Rectangle Get Size
ID: gUpSZLKZP5
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/get-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Geom.Rectangle.GetSize to retrieve the width and height of a rectangle as a Point object.

## Rectangle Inflate
ID: 5hsgbwPuj6
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/inflate
Size: 800x600
Multi-file: no
Description: Demonstrates how to expand the size of a Rectangle while maintaining its center position using the Inflate method.

## Rectangle Intersection
ID: 9iprGDm6Ns
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/intersection
Size: 800x600
Multi-file: no
Description: Calculate the area of overlap between two rectangles and render the resulting intersection rectangle.

## Rectangle Is Empty
ID: qTZ244mXvS
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/is-empty
Size: 800x600
Multi-file: no
Description: This example shows how to use the isEmpty method to check if a Rectangle geometry object has a width or height of zero.

## Rectangle Merge
ID: qFQMfzNDSR
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/merge-rect
Size: 800x600
Multi-file: no
Description: Learn how to expand a base rectangle to encompass the area of another rectangle using the MergeRect geometry function.

## Rectangle Merge Points
ID: LoxNQvDFPy
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/merge-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Geom.Rectangle.MergePoints to expand a rectangle's dimensions and position to encompass an array of point coordinates.

## Rectangle Offset
ID: bb1h11fMy4
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/offset
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Offset function to shift the position of a Rectangle geometry object by specific x and y amounts.

## Rectangle Offset Point
ID: dbsB32DXKQ
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/offset-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to shift a rectangle's position by applying the coordinates of a Point or Vector2 object.

## Rectangle Overlaps
ID: 4Z3FTAokEk
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/overlaps
Size: 800x600
Multi-file: no
Description: Demonstrates how to check for overlaps between two Rectangle objects using the Phaser.Geom.Rectangle.Overlaps function.

## Rectangle Perimeter
ID: uMcG83Nte7
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/perimeter
Size: 800x600
Multi-file: no
Description: Calculate and display the perimeter of a Rectangle geometry object as it is resized dynamically via pointer input.

## Rectangle Perimeter Point
ID: NmoFXHohDY
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/perimeter-point
Size: 800x600
Multi-file: no
Description: Calculates and visualizes a point moving along the perimeter of a rectangle based on a specific angle.

## Rectangle Properties
ID: C6Dn72fr9z
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/properties
Size: 800x600
Multi-file: no
Description: Demonstrates how to access and use various properties of a Rectangle geometry object, such as its edges and center coordinates.

## Rectangle Set Empty
ID: yodrVBuFj6
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/set-empty
Size: 800x600
Multi-file: no
Description: Learn how to reset a Rectangle geometry object to zero position and dimensions using the setEmpty method.

## Rectangle Set Size
ID: B83ieXhyTy
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/set-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to modify the width and height of a Rectangle geometry object using the setSize method.

## Rectangle Set To
ID: MoWnJ4FNCc
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/set-to
Size: 800x600
Multi-file: no
Description: Demonstrates how to update a rectangle's position and dimensions in a single call using the setTo method.

## Rectangle Union
ID: w7qYMsjrUt
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/union
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Rectangle Union function to calculate the smallest rectangle that encompasses two other rectangles.

## Scale a Rectangle
ID: VngEA8EPP7
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/scale
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Scale function to iteratively increase the dimensions of a geometry Rectangle object based on pointer input.

## Set Rectangle Position
ID: SFMdSYT54c
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/set-position
Size: 800x600
Multi-file: no
Description: Demonstrates how to position a geometric Rectangle using the setPosition method and by directly modifying its x and y properties.

## Sprite to Rectangle Perimeter
ID: e9o1PNqvWn
Version: v4.1.0
Path: geom/rectangle
URL: https://phaser.io/examples/v4.1.0/geom/rectangle/view/sprite-to-perimeter
Size: 800x600
Multi-file: no
Description: Calculates the point on a rectangle's perimeter that intersects with a line drawn from its center towards a moving sprite using an angle.

## Build Equilateral Triangle
ID: u2urW1MYn4
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/build-equilateral
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a geometrically perfect equilateral triangle by specifying a starting point and the length of its sides.

## Clone a Triangle
ID: 2ibEQnQKbo
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/clone
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Clone method to create duplicates of a Triangle geometry object.

## Create Triangle
ID: Kgwrv2zipu
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/create-triangle
Size: 800x600
Multi-file: no
Description: Learn how to define a geometric triangle and render it as a filled shape using the Graphics object.

## Right-Angled Triangle
ID: QNTfKXseKb
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/build-right
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a right-angled triangle geometry object by specifying its position, width, and height.

## Rotate Triangle Around a Point
ID: 9oLNRhF2iB
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/rotate-around-xy
Size: 800x600
Multi-file: no
Description: Demonstrates how to rotate a triangle geometry object around a specific X and Y coordinate.

## Rotate Triangle Around Center
ID: 2WtnPndqw5
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/rotate-from-center
Size: 800x600
Multi-file: no
Description: Demonstrates how to rotate a Triangle geometry object around its own center point and render the results using Graphics.

## Rotate Triangle Around Point
ID: pVPQ9mxnE3
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/rotate-around-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to rotate a triangle shape around various geometric anchor points, including the centroid, circumcenter, incenter, and specific vertices.

## Triangle Area
ID: jps8V2CPnb
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/area
Size: 800x600
Multi-file: no
Description: Calculate and display the area of a Triangle geometry object as its vertices are modified by the mouse pointer.

## Triangle Bottom
ID: GwqQXdqZyJ
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/bottom
Size: 800x600
Multi-file: no
Description: Demonstrates using the bottom property to get or set the vertical position of the lowest point of a Triangle geometry object.

## Triangle Center On
ID: NCiq2V5zoi
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/center-on
Size: 800x600
Multi-file: no
Description: Demonstrates using the CenterOn function to position a geometric triangle by its center point as it follows the mouse pointer.

## Triangle Centroid
ID: iHpLYDLchT
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/centroid
Size: 800x600
Multi-file: no
Description: Calculate and visualize the geometric center (centroid) of a triangle by drawing lines from each vertex to the center point.

## Triangle Circumcenter
ID: imUpa4XJPg
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/circumcenter
Size: 800x600
Multi-file: no
Description: Calculate and visualize the circumcenter and circumcircle of a triangle geometry object.

## Triangle Circumcircle
ID: kPHwhrYUYT
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/circumcircle
Size: 800x600
Multi-file: no
Description: Calculate and render a circle that passes through all three vertices of a Phaser Triangle geometry object.

## Triangle Contains Array
ID: Kc4ve4rwAV
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/contains-array
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Triangle.ContainsArray method to filter an array of points and identify which ones fall within the area of a specific Triangle geometry.

## Triangle Contains Point
ID: AZt7AXeQTX
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/contains
Size: 800x600
Multi-file: no
Description: Demonstrates using the Triangle Contains function to check if a moving point is located within the area of a rotating triangle.

## Triangle Contains Point
ID: aaZyP1QjhW
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/contains-point
Size: 800x600
Multi-file: no
Description: Checks if the mouse pointer is inside a geometric triangle and changes the shape's color based on the result.

## Triangle Copy From
ID: QpAZ9df4da
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/copy-from
Size: 800x600
Multi-file: no
Description: Learn how to duplicate geometry data between triangles using the CopyFrom method to create a trail of shapes that follow the pointer.

## Triangle Decompose
ID: Tsyum1Q1kj
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/decompose
Size: 800x600
Multi-file: no
Description: Extract the vertices of a triangle into an array of points to create complex visual patterns or path data.

## Triangle Edges
ID: tuXdcWBEBa
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/get-line
Size: 800x600
Multi-file: no
Description: Learn how to retrieve the individual line segments that form the three sides of a Triangle geometry object using getLine methods.

## Triangle Equals
ID: zfoBSejkmL
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/equals
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Triangle.Equals method to check if two triangle shapes have identical vertex coordinates.

## Triangle Get Point
ID: pb4bDY6EhZ
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/get-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the getPoint method to calculate a specific coordinate along the perimeter of a Triangle shape.

## Triangle Get Points
ID: kY1iePZru3
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/get-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to retrieve an array of points evenly distributed along the perimeter of a triangle shape.

## Triangle Get Random Point
ID: Dja4zymjfG
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/get-random-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the getRandomPoint method to pick random coordinates located within the area of a Triangle geometry shape.

## Triangle Incenter
ID: 6BEHFHdmb5
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/in-center
Size: 800x600
Multi-file: no
Description: Calculates the incenter of a triangle and visualizes it by drawing lines from each vertex to the center point.

## Triangle Left Property
ID: 6LTHmPiqbw
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/left
Size: 800x600
Multi-file: no
Description: Demonstrates moving a triangle geometry object horizontally by modifying its left property.

## Triangle Offset
ID: VqqRprN1jB
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/offset
Size: 800x600
Multi-file: no
Description: Demonstrates how to move a Triangle shape by specific x and y values using the Offset function to create geometric patterns.

## Triangle Perimeter
ID: 5EP1NpUWVg
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/perimeter
Size: 800x600
Multi-file: no
Description: Calculate and display the perimeter of a Triangle shape as one of its points moves with the pointer.

## Triangle Random Points
ID: 348ZWWY4SP
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/random
Size: 800x600
Multi-file: no
Description: Demonstrates how to generate and plot random points inside the area of a Triangle geometry object.

## Triangle Right Property
ID: M82tvC4L5u
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/right
Size: 800x600
Multi-file: no
Description: Demonstrates how to use and modify the right property of a Triangle geometry object to reposition it based on its rightmost bounds.

## Triangle Set To
ID: MYgDBBvMxu
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/set-to
Size: 800x600
Multi-file: no
Description: How to update all six coordinates of a Triangle geometry object simultaneously using the setTo method.

## Triangle Top Property
ID: qZSyiN7NW9
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/top
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the top property of a Triangle geometry object to adjust its vertical position.

## Triangulate Polygon
ID: cEmbu1ytUR
Version: v4.1.0
Path: geom/triangle
URL: https://phaser.io/examples/v4.1.0/geom/triangle/view/build-from-polygon
Size: 800x600
Multi-file: no
Description: Decompose an array of polygon coordinates into a series of triangle objects using the BuildFromPolygon utility.

## Camera Ignore
ID: ATKs3TfuAq
Version: v4.1.0
Path: input/camera
URL: https://phaser.io/examples/v4.1.0/input/camera/view/camera-ignore
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the camera ignore method to hide specific Game Objects from being rendered while keeping them active in the scene.

## Camera Ignore Container
ID: rugkjNMrrq
Version: v4.1.0
Path: input/camera
URL: https://phaser.io/examples/v4.1.0/input/camera/view/camera-container-ignore
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the camera ignore method to prevent a specific Container and its children from being rendered by a camera.

## Graphics Hit Testing with Camera
ID: BGXd6ppPrA
Version: v4.1.0
Path: input/camera
URL: https://phaser.io/examples/v4.1.0/input/camera/view/graphics-contains
Size: 800x600
Multi-file: no
Description: Demonstrates how to use getWorldPoint to map screen coordinates into world space for accurate hit testing against geometric shapes, even when the camera is zoomed or rotated.

## Large World Camera with Smoothed Controls
ID: cVnMkpW5Xu
Version: v4.1.0
Path: input/camera
URL: https://phaser.io/examples/v4.1.0/input/camera/view/large-world-high-res
Size: 800x600
Multi-file: no
Description: Navigate a massive 10,000x10,000 pixel world using SmoothedKeyControl and interactive sprites, featuring high-resolution support and camera boundaries.

## Multi-Camera Sprite Input
ID: AYUmygMfNS
Version: v4.1.0
Path: input/camera
URL: https://phaser.io/examples/v4.1.0/input/camera/view/multi-cam-sprite
Size: 1024x768
Multi-file: no
Description: Demonstrates how interactive sprites correctly handle pointer events across four independent cameras, each with unique viewports, scroll positions, zoom levels, and rotations.

## Stacked Camera Input
ID: 2dCy7G5izX
Version: v4.1.0
Path: input/camera
URL: https://phaser.io/examples/v4.1.0/input/camera/view/stacked-camera-test
Size: 800x600
Multi-file: no
Description: Demonstrates how pointer input interacts with multiple layered cameras, showing how to detect which specific camera triggered an object interaction.

## World Coordinates
ID: Zff5PF9VFM
Version: v4.1.0
Path: input/camera
URL: https://phaser.io/examples/v4.1.0/input/camera/view/world-coordinates
Size: 1024x768
Multi-file: no
Description: Learn how to track the mouse pointer's position relative to the game world versus the screen viewport while a camera is scrolling.

## Custom Cursor
ID: yvh231Q2bX
Version: v4.1.0
Path: input/cursors
URL: https://phaser.io/examples/v4.1.0/input/cursors/view/custom-cursor
Size: 800x600
Multi-file: no
Description: Demonstrates how to set custom hardware cursors using CSS cursor strings for both the global game canvas and specific interactive objects.

## Custom Image Cursors
ID: qk3EjXzVMA
Version: v4.1.0
Path: input/cursors
URL: https://phaser.io/examples/v4.1.0/input/cursors/view/cute-cursor
Size: 800x600
Multi-file: no
Description: Learn how to use external .cur files to set a default game cursor and unique cursors for specific interactive sprites.

## StarCraft 2 Custom Cursors
ID: ioNbuN5LNC
Version: v4.1.0
Path: input/cursors
URL: https://phaser.io/examples/v4.1.0/input/cursors/view/sc2-cursors
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply custom .cur file cursors globally to the game and to specific interactive Game Objects.

## Detect Canvas Focus
ID: qBc6VsEUwQ
Version: v4.1.0
Path: input/dom events
URL: https://phaser.io/examples/v4.1.0/input/dom events/view/on-canvas-out
Size: 800x600
Multi-file: no
Description: Listen for gameout and gameover input events to trigger actions when the mouse leaves or enters the game canvas.

## Pointer Button Status
ID: XcEhfWD7jg
Version: v4.1.0
Path: input/dom events
URL: https://phaser.io/examples/v4.1.0/input/dom events/view/pointer-button-status
Size: 800x600
Multi-file: no
Description: Demonstrates how to track pointer coordinates and check the status of specific mouse buttons, including detection of the right mouse button.

## Basic Sprite Dragging
ID: vFCtvEXXmQ
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/enable-for-drag
Size: 800x600
Multi-file: no
Description: Demonstrates how to make a sprite draggable by setting the interactive draggable property and updating its position during the drag event.

## Bring Dragged Item to Top
ID: rTFmR5zJBC
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/bring-dragged-item-to-top
Size: 800x600
Multi-file: no
Description: Learn how to use the Display List bringToTop method to move a Game Object to the front of the scene when a drag operation begins.

## Camera Movement and Object Dragging
ID: k6S52KE74T
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/camera-move-and-rotate
Size: 1024x600
Multi-file: no
Description: Demonstrates dragging interactive objects while navigating a large world using camera keyboard controls, featuring parallax effects and automatic group rotation.

## Drag Distance Threshold
ID: YYfWWLa6a1
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/drag-distance-threshold
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the dragDistanceThreshold property to require the pointer to move a minimum number of pixels before an object starts being dragged.

## Drag Horizontally
ID: qmWi16rtX8
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/drag-horizontally
Size: 800x600
Multi-file: no
Description: Demonstrates how to restrict sprite movement to the horizontal axis and apply boundary constraints using the drag event and Phaser.Math.Clamp.

## Drag on a Fixed Axis
ID: xMQQR3h1m1
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/drag-on-a-fixed-axis
Size: 800x600
Multi-file: no
Description: Demonstrates how to lock a sprite's movement to either the horizontal or vertical axis based on the direction of the initial drag gesture.

## Drag Time Threshold
ID: Bv3AChCYTR
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/drag-time-threshold
Size: 1024x768
Multi-file: no
Description: Demonstrates how to set a time delay in milliseconds that must pass before an object is considered being dragged.

## Drag Vertically
ID: Q2vLqetue4
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/drag-vertically
Size: 800x600
Multi-file: no
Description: Demonstrates how to restrict sprite movement to the vertical axis during a drag operation and clamp the movement within a specific coordinate range.

## Drag With Multiple Scenes
ID: MV8h83NLL7
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/drag-with-multiple-scenes
Size: 800x600
Multi-file: no
Description: Demonstrates how to handle interactive objects and drag events across multiple simultaneously active scenes.

## Dragging a Container
ID: CVzB3rf52b
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/drag-container
Size: 800x600
Multi-file: no
Description: Demonstrates how to make a Container interactive and draggable. Shows that a Container must have a defined size to receive input and move all its child objects together.

## Dragging Rotated and Scaled Objects
ID: J2pkoXVMwC
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/rotated-and-scaled
Size: 800x600
Multi-file: no
Description: Demonstrates how to drag a Game Object that has been rotated and scaled, showing that hit detection remains accurate despite the transformations.

## Dragging with Scroll Factor
ID: xKVd95Jdws
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/scroll-factor-drag
Size: 1024x768
Multi-file: no
Description: Demonstrates how to drag Game Objects that have different scroll factor values. The input system automatically accounts for the scroll factor, ensuring the object tracks the pointer correctly even when configured for parallax movement.

## Multi Camera Stack of Cards
ID: GbtT4Pjv1e
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/multi-camera-stack-of-cards
Size: 1024x600
Multi-file: no
Description: Demonstrates dragging interactive objects across multiple viewports, each with different zoom levels and rotations.

## Multiple Draggables
ID: mRaEYWvTFH
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/multiple-draggables
Size: 1024x600
Multi-file: no
Description: Demonstrates how to drag multiple overlapping Game Objects simultaneously by setting the input topOnly property to false.

## Multiple Rotated and Scaled Draggable Objects
ID: 98ap8hpvgK
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/multiple-rotated-and-scaled
Size: 1024x600
Multi-file: no
Description: Demonstrates dragging multiple Game Objects that have been randomly scaled and rotated. It includes bringing the active object to the top of the display list upon dragging.

## Multiple Scene Drag
ID: 8X9G6zCvqJ
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/multiple-scene-drag
Size: 800x600
Multi-file: no
Description: Learn how to implement independent drag-and-drop interactions for game objects across multiple concurrently active scenes.

## Retain Index After Drag
ID: HFhXhf8dYG
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/retain-index-after-drag
Size: 800x600
Multi-file: no
Description: Demonstrates how to temporarily bring a Game Object to the top of the display list during a drag event and restore its original depth index once released.

## Scale During Drag
ID: 3nLuDnBsbp
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/scale-during-drag
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically adjust the scale of a Game Object based on its vertical position while it is being dragged across the screen.

## Scrolling Text Box
ID: SSoSGoS39K
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/scrolling-text-box
Size: 640x512
Multi-file: no
Description: Demonstrates how to create a scrollable text area using a Geometry Mask and pointer velocity to drag text within a specific zone.

## Simple Sprite Dragging
ID: aRwnsw9rsP
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/enable-for-drag-test-2
Size: 360x640
Multi-file: no
Description: Demonstrates how to make a sprite interactive, enable it for dragging, and use the drag event to update its position as the pointer moves.

## Snap To Grid On Drag
ID: Jwmr7NRK5v
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/snap-to-grid-on-drag
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Phaser.Math.Snap.To to align game objects to a fixed 64x64 grid while dragging.

## Stack of Cards
ID: vWWXCAG8X4
Version: v4.1.0
Path: input/dragging
URL: https://phaser.io/examples/v4.1.0/input/dragging/view/stack-of-cards
Size: 1024x600
Multi-file: no
Description: Learn how to make multiple images draggable and use the dragstart event to bring the active object to the top of the display list.

## Custom Shape Hit Area
ID: 7r6zXapm4C
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/custom-shape-hit-area
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a custom interactive hit area for a Game Object using a geometric shape and a manual hit-test callback function.

## Custom Sprite Hit Area Size
ID: JrS1nvzAJG
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/change-sprite-hitarea-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to adjust a Sprite's input hit area to be smaller, larger, or offset compared to its texture size using the hitArea.setTo method.

## Debug Hitareas
ID: LdsHjsTdKx
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/debug-hitarea
Size: 1024x768
Multi-file: no
Description: Learn how to visualize and debug interactive hit areas using different geometric shapes like Polygons, Circles, Ellipses, Rectangles, and Triangles.

## Destroy Sprite on Click
ID: wu1mgpF5zV
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/destroy-sprite-on-down-event
Size: 800x600
Multi-file: no
Description: Learn how to remove interactive Game Objects from the scene by calling the destroy method within a global 'gameobjectdown' input event listener.

## Game Object Pointer Move Event
ID: fcj6mtUkUa
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/on-move-event
Size: 1024x768
Multi-file: no
Description: Demonstrates how to listen for the pointermove event on a specific interactive Game Object, updating its color tint as the pointer moves across it.

## Input Overlap with Top-Only Disabled
ID: pVmpEcHNze
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/top-only-up-down-events
Size: 800x600
Multi-file: no
Description: Demonstrates how to trigger input events for every overlapping Game Object under the pointer, rather than just the top-most one, by setting input.setTopOnly to false.

## Interactive Graphics Object
ID: vh2SvAGHTs
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/graphics-object-example
Size: 800x600
Multi-file: no
Description: This example demonstrates how to make a Graphics object interactive by assigning a geometric hit area and responding to pointer events.

## Interactive Hand Cursor
ID: U67ig83gFr
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/use-hand-cursor
Size: 800x600
Multi-file: no
Description: Demonstrates how to change the mouse cursor to a 'pointer' (hand icon) when hovering over an interactive Game Object.

## Multiple Game Object Up
ID: MdcmNcaGpz
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/multiple-up
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the gameobjectup event to handle pointer release actions on multiple interactive Game Objects.

## Multiple Object Input Events
ID: nBTdFfNDtK
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/multiple-down
Size: 800x600
Multi-file: no
Description: Demonstrates how to handle pointer down and up events across a large grid of interactive GameObjects using scene-level input listeners.

## Multiple Pointer Over and Out Events
ID: eipQQan1WQ
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/multiple-over-out
Size: 800x600
Multi-file: no
Description: Demonstrates how to use scene-level input events to detect when the pointer enters or leaves any interactive Game Object, applying a tint effect to highlight the target.

## Pointer Over and Out Events
ID: pXHhjQU6iN
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/over-and-out-events
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use the pointerover and pointerout events to detect when a mouse pointer enters or leaves a Game Object's hit area.

## Pointer Up Event
ID: vqkiwpicc4
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/on-up-event
Size: 1024x768
Multi-file: no
Description: Handle the pointerup event on an interactive Game Object to trigger an action when the pointer is released.

## Select and Deselect Sprites
ID: zTC4iYXGU2
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/select-and-deselect
Size: 800x600
Multi-file: no
Description: Manage object selection state by toggling texture frames on click and using event propagation to deselect items when clicking the background.

## Sprite Pointer Events
ID: DwL5nAqW3H
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/on-down-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to listen for pointer down and up events on an interactive Game Object to trigger actions like changing a sprite's tint.

## Sprite Pointer Events
ID: iokxiC1Rcw
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/sprite-example
Size: 800x600
Multi-file: no
Description: Demonstrates how to change a sprite's texture frame when the mouse pointer enters and leaves its interactive area.

## TileSprite Input Interaction
ID: 65RRnibLzv
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/tilesprite-on-down
Size: 800x600
Multi-file: no
Description: Demonstrates how to make a TileSprite interactive and handle pointer events, such as changing its tint and position when clicked.

## Top Only Over and Out Events
ID: 5WNmJBdMdN
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/top-only-over-out-events
Size: 800x600
Multi-file: no
Description: Demonstrates how to toggle the topOnly input property to control whether hover events fire only for the topmost object or for all overlapping Game Objects.

## World Space Input Interaction
ID: Q95qxaPuix
Version: v4.1.0
Path: input/game object
URL: https://phaser.io/examples/v4.1.0/input/game object/view/world-game-objects
Size: 800x600
Multi-file: no
Description: Demonstrates interacting with Game Objects in world space while the camera is rotated, zoomed, and translated, including converting screen-space pointer coordinates into camera-relative world coordinates.

## Gamepad Across Scenes
ID: 8PEu5z1NV1
Version: v4.1.0
Path: input/gamepad
URL: https://phaser.io/examples/v4.1.0/input/gamepad/view/gamepad-across-scenes
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a gamepad to control sprites and trigger scene transitions across multiple different scenes.

## Gamepad Axes
ID: PqyujGhruE
Version: v4.1.0
Path: input/gamepad
URL: https://phaser.io/examples/v4.1.0/input/gamepad/view/axes
Size: 800x600
Multi-file: no
Description: Learn how to use gamepad analog stick data (axes) to control sprite movement and direction.

## Gamepad Debug
ID: wLnCWsTnFG
Version: v4.1.0
Path: input/gamepad
URL: https://phaser.io/examples/v4.1.0/input/gamepad/view/gamepad-debug
Size: 800x600
Multi-file: no
Description: Access and display real-time diagnostic information for all connected gamepads, including button pressures, axis positions, and hardware identifiers.

## Move Sprite with Gamepad
ID: eNeD8GP7VF
Version: v4.1.0
Path: input/gamepad
URL: https://phaser.io/examples/v4.1.0/input/gamepad/view/move-sprite
Size: 800x600
Multi-file: no
Description: Control sprite movement and horizontal flipping using connected gamepads, with support for multiple controllers simultaneously.

## Select Gamepad
ID: APBucqTXw5
Version: v4.1.0
Path: input/gamepad
URL: https://phaser.io/examples/v4.1.0/input/gamepad/view/select-gamepad
Size: 800x600
Multi-file: no
Description: Demonstrates how to listen for the first gamepad interaction to select a controller and then use its directional properties to move a sprite.

## Add Key
ID: xiGLjNf8FS
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/add-key
Size: 1024x768
Multi-file: no
Description: Demonstrates how to create specific Key objects using KeyCodes and poll their state within the update loop to detect if a key is currently pressed.

## Add Multiple Keys via String
ID: vhqmzfgFVH
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/add-key-using-string
Size: 1024x768
Multi-file: no
Description: Demonstrates how to register multiple keyboard keys simultaneously using a single comma-separated string and check their state in the update loop.

## Arcade Name Entry
ID: drPtdscH6d
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/enter-name
Size: 800x600
Multi-file: no
Description: Create a classic high-score name entry screen that supports both keyboard navigation and pointer interaction using bitmap text and grid snapping.

## Create Key Combo
ID: LBKtwWTU4T
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/create-key-combo
Size: 1024x768
Multi-file: no
Description: Detect a specific sequence of key presses (a combo) and trigger an event when the sequence is completed successfully.

## Cross Scene Keyboard Events
ID: 9JvNnNErpg
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/cross-scene-keys
Size: 800x600
Multi-file: no
Description: Demonstrates how keyboard events propagate across multiple active scenes running in parallel and explores the hierarchy of local Key events versus global keyboard listeners.

## Cursor Key Timing Data
ID: mUDrYFtr5v
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/cursors-time
Size: 800x600
Multi-file: no
Description: Demonstrates how to access timing and duration properties for cursor keys, including timeDown, timeUp, and current press duration while controlling a physics-enabled sprite.

## Cursor Keys
ID: X7xJNveZZt
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/cursor-keys
Size: 1024x768
Multi-file: no
Description: Control a physics-enabled sprite using the standard keyboard arrow keys via the built-in cursor keys helper.

## Global Keydown Event
ID: fkB9qCR7Lh
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/global-keydown-event
Size: 1024x768
Multi-file: no
Description: Demonstrates how to capture every keyboard key press globally within a Scene using the keyboard manager's event listener.

## Key Combo Max Key Delay
ID: KG3JJ1qMYm
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/key-combo-max-key-delay
Size: 1024x768
Multi-file: no
Description: Demonstrates how to set a time limit between key presses for a key combo, resetting the sequence if the delay is exceeded.

## Key Down Delay
ID: 1Y6hcxCWg6
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/key-down-delay
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use the checkDown method to apply a custom rate-limit or delay to keyboard input, controlling how often an action triggers while a key is held down.

## Key Down Duration
ID: VyFVPxW6fD
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/key-down-duration
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the getDuration method to track exactly how long a specific keyboard key has been held down in milliseconds.

## Key Just Down
ID: S5DmsqDXgL
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/just-down
Size: 800x600
Multi-file: no
Description: Demonstrates the JustDown function, which triggers an action exactly once when a key is first pressed, preventing repeated execution if the key is held.

## Key Modifiers
ID: 8rccZgMrKM
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/key-modifier
Size: 1024x768
Multi-file: no
Description: Detect if modifier keys such as Shift, Control, or Alt are being held down when a specific key event is triggered.

## Keyboard Event Listeners and Propagation
ID: REG3RqV3k1
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/add-single-key
Size: 800x600
Multi-file: no
Description: Demonstrates three ways to detect a single key press: via a Key object listener, a specific keycode global event, and a generic keyboard event, while showing how stopPropagation controls the flow between them.

## Keyboard Events and Polling
ID: j7NEV2JWx4
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/keydown
Size: 1024x768
Multi-file: no
Description: Demonstrates different ways to handle keyboard input: using global event listeners, specific key-down and key-up events, and creating Key objects for direct polling in the update loop.

## Konami Code Key Combo
ID: 9z6KLyX5By
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/konami-code-key-combo
Size: 1024x768
Multi-file: no
Description: Detect a specific sequence of key presses using the Keyboard Key Combo system and trigger an event when the sequence is completed.

## Multi-Scene Keyboard Events
ID: 2CVmACZ4GY
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/keydown-multi-scene-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to handle keyboard input across different scenes, showing how input listeners function when scenes are paused, resumed, or running concurrently.

## Numpad Input
ID: GkLDW16XdJ
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/numpad
Size: 1024x768
Multi-file: no
Description: Listen for specific keydown events from the numeric keypad (numpad) to trigger actions in your game.

## Reset Key Combo On Match
ID: UKuwvyygbC
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/reset-key-combo-on-match
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use the resetOnMatch property to allow a keyboard combo to be triggered multiple times repeatedly.

## Retro Leaderboard Name Entry
ID: Vbqivyh1ML
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/retro-leaderboard
Size: 800x600
Multi-file: no
Description: A classic arcade-style high score name entry system using grid-based character selection. Demonstrates keyboard arrow navigation, mouse interaction, direct key-to-character mapping, and event-based communication between Scenes.

## Single Keydown Event
ID: zkqLM2mnJ6
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/single-keydown-event
Size: 1024x768
Multi-file: no
Description: Demonstrates how to listen for specific keyboard press events using string-based event names like 'keydown-A' and 'keydown-SPACE', including how to capture keys to prevent default browser scrolling.

## Text Entry
ID: cwHnA1VJ7c
Version: v4.1.0
Path: input/keyboard
URL: https://phaser.io/examples/v4.1.0/input/keyboard/view/text-entry
Size: 800x600
Multi-file: no
Description: Demonstrates how to capture keyboard input to create a simple text entry system, including handling backspace and alphanumeric characters.

## Check Button Released
ID: vs1jCDm4Gg
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/check-button-released
Size: 800x600
Multi-file: no
Description: Detect which specific mouse button (left, right, middle, back, or forward) was released using pointer helper methods like leftButtonReleased and rightButtonReleased.

## Circle Hit Area
ID: KvDvkoqoEf
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/circle-hit-area
Size: 800x600
Multi-file: no
Description: Learn how to define a circular interactive hit area for a Sprite using a Geometric Circle shape and custom input callbacks.

## Click Sprite
ID: QFCkEhkNFX
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/click-sprite
Size: 1024x768
Multi-file: no
Description: Enable input on a sprite to detect pointer events and change its visual state using tints during interactions.

## Continuous Input Polling
ID: AbwkkPfVwq
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/poll-always
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use setPollAlways to trigger interaction events, like pointer over and out, even when the mouse is stationary but the object is moving.

## Ellipse Hit Area
ID: fcmoBktrnB
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/ellipse-hit-area
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a custom elliptical hit area for a sprite using a geometric shape and a contains check for pointer interaction.

## Geometric Shape Hit Areas
ID: xaptJks2kW
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/shape-hit-tests
Size: 1024x768
Multi-file: no
Description: Demonstrates how to define custom interactive hit areas for sprites using geometric shapes including Polygons, Circles, Ellipses, Rectangles, and Triangles.

## Handle Multiple Overlapping Input Events
ID: sdLviU9cUi
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/top-only-up-and-down-events
Size: 800x600
Multi-file: no
Description: Demonstrates how to disable 'topOnly' input processing, allowing pointer events to trigger on all overlapping interactive objects simultaneously instead of just the top-most one.

## Input Interactivity with Sprite Origins
ID: guV6ZEgxEL
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/origin-tests
Size: 800x600
Multi-file: no
Description: Demonstrates how setting different origin points on interactive Sprites affects their hit detection and mouse hover areas.

## Input Top Only
ID: MH9AaLvN3z
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/top-only
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use the input topOnly property to ensure that only the top-most interactive GameObject receives input events when multiple objects overlap.

## Interactive Text Hover Effects
ID: 3nYRGu7AQ5
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/text-input-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable input on Text Game Objects and use the gameobjectover and gameobjectout events to apply visual tint effects when hovering.

## Mass Interactive Sprite Grid
ID: dKrSCqjXDx
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/mass-scrolling-sprite-test
Size: 800x600
Multi-file: no
Description: A performance test featuring 10,000 interactive sprites in a grid. Demonstrates using shared hit areas for input, smoothed camera controls for navigation, and pointer events to highlight or hide objects.

## Mass Scrolling Interactive Sprites
ID: nAGkp3cGPY
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/mass-scrolling-sprite-test-no-cull
Size: 800x600
Multi-file: no
Description: A stress test demonstrating input events and performance across 10,000 interactive sprites in a large grid, featuring camera controls and disabled camera culling.

## Mass Sprite Input Detection
ID: iJgtXk5qJE
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/mass-sprite-test
Size: 800x600
Multi-file: no
Description: Demonstrates efficient pointer event handling for a large number of sprites arranged in a grid using groups and hit area callbacks.

## Mouse Down Event
ID: eFmzgkiF9Q
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/mouse-down
Size: 1024x768
Multi-file: no
Description: Detect a pointer down event and spawn a sprite at the pointer coordinates.

## Mouse Wheel Input
ID: fyaZBmsZSb
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/mouse-wheel
Size: 800x600
Multi-file: no
Description: Capture mouse wheel scroll events and use the delta values to scroll a TileSprite texture.

## Mouse Wheel Over Game Object
ID: gSiTyyJpdZ
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/mouse-wheel-over-gameobject
Size: 800x600
Multi-file: no
Description: How to detect and handle mouse wheel scroll events specifically when the cursor is positioned over an interactive Game Object.

## Move Over Event
ID: fZdTgBvWWK
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/move-event
Size: 800x600
Multi-file: no
Description: Demonstrates listening for the 'gameobjectmove' event on interactive sprites and using the 'topOnly' property to handle events for multiple overlapping objects.

## Over and Out Events
ID: 3PdGP8KfJZ
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/over-and-out-events
Size: 800x600
Multi-file: no
Description: Demonstrates using pointerover and pointerout events to detect when the mouse enters or leaves interactive Game Objects.

## Pointer Lock
ID: uBGpsHp6Rg
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/pointer-lock
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Pointer Lock API to capture the mouse cursor, utilizing relative mouse movement properties (movementX and movementY) to control a sprite.

## Poll Only On Move
ID: x2BPsj2haH
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/poll-only-on-move
Size: 1024x768
Multi-file: no
Description: Configures input hit detection to only occur when the mouse moves. This prevents hover events from triggering automatically as moving sprites pass under a stationary cursor.

## Polygon Hit Area
ID: wA8952RZpZ
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/polygon-hit-area
Size: 800x600
Multi-file: no
Description: Define a custom interactive hit area for a Sprite using a Polygon geometry shape and the Polygon.Contains callback for precise pointer detection.

## Right Mouse Button Interaction
ID: 17oQ6EKkgj
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/right-mouse-button
Size: 800x600
Multi-file: no
Description: Demonstrates how to detect right mouse button clicks, disable the default browser context menu, and use pointer duration to handle both short and long press events.

## Sprite Pointer Events
ID: Q5xYbVcV1f
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/single-sprite
Size: 800x600
Multi-file: no
Description: Make a single sprite interactive and handle pointer down and up events to change its tint.

## Top Only Input Over and Out Events
ID: GusMB2EgGG
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/top-only-over-and-out-events
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the topOnly property to enable input events for all overlapping Game Objects simultaneously, rather than just the one on the top layer.

## Triangle Hit Area
ID: 6ofRpjw52s
Version: v4.1.0
Path: input/mouse
URL: https://phaser.io/examples/v4.1.0/input/mouse/view/triangle-hit-area
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a custom triangular hit area for a sprite using a geometric shape and a custom callback.

## Multi-Touch Drag
ID: fzzh8qBtHr
Version: v4.1.0
Path: input/multitouch
URL: https://phaser.io/examples/v4.1.0/input/multitouch/view/multi-drag
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable multi-touch dragging by adding extra input pointers and making multiple Game Objects interactive and draggable simultaneously.

## Multi-Touch Game Object Events
ID: zmWN4MLRDB
Version: v4.1.0
Path: input/multitouch
URL: https://phaser.io/examples/v4.1.0/input/multitouch/view/multi-down-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable multiple simultaneous touch pointers and handle pointer events on several Game Objects at once.

## Multi-Touch Hover States
ID: i8DpEzgCnV
Version: v4.1.0
Path: input/multitouch
URL: https://phaser.io/examples/v4.1.0/input/multitouch/view/multi-over-test
Size: 800x600
Multi-file: no
Description: Demonstrates how multiple pointers can independently trigger 'over' and 'out' events on interactive objects simultaneously, enabling multi-touch hover detection.

## Multi-Touch Input with Multiple Pointers
ID: EfdoEPo77Y
Version: v4.1.0
Path: input/multitouch
URL: https://phaser.io/examples/v4.1.0/input/multitouch/view/two-touch-inputs
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable support for multiple simultaneous touch points by adding extra pointers to the input manager and tracking their individual states.

## Multi-Touch Piano
ID: omcB2qoi6r
Version: v4.1.0
Path: input/multitouch
URL: https://phaser.io/examples/v4.1.0/input/multitouch/view/multi-touch-test
Size: 800x600
Multi-file: no
Description: A demonstration of multi-touch support using a playable piano. It shows how to enable multiple simultaneous pointers and handle interaction events across several objects at once.

## Pixel Perfect Alpha Input
ID: AxbkVzF1GM
Version: v4.1.0
Path: input/pixel perfect
URL: https://phaser.io/examples/v4.1.0/input/pixel perfect/view/image-with-lots-of-alpha
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable pixel-perfect hit detection on an interactive sprite, ensuring pointer events only trigger on non-transparent areas of the image texture.

## Pixel Perfect Atlas Frame
ID: YcyjVZ1kxn
Version: v4.1.0
Path: input/pixel perfect
URL: https://phaser.io/examples/v4.1.0/input/pixel perfect/view/atlas-frame
Size: 800x600
Multi-file: no
Description: Demonstrates how to use pixel-perfect input detection on a Sprite that uses a frame from a texture atlas.

## Pixel Perfect Dragging
ID: 7hpjbJ52Wp
Version: v4.1.0
Path: input/pixel perfect
URL: https://phaser.io/examples/v4.1.0/input/pixel perfect/view/on-drag
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable dragging on sprites using pixel-perfect input detection and custom alpha tolerance levels.

## Pixel Perfect Input with Atlas Frames
ID: 6YNytaVTwe
Version: v4.1.0
Path: input/pixel perfect
URL: https://phaser.io/examples/v4.1.0/input/pixel perfect/view/large-trimmed-atlas-frame
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable pixel-perfect input detection on a sprite using a trimmed frame from a texture atlas.

## Pixel Perfect Input with Transformations
ID: QKgH37dCh1
Version: v4.1.0
Path: input/pixel perfect
URL: https://phaser.io/examples/v4.1.0/input/pixel perfect/view/transformed
Size: 800x600
Multi-file: no
Description: Demonstrates pixel-perfect input detection on sprites that have been scaled and rotated, including how to set a custom alpha threshold for hit detection.

## Pixel Perfect Pointer Down
ID: StMaoN2heE
Version: v4.1.0
Path: input/pixel perfect
URL: https://phaser.io/examples/v4.1.0/input/pixel perfect/view/on-down
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use pixel-perfect hit areas for input detection, allowing clicks only on non-transparent pixels and setting custom alpha thresholds.

## Pixel Perfect Pointer Move
ID: mz9yE1qAcp
Version: v4.1.0
Path: input/pixel perfect
URL: https://phaser.io/examples/v4.1.0/input/pixel perfect/view/on-move
Size: 800x600
Multi-file: no
Description: Demonstrates how to use pixel-perfect input detection to trigger pointermove events only when the cursor is over non-transparent pixels, including how to set custom alpha thresholds.

## Drag to Draw Rectangle
ID: V4gha38D65
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/drag-rectangle
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically draw a rectangle on the screen by using pointer events to track initial click coordinates and current drag position.

## Drawing Sprites with Pointer Move
ID: 8yYh8ANUZL
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/draw-sprites
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and place sprites along the path of the pointer while it is held down and moving across the screen.

## External Link
ID: rLtNWn7rRi
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/external-link
Size: 800x600
Multi-file: no
Description: Demonstrates how to open an external URL in a new browser window or tab using a pointer event on an interactive game object.

## Input Event List
ID: 9CpvADJaMt
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/event-list
Size: 1024x600
Multi-file: no
Description: Demonstrates how to receive an array of all interactive Game Objects under a pointer during an input event by disabling top-only selection.

## Interactive Card Stack
ID: EACouaSWSv
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/cards
Size: 1024x600
Multi-file: no
Description: Demonstrates how to handle click events on a stack of overlapping interactive images, where the top-most object in the display list captures the input event.

## Multi Camera Cards
ID: fjBT5e8PSi
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/multi-camera-cards
Size: 1024x600
Multi-file: no
Description: Demonstrates how interactive game objects function across multiple cameras with different viewports, zoom levels, and rotations.

## Multiple Scene Pointer Events
ID: BuLoUcTfKd
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/multiple-scene-down-event
Size: 800x600
Multi-file: no
Description: Demonstrates how pointer events are handled across multiple active scenes simultaneously, showing that interactive objects in different scenes can each trigger their own independent input events.

## Pointer Buttons
ID: hPhcU6odgH
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/pointer-buttons
Size: 800x600
Multi-file: no
Description: Learn how to detect specific mouse buttons (left, right, or both) and disable the browser context menu for custom input handling.

## Pointer Buttons Debug
ID: Ue9spwfrd5
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/pointer-buttons-debug
Size: 800x600
Multi-file: no
Description: Detect left, right, and simultaneous mouse button presses using pointer events and the native button state.

## Pointer Debug
ID: z2mVX3mWyv
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/pointer-debug
Size: 800x600
Multi-file: no
Description: Display real-time properties of the active pointer, including position, midpoint, velocity, and movement deltas.

## Pointer Down Event
ID: yknVkJ7rgy
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/down-event
Size: 800x600
Multi-file: no
Description: Handle global pointer down events to spawn sprites at the clicked location while tracking the active pointer's coordinates and duration.

## Pointer Move Event
ID: MqsjNTMFFT
Version: v4.1.0
Path: input/pointer
URL: https://phaser.io/examples/v4.1.0/input/pointer/view/move-event
Size: 800x600
Multi-file: no
Description: Learn how to use the 'pointermove' event to track the pointer's position and spawn images at its current coordinates.

## Basic Input Zone
ID: i42zExiYtT
Version: v4.1.0
Path: input/zones
URL: https://phaser.io/examples/v4.1.0/input/zones/view/basic-input-zone
Size: 1024x600
Multi-file: no
Description: Demonstrates how to use invisible Zone game objects to define interactive hit areas over specific regions of a static image.

## Circular Drop Zone
ID: 3xzeeFRaQG
Version: v4.1.0
Path: input/zones
URL: https://phaser.io/examples/v4.1.0/input/zones/view/circular-drop-zone
Size: 1024x600
Multi-file: no
Description: Demonstrates how to create a drop zone with a circular hit area and handle drag events like enter, leave, and drop to provide visual feedback and snap items into position.

## Drop Zone
ID: Nhqi58zLsy
Version: v4.1.0
Path: input/zones
URL: https://phaser.io/examples/v4.1.0/input/zones/view/drop-zone
Size: 800x600
Multi-file: no
Description: Learn how to create a drop zone for draggable Game Objects. This example covers detecting when a dragged object enters or leaves a zone, snapping objects into place upon a successful drop, and returning them to their original position if the drop fails.

## Resize Zone
ID: rhhzWnpW26
Version: v4.1.0
Path: input/zones
URL: https://phaser.io/examples/v4.1.0/input/zones/view/resize-zone
Size: 800x600
Multi-file: no
Description: This example demonstrates how to dynamically resize an input Zone and its hit area at runtime using a tween.

## Sprite Drop Zone
ID: xY4yr4PWM7
Version: v4.1.0
Path: input/zones
URL: https://phaser.io/examples/v4.1.0/input/zones/view/sprite-drop-zone
Size: 1024x600
Multi-file: no
Description: Demonstrates how to turn any Game Object into a drop zone for drag-and-drop interactions, including handling drag enter, leave, and drop events.

## Loader 404 Handling
ID: iYmrN1HPRp
Version: v4.1.0
Path: loader
URL: https://phaser.io/examples/v4.1.0/loader/view/load-from-404
Size: 800x600
Multi-file: no
Description: Demonstrates how the loader behaves when assets fail to load due to 404 errors, showing that the game can still proceed to the create state.

## Loading Assets via Configuration Objects
ID: RM2AoSMrgW
Version: v4.1.0
Path: loader
URL: https://phaser.io/examples/v4.1.0/loader/view/load-config-tests
Size: 800x600
Multi-file: no
Description: Demonstrates loading assets using configuration objects instead of simple arguments, including setting custom XHR properties like headers, credentials, and timeouts.

## Loading Progress Bar
ID: yjoj3WsXXS
Version: v4.1.0
Path: loader
URL: https://phaser.io/examples/v4.1.0/loader/view/game-load-config
Size: 800x600
Multi-file: no
Description: Create a visual progress bar using Graphics and the Loader's progress event to track the loading status of a large asset queue.

## Load Animation JSON
ID: CCj5Y4D41p
Version: v4.1.0
Path: loader/animation json
URL: https://phaser.io/examples/v4.1.0/loader/animation json/view/load-animation-json
Size: 800x600
Multi-file: no
Description: Demonstrates how to load animation configuration data from an external JSON file and apply those animations to sprites.

## Load Audio
ID: 1JPftVEyX8
Version: v4.1.0
Path: loader/audio
URL: https://phaser.io/examples/v4.1.0/loader/audio/view/load-audio
Size: 800x600
Multi-file: no
Description: Learn how to load audio files in multiple formats (OGG, MP3, and M4A) for cross-browser compatibility and play them back in your scene.

## Load Audio Sprite
ID: ewWjFiDHiF
Version: v4.1.0
Path: loader/audio
URL: https://phaser.io/examples/v4.1.0/loader/audio/view/load-audio-sprite
Size: 800x600
Multi-file: no
Description: This example demonstrates how to load an audio sprite using a JSON configuration file and multiple audio formats, then play specific sound markers defined within the sprite.

## Load Audio Sprite Resources
ID: s46UcXjeAo
Version: v4.1.0
Path: loader/audio
URL: https://phaser.io/examples/v4.1.0/loader/audio/view/load-audio-sprite-resources
Size: 800x600
Multi-file: no
Description: Learn how to load and play audio sprites using a JSON configuration file and its associated audio resources.

## Load Audio Stream
ID: bTfEy5eNCj
Version: v4.1.0
Path: loader/audio
URL: https://phaser.io/examples/v4.1.0/loader/audio/view/load-audio-stream
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and play audio as a stream by setting the stream property, which is useful for playing long music tracks without waiting for the full file to download.

## Loading HTML5 Audio
ID: Non9b5pfhm
Version: v4.1.0
Path: loader/audio
URL: https://phaser.io/examples/v4.1.0/loader/audio/view/load-html5-audio
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and play audio using the HTML5 Audio tag by disabling the Web Audio API in the game configuration.

## Base64 Bitmap Font
ID: XsL87RWmCa
Version: v4.1.0
Path: loader/base64
URL: https://phaser.io/examples/v4.1.0/loader/base64/view/base64-bitmap-font
Size: 800x600
Multi-file: no
Description: This example demonstrates how to load a bitmap font by providing Base64 encoded strings for both the image texture and the XML font data, instead of using external file paths.

## Load Bitmap Text from Base64
ID: 7mW1ni3wmM
Version: v4.1.0
Path: loader/base64
URL: https://phaser.io/examples/v4.1.0/loader/base64/view/bitmap-text
Size: 1024x768
Multi-file: no
Description: Demonstrates how to manually parse and cache a Bitmap Font using base64 encoded PNG and XML data instead of external files.

## Loading a Base64 Image
ID: gifaHx7jyW
Version: v4.1.0
Path: loader/base64
URL: https://phaser.io/examples/v4.1.0/loader/base64/view/base64-image
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and display an image by passing a Base64 encoded string directly to the Phaser Loader instead of a file URL.

## Loading a Base64 Texture Atlas
ID: dTT2nF4pV6
Version: v4.1.0
Path: loader/base64
URL: https://phaser.io/examples/v4.1.0/loader/base64/view/base64-texture-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a texture atlas by passing Base64 encoded strings for both the image and the JSON data, instead of loading external files.

## Load and Parse Binary Data
ID: CDNrcTm3Ch
Version: v4.1.0
Path: loader/binary
URL: https://phaser.io/examples/v4.1.0/loader/binary/view/load-binary-data-parse-after-load
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a binary file and manually extract information by reading specific byte offsets from the binary cache.

## Load Binary Data
ID: 5hpYpVfAH8
Version: v4.1.0
Path: loader/binary
URL: https://phaser.io/examples/v4.1.0/loader/binary/view/load-binary-data
Size: 800x600
Multi-file: no
Description: Demonstrates how to load raw binary files into the loader, retrieve them from the binary cache as TypedArrays, and parse specific byte offsets from the data buffer.

## Load Binary Data From Object
ID: 2YB5thLKCT
Version: v4.1.0
Path: loader/binary
URL: https://phaser.io/examples/v4.1.0/loader/binary/view/load-binary-data-from-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to load binary files using a configuration object and retrieve them from the cache to extract and parse raw byte data.

## Load Bitmap Text via Asset Pack
ID: F4Tey7ekxH
Version: v4.1.0
Path: loader/bitmap text
URL: https://phaser.io/examples/v4.1.0/loader/bitmap text/view/load-bitmap-text-from-pack
Size: 1024x768
Multi-file: no
Description: Demonstrates how to load multiple bitmap fonts using a single JSON asset pack file and display them in a Scene.

## Loading Bitmap Fonts
ID: xvs7ZeuMRn
Version: v4.1.0
Path: loader/bitmap text
URL: https://phaser.io/examples/v4.1.0/loader/bitmap text/view/load-bitmap-text
Size: 1024x768
Multi-file: no
Description: Learn how to load and display bitmap fonts using PNG and XML pairs, including how to update bitmap text content dynamically in the update loop.

## Chained Asset Pack Loading
ID: wzaA6Wdf6U
Version: v4.1.0
Path: loader/file pack
URL: https://phaser.io/examples/v4.1.0/loader/file pack/view/load-file-pack-test-4
Size: 800x600
Multi-file: no
Description: Demonstrates how to load multiple asset packs recursively, where one JSON pack file triggers the loading of another.

## JSON File Pack Loading
ID: anCWqXa78s
Version: v4.1.0
Path: loader/file pack
URL: https://phaser.io/examples/v4.1.0/loader/file pack/view/load-file-pack-test-3
Size: 800x600
Multi-file: no
Description: Demonstrates how to load multiple assets simultaneously using a JSON file pack manifest, including referencing assets with and without prefixes.

## Load File Pack
ID: 3CRe3tbA84
Version: v4.1.0
Path: loader/file pack
URL: https://phaser.io/examples/v4.1.0/loader/file pack/view/load-file-pack
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a JSON manifest file (File Pack) to define and load multiple assets at once using the loader's pack method.

## Load File Pack From JSON Object
ID: mq7EDrLkfw
Version: v4.1.0
Path: loader/file pack
URL: https://phaser.io/examples/v4.1.0/loader/file pack/view/load-file-pack-from-json
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a JavaScript object to define and load multiple assets at once using the Loader's pack method.

## Load Specific Section of a File Pack
ID: 24eoCqjgvz
Version: v4.1.0
Path: loader/file pack
URL: https://phaser.io/examples/v4.1.0/loader/file pack/view/load-file-pack-test-2
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a specific sub-section of assets from a JSON file pack by providing a data key.

## Loading Atlas via File Pack
ID: 3M21o4K9CC
Version: v4.1.0
Path: loader/file pack
URL: https://phaser.io/examples/v4.1.0/loader/file pack/view/load-file-pack-test-5
Size: 1024x768
Multi-file: no
Description: Demonstrates loading a JSON file pack that contains a texture atlas, then iterating through and displaying its frames.

## Load HTML to Texture
ID: tMukjkWCMp
Version: v4.1.0
Path: loader/html
URL: https://phaser.io/examples/v4.1.0/loader/html/view/load-html-to-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an external HTML file and convert it into a texture that can be used by Game Objects like Images or Sprites.

## Load Image
ID: xGJtzPcNDc
Version: v4.1.0
Path: loader/image
URL: https://phaser.io/examples/v4.1.0/loader/image/view/load-image
Size: 800x600
Multi-file: no
Description: Learn how to load external image files into the Phaser loader and display them as Image Game Objects in a scene.

## Load Image From Object
ID: S5MLye6T35
Version: v4.1.0
Path: loader/image
URL: https://phaser.io/examples/v4.1.0/loader/image/view/load-image-from-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an image by passing a single configuration object containing the key and URL to the loader instead of using separate arguments.

## Load Image on Click
ID: mj8zpNDSYx
Version: v4.1.0
Path: loader/image
URL: https://phaser.io/examples/v4.1.0/loader/image/view/load-image-on-click
Size: 800x600
Multi-file: no
Description: Demonstrates how to load assets at runtime in response to a user event by manually starting the Loader outside of the preload phase.

## Load Normal Map
ID: bsT6aVrjX7
Version: v4.1.0
Path: loader/image
URL: https://phaser.io/examples/v4.1.0/loader/image/view/load-normal-map
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an image along with its associated normal map by passing an array of file paths to the loader.

## Load Normal Map from Object
ID: Z49GqpUYgT
Version: v4.1.0
Path: loader/image
URL: https://phaser.io/examples/v4.1.0/loader/image/view/load-normal-map-from-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an image and its associated normal map by passing a single configuration object to the loader.

## Load WebP Image
ID: BQoiny99xn
Version: v4.1.0
Path: loader/image
URL: https://phaser.io/examples/v4.1.0/loader/image/view/load-webp
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and display a WebP image file as a texture.

## Loading Images with Normal Maps
ID: rPLUMwXUqg
Version: v4.1.0
Path: loader/image
URL: https://phaser.io/examples/v4.1.0/loader/image/view/load-normal-map-with-light
Size: 800x600
Multi-file: no
Description: Learn how to load an image with an associated normal map and use dynamic lighting to create depth and shadow effects that react to a moving light source.

## Add Files During Load
ID: zqfpGixsem
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/add-files-during-load
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically add new assets to the loader queue from within a loader event callback while the loading process is already in progress.

## Destroy Game During Load
ID: MS4EpfWFGh
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/destroy-game-during-load
Size: 800x600
Multi-file: no
Description: Demonstrates how to safely destroy a Phaser game instance while the Loader is actively processing a queue of assets.

## Display File As Loaded
ID: YybU7DHkNw
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/display-file-as-loaded
Size: 800x600
Multi-file: no
Description: Demonstrates using the loader 'filecomplete' event to add images to the scene immediately after they finish loading while sequentially triggering the next load.

## File Complete Event
ID: cXMMiEVVWr
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/file-complete-event
Size: 800x600
Multi-file: no
Description: Learn how to use the 'filecomplete' event on an individual file loader to execute a callback as soon as a specific asset has finished loading.

## File Complete Event with Key
ID: yGyW8FMacK
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/file-complete-event-with-key
Size: 800x600
Multi-file: no
Description: Learn how to use specific file completion events to trigger actions as soon as a particular asset finishes loading, using the 'filecomplete-type-key' event string.

## File Progress Event
ID: T9s6ZodcPi
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/file-progress-event
Size: 800x600
Multi-file: no
Description: Learn how to use the 'fileprogress' event to monitor the loading progress of a specific individual file within the Loader.

## Load Multiple Images
ID: dAy4FemRuf
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/load-200-image-files
Size: 800x600
Multi-file: no
Description: Demonstrates loading a large quantity of individual image assets and displaying them by iterating through all keys in the texture manager.

## Loader Duplicate File Handling
ID: xUAbsN2QaG
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/test-loading-files-already-loaded
Size: 800x600
Multi-file: no
Description: Demonstrates how the Loader handles requests for files that are already in the cache, verifying that the 'complete' event still fires correctly when no new files need to be processed.

## Loader Progress Bar
ID: aFmJLcCaSC
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/load-progress
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the loader's progress event to create a visual loading bar while assets are being loaded.

## Loading Assets from External URLs
ID: cPFMHXr4eD
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/load-from-external-url
Size: 800x600
Multi-file: no
Description: Demonstrates how to load assets using absolute URLs, which bypasses the loader's setBaseURL and setPath settings to fetch files from different domains.

## Multi-File Loader Progress
ID: Y75bG2psy4
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/multi-file-progress-event
Size: 800x600
Multi-file: no
Description: Learn how to use the fileprogress event to track and display the individual loading progress of multiple assets in the loader queue.

## Play Animation During Load
ID: ac9tu8d9mC
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/play-animation-during-load
Size: 800x600
Multi-file: no
Description: Learn how to use the Scene 'pack' property to load a spritesheet early, enabling an animated loading screen while a large batch of secondary assets is being processed.

## Start Loader Manually
ID: UaBY61EPwt
Version: v4.1.0
Path: loader/loader events
URL: https://phaser.io/examples/v4.1.0/loader/loader events/view/start-loader-manually
Size: 800x600
Multi-file: no
Description: Demonstrates how to initiate the loader manually using this.load.start() outside of the preload function, including how to dynamically add files to the load queue as others finish.

## Load Scene Plugin
ID: 9sGx6cGcwB
Version: v4.1.0
Path: loader/plugin
URL: https://phaser.io/examples/v4.1.0/loader/plugin/view/load-plugin
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an external Scene Plugin during the preload phase and access its methods through a custom property on the Scene.

## Load Scene File
ID: D1eC3kzTnd
Version: v4.1.0
Path: loader/scene
URL: https://phaser.io/examples/v4.1.0/loader/scene/view/load-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically load a Scene class from an external JavaScript file using the Loader.

## Scene Pack Files Payload
ID: V1aPGQh8NC
Version: v4.1.0
Path: loader/scene payload
URL: https://phaser.io/examples/v4.1.0/loader/scene payload/view/scene-files-payload
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the 'pack' property in a Scene configuration to load assets before the Scene starts, making them available before the preload function is even called.

## Load External Script
ID: DDWYrh6ane
Version: v4.1.0
Path: loader/script
URL: https://phaser.io/examples/v4.1.0/loader/script/view/load-script
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an external JavaScript file and access its global functions within a scene.

## Load Sprite Sheet
ID: TaRTvFpzHo
Version: v4.1.0
Path: loader/sprite sheet
URL: https://phaser.io/examples/v4.1.0/loader/sprite sheet/view/load-sprite-sheet
Size: 800x600
Multi-file: no
Description: Demonstrates how to load sprite sheets by defining frame dimensions, create animations from frame numbers, and display specific individual frames.

## Load Sprite Sheet From Object
ID: ofSnxfVGUv
Version: v4.1.0
Path: loader/sprite sheet
URL: https://phaser.io/examples/v4.1.0/loader/sprite sheet/view/load-sprite-sheet-from-object
Size: 800x600
Multi-file: no
Description: This example shows how to load a sprite sheet by passing a single configuration object to the loader, specifying the asset key, URL, and frame dimensions.

## Load Sprite Sheet From Object Array
ID: 1h1mn8EbxL
Version: v4.1.0
Path: loader/sprite sheet
URL: https://phaser.io/examples/v4.1.0/loader/sprite sheet/view/load-sprite-sheet-from-object-array
Size: 800x600
Multi-file: no
Description: Demonstrates how to load multiple sprite sheets simultaneously by passing an array of configuration objects to the loader.

## Loading Sprite Sheets via Scene Payload
ID: zddMsVB24A
Version: v4.1.0
Path: loader/sprite sheet
URL: https://phaser.io/examples/v4.1.0/loader/sprite sheet/view/load-sprite-sheet-from-scene-payload
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a sprite sheet and its frame configuration by defining it within the Scene constructor's pack property, instead of using the preload method.

## Load SVG
ID: 9yrTSKKCwq
Version: v4.1.0
Path: loader/svg
URL: https://phaser.io/examples/v4.1.0/loader/svg/view/load-svg
Size: 800x600
Multi-file: no
Description: Load and display Scalable Vector Graphics (SVG) files as textures in your game.

## Load SVG with Fixed Size
ID: oGynoNHpYe
Version: v4.1.0
Path: loader/svg
URL: https://phaser.io/examples/v4.1.0/loader/svg/view/load-svg-with-fixed-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an SVG file with custom dimensions specified during the load process, allowing it to be rendered at a specific scale without losing quality.

## Loading SVGs with Scale
ID: hTCGpc27eo
Version: v4.1.0
Path: loader/svg
URL: https://phaser.io/examples/v4.1.0/loader/svg/view/load-svg-with-scale
Size: 800x600
Multi-file: no
Description: Demonstrates how to scale SVG files during the loading process using a scale factor, allowing you to generate textures at specific sizes before they are added to the game.

## Accessing Texture Atlas Metadata
ID: iBDwMi11aC
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/get-atlas-meta-data
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a texture atlas using an inline JSON object and retrieve its custom metadata, such as version and image format, via the texture's customData property.

## Atlas with Normal Map from Configuration Object
ID: t8GUY1xJGW
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/load-texture-atlas-with-normal-map-from-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a Texture Atlas and its associated Normal Map using a single configuration object, enabling dynamic lighting for all frames within the atlas.

## Get Atlas Custom Frame Data
ID: K8XpmDnR33
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/get-atlas-custom-frame-data
Size: 800x600
Multi-file: no
Description: Demonstrates how to access and use custom data fields defined within a Texture Atlas JSON, such as using custom properties to set sprite tints.

## Load Atlas with JSON Object
ID: eabxQdkvrr
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/mixed-json-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a Texture Packer atlas by passing a local JSON object directly to the loader instead of using an external file.

## Load Atlas With Local JSON
ID: 2PhBg8VCzf
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/load-atlas-with-local-json
Size: 800x600
Multi-file: no
Description: This example demonstrates how to load a Texture Atlas by passing a local JavaScript object as the frame data instead of loading an external JSON file.

## Load Texture Atlas From Payload
ID: jCYMGy51se
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/load-texture-atlas-from-payload
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a Texture Atlas using a pack object in the Scene configuration, allowing assets to be loaded automatically when the Scene starts.

## Load Texture Atlas via Asset Pack
ID: TXbdVaH7ij
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/load-texture-atlas-from-pack
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a texture atlas by defining it within an external JSON Asset Pack file and then accessing its frames.

## Load Texture Atlas via Configuration Object
ID: JTpWtwSneU
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/load-texture-atlas-from-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a texture atlas by passing a configuration object to the loader and accessing its frames to display images.

## Load Texture Atlas with JSON
ID: ozxTzsBBei
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/load-texture-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a texture atlas using a JSON file, retrieve all available frame names, and display them randomly on the screen.

## Load Texture Atlas with Normal Map
ID: UXxdvpCXPz
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/load-texture-atlas-with-normal-map
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a Texture Packer JSON atlas alongside a normal map to enable dynamic lighting effects on individual atlas frames.

## Load, Remove and Reload Atlas
ID: tZwBDhnyzd
Version: v4.1.0
Path: loader/texture atlas json
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas json/view/load-remove-and-reload-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a texture atlas, remove it from the texture manager, and then reload a different atlas file using the same key in another scene.

## Load Multi-Texture Atlas
ID: ocAjwRBRAB
Version: v4.1.0
Path: loader/texture atlas multi
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas multi/view/load-multi-texture-atlas
Size: 1024x768
Multi-file: no
Description: Demonstrates how to load a multi-texture atlas where a single JSON file references multiple image files, and how to display various frames from it.

## Load WebP Multi-Texture Atlas
ID: RVYe27sn9E
Version: v4.1.0
Path: loader/texture atlas multi
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas multi/view/load-webp-multi-texture-atlas
Size: 1024x768
Multi-file: no
Description: Demonstrates how to load a single texture atlas that is split across multiple WebP image files and display its frames.

## Multi-Texture Atlas with Normal Maps
ID: Y3JN6DS6dn
Version: v4.1.0
Path: loader/texture atlas multi
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas multi/view/load-multi-texture-atlas-with-normal-maps
Size: 1024x768
Multi-file: no
Description: Demonstrates loading a multi-file texture atlas that includes normal map data for dynamic lighting effects across multiple atlas frames.

## Load Texture Atlas (PCT)
ID: 4TbTJUoAcy
Version: v4.1.0
Path: loader/texture atlas pct
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas pct/view/load-phaser-atlas
Size: 1024x768
Multi-file: no
Description: Demonstrates how to load a texture atlas in the PCT format and display its frames on the screen.

## Load Texture Atlas (Phaser Format)
ID: AvUJiVAw2V
Version: v4.1.0
Path: loader/texture atlas phaser
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas phaser/view/load-phaser-texture-atlas
Size: 1024x768
Multi-file: no
Description: Demonstrates how to load a texture atlas using the atlasPCT loader and display specific frames from the loaded texture.

## Load Unity Atlas
ID: yYKDntYnf9
Version: v4.1.0
Path: loader/texture atlas unity
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas unity/view/load-unity-spritesheet
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and display textures from a spritesheet exported in the Unity atlas format using a PNG and its corresponding .meta file.

## Load Unity Texture Atlas Animation
ID: 13KpUrCVYH
Version: v4.1.0
Path: loader/texture atlas unity
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas unity/view/load-unity-spritesheet-animation
Size: 800x600
Multi-file: no
Description: Demonstrates how to load texture atlases exported from Unity using .meta files and create animations from the resulting frames.

## Load XML Texture Atlas
ID: fB9cTrAF6v
Version: v4.1.0
Path: loader/texture atlas xml
URL: https://phaser.io/examples/v4.1.0/loader/texture atlas xml/view/load-xml-texture-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and display frames from a texture atlas that uses an XML data file for frame definitions.

## Load Tilemap from Local JSON Object
ID: 8sUp3GuC4i
Version: v4.1.0
Path: loader/tile maps
URL: https://phaser.io/examples/v4.1.0/loader/tile maps/view/load-tile-map-from-local-json
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a Tiled map by passing a local JavaScript object directly to the loader, rather than fetching an external JSON file.

## Load Tilemap JSON
ID: 4a2zKMAT73
Version: v4.1.0
Path: loader/tile maps
URL: https://phaser.io/examples/v4.1.0/loader/tile maps/view/load-tile-map-json
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a Tiled JSON file using the Loader, create a tilemap from the data, and display a layer with simple camera controls.

## Load Tilemap JSON from Object
ID: GwkRLQP9uY
Version: v4.1.0
Path: loader/tile maps
URL: https://phaser.io/examples/v4.1.0/loader/tile maps/view/load-tile-map-json-from-object
Size: 800x600
Multi-file: no
Description: Demonstrates loading a Tiled JSON map by passing a configuration object to the loader instead of individual arguments.

## Load Tilemap via Scene Payload
ID: Xp4b5dC4bH
Version: v4.1.0
Path: loader/tile maps
URL: https://phaser.io/examples/v4.1.0/loader/tile maps/view/load-tile-map-json-from-scene-payload
Size: 800x600
Multi-file: no
Description: Demonstrates how to preload tilemap JSON and tileset image assets directly through the Scene configuration object using a pack file definition.

## Loading Tilemaps with Normal Maps
ID: NPkXUnfHMa
Version: v4.1.0
Path: loader/tile maps
URL: https://phaser.io/examples/v4.1.0/loader/tile maps/view/load-tile-map-json-with-normal-map
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a Tiled JSON map with a corresponding normal map to enable dynamic 2D lighting effects on map layers.

## Distance Between Points
ID: D4LN5xspnc
Version: v4.1.0
Path: math/distance
URL: https://phaser.io/examples/v4.1.0/math/distance/view/distance
Size: 1024x768
Multi-file: no
Description: Demonstrates using Phaser.Math.Distance.Between to calculate the distance between two moving points and using that value to draw a dynamic circle.

## Distance Between Points
ID: BnT7FkeaXN
Version: v4.1.0
Path: math/distance
URL: https://phaser.io/examples/v4.1.0/math/distance/view/distance-between-points
Size: 1024x768
Multi-file: no
Description: Calculate the distance between two objects and visualize the result by drawing a circle with a radius equal to that distance.

## Get Chebyshev Distance
ID: mSRcChtPmZ
Version: v4.1.0
Path: math/distance
URL: https://phaser.io/examples/v4.1.0/math/distance/view/get-chebyshev-distance
Size: 1024x768
Multi-file: no
Description: Calculate the Chebyshev distance between two points—the maximum separation along any single axis—and visualize the result as a square bounding box.

## Snake Distance
ID: uiUfVJ4XrQ
Version: v4.1.0
Path: math/distance
URL: https://phaser.io/examples/v4.1.0/math/distance/view/snake-distance
Size: 1024x768
Multi-file: no
Description: Demonstrates how to calculate the Snake (Manhattan) distance between two points using Phaser.Math.Distance.Snake.

## Hash Stability
ID: nGK7QUr4cr
Version: v4.1.0
Path: math/hash
URL: https://phaser.io/examples/v4.1.0/math/hash/view/hash-stability
Size: 1280x720
Multi-file: no
Description: Compare the deterministic results of the Phaser Math Hash function against standard random values. This example shows how hashing provides consistent, repeatable values for the same input data.

## Hash Cell Landscape
ID: sm8GCoyaUi
Version: v4.1.0
Path: math/hash cell
URL: https://phaser.io/examples/v4.1.0/math/hash cell/view/hash-cell-landscape
Size: 1280x720
Multi-file: no
Description: Demonstrates using Phaser.Math.HashCell and Phaser.Math.Hash to create a procedurally generated, vertically scrolling landscape with deterministic noise-based positioning.

## Hash Simplex Noise Movement
ID: 2QkNF29bXs
Version: v4.1.0
Path: math/hash simplex
URL: https://phaser.io/examples/v4.1.0/math/hash simplex/view/hash-simplex
Size: 1280x720
Multi-file: no
Description: Demonstrates how to use Hash Simplex noise to generate organic, fluid motion and rotation for a sprite, creating a natural wind-blown effect.

## Hash Simplex Noise Points
ID: 1f4HxjsJ3o
Version: v4.1.0
Path: math/hash simplex
URL: https://phaser.io/examples/v4.1.0/math/hash simplex/view/hash-simplex-points
Size: 1280x720
Multi-file: no
Description: Demonstrates using the HashSimplex math function to generate organic, fluid motion and color transitions for a grid of Game Objects.

## Procedural Isometric Landscape
ID: isDSK8uQcN
Version: v4.1.0
Path: math/hash simplex
URL: https://phaser.io/examples/v4.1.0/math/hash simplex/view/hash-simplex-landscape
Size: 1280x720
Multi-file: no
Description: Demonstrates creating a scrolling procedurally generated terrain using Hash Simplex noise, mapping height values to biomes with ColorRamps and dynamic IsoBox styling.

## Normalize Vector2
ID: sUFYixyncj
Version: v4.1.0
Path: math/vec2
URL: https://phaser.io/examples/v4.1.0/math/vec2/view/normalize
Size: 800x600
Multi-file: no
Description: Demonstrates how to normalize a Vector2 to create a unit vector (length of 1) and scale it to a fixed magnitude regardless of the input distance.

## Set Vector Magnitude
ID: PKZB99i1dJ
Version: v4.1.0
Path: math/vec2
URL: https://phaser.io/examples/v4.1.0/math/vec2/view/set-magnitude
Size: 800x600
Multi-file: no
Description: Demonstrates how to fix the length of a Vector2 to a specific value using the setLength method while maintaining its direction.

## Vector2 Add
ID: PTxEvQmVBi
Version: v4.1.0
Path: math/vec2
URL: https://phaser.io/examples/v4.1.0/math/vec2/view/add
Size: 800x600
Multi-file: no
Description: Demonstrates how to add one Vector2 to another to translate a point's position in a loop.

## Vector2 Division
ID: biegUCG6s7
Version: v4.1.0
Path: math/vec2
URL: https://phaser.io/examples/v4.1.0/math/vec2/view/divide
Size: 800x600
Multi-file: no
Description: Demonstrates dividing the components of a 2D vector to create a sequence of points based on pointer position.

## Vector2 Dot Product
ID: LZXRpGSyMd
Version: v4.1.0
Path: math/vec2
URL: https://phaser.io/examples/v4.1.0/math/vec2/view/dot
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate the dot product between two vectors to determine the angle between them and their relative orientation.

## Vector2 Multiply
ID: 4u3F8QFjbR
Version: v4.1.0
Path: math/vec2
URL: https://phaser.io/examples/v4.1.0/math/vec2/view/multiply
Size: 800x600
Multi-file: no
Description: Demonstrates how to multiply Vector2 components iteratively to create a visual pattern based on pointer movement.

## Vector2 Perpendicular
ID: mJ71RfdatU
Version: v4.1.0
Path: math/vec2
URL: https://phaser.io/examples/v4.1.0/math/vec2/view/perp
Size: 800x600
Multi-file: no
Description: Calculate and visualize a perpendicular vector using the normalizeLeftHand method, which rotates a Vector2 by 90 degrees relative to its origin.

## Vector2 Right Perpendicular
ID: xVngRQmzkA
Version: v4.1.0
Path: math/vec2
URL: https://phaser.io/examples/v4.1.0/math/vec2/view/rperp
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate a vector perpendicular to another by rotating it 90 degrees clockwise using the normalizeRightHand method.

## Vector2 Subtract
ID: eMWnYdo7Se
Version: v4.1.0
Path: math/vec2
URL: https://phaser.io/examples/v4.1.0/math/vec2/view/subtract
Size: 800x600
Multi-file: no
Description: An example of manipulating the x and y properties of Vector2 objects over time to create a scrolling wave effect.

## Circle Loop Path
ID: TapDbEW8Hq
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/circle-loop-path
Size: 800x600
Multi-file: no
Description: Demonstrates creating a complex path by combining multiple circular curves and moving an object along the resulting path using a tween.

## Circle Path
ID: YQF3GzJsQL
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/circle-path
Size: 800x600
Multi-file: no
Description: Demonstrates creating a circular path using an Ellipse curve and moving a graphic along it by tweening a progress value.

## Complex Path Bounds
ID: 94kRCcEHb6
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/complex-path-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate and visualize the bounding rectangle of a complex path composed of multiple segment types including lines, splines, ellipses, and bezier curves.

## Line to Ellipse Path
ID: ze8VREDdR9
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/line-to-ellipse
Size: 800x600
Multi-file: no
Description: Demonstrates building a complex path using a combination of straight lines and elliptical curves, with an object animated along the path.

## Move Matter Body Along a Path
ID: jQRXqGjoRi
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/velocity-from-tangent-vectors
Size: 800x600
Multi-file: no
Description: Demonstrates how to move a Matter.js physics body along a curve by calculating velocity vectors between points on an elliptical path.

## Move To
ID: upEPGnmnYx
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/move-to
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the moveTo method to reposition the path starting point for a new segment without creating a connecting line.

## Path Bounds
ID: 5XVT2BSup9
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/path-bounds
Size: 800x600
Multi-file: no
Description: Learn how to calculate and visualize the bounding box of a complex path containing multiple curve segments.

## Path Line and Bezier Curve
ID: oKXdHqt2nM
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/path-line-and-bezier
Size: 800x600
Multi-file: no
Description: Demonstrates how to construct a complex path by combining straight lines and cubic Bezier curves, and how to animate an object along the resulting path using a Tween.

## Path with Line Segments
ID: kEXF4CJCZa
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/path-add-line-curve
Size: 800x600
Multi-file: no
Description: Construct a multi-segment path using lineTo and animate an object moving along the path using a tween and getPoint.

## Path with Multiple Segment Types
ID: V3GvuDdgK4
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/all-types
Size: 800x600
Multi-file: no
Description: Demonstrates how to construct a complex path by combining splines, lines, ellipses, and cubic Bezier curves, while moving a follower along its length.

## Procedural Scrolling Landscape Path
ID: n1JyEFbANX
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/landscape-path
Size: 800x600
Multi-file: no
Description: Create an infinitely scrolling landscape using dynamic Paths and Graphics. This example demonstrates extending paths with random segments and using fillPoints to render filled terrain shapes.

## Simple Path and Follower
ID: QMyfqLdxFp
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/simple-path
Size: 800x600
Multi-file: no
Description: Demonstrates creating a path from multiple line segments and using a tween to move an object along the entire path length, even if the curves are not connected.

## Zig Zag Path
ID: CePD3t6BhZ
Version: v4.1.0
Path: paths
URL: https://phaser.io/examples/v4.1.0/paths/view/zig-zag-path
Size: 800x600
Multi-file: no
Description: Create a custom zig-zag path using line segments and move multiple sprites along it by interpolating points based on tweened values.

## Cubic Bezier Bounds
ID: MVzLhJUPBB
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/cubic-bezier-bounds
Size: 800x600
Multi-file: no
Description: Learn how to calculate and display the bounding box of a Cubic Bezier curve. This example features interactive control points that update the curve shape and its bounds in real-time.

## Cubic Bezier Curve
ID: LVV8KDZFdY
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/cubic-bezier-curve
Size: 800x600
Multi-file: no
Description: Create a cubic Bezier curve using start, end, and two control points, and animate an object moving along the path using a tween.

## Cubic Bezier Curve Debug
ID: BLefkncqvy
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/cubic-bezier-curve-debug
Size: 800x600
Multi-file: no
Description: Visualizes the mathematical construction of a Cubic Bezier curve using linear interpolation across control points and intermediate lines.

## Cubic Bezier Path Points
ID: gqzLRm1rn8
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/point-types
Size: 800x600
Multi-file: no
Description: Demonstrates how to extract evenly spaced points or specific coordinates along a Cubic Bezier curve using getPoints and getPoint.

## Drag Cubic Bezier Curve
ID: TDDVXY8iNv
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/drag-cubic-bezier-curve
Size: 800x600
Multi-file: no
Description: Create and manipulate a Cubic Bezier curve by dragging its start, end, and control points, while an object follows the path via a tween.

## Drag Quadratic Bezier Curve
ID: pBdxThBXub
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/drag-quadratic-bezier-curve
Size: 800x600
Multi-file: no
Description: Manipulate a Quadratic Bezier curve in real-time by dragging its start, end, and control points while an object animates along the path.

## Drag Spline Curve
ID: 3BAxiYWKmZ
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/drag-spline-curve
Size: 800x600
Multi-file: no
Description: Demonstrates an interactive spline curve where control points can be dragged to reshape the path in real-time while an object follows the curve.

## Draggable Line Curve
ID: ZHBC14CRuS
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/drag-line-curve
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a Line curve and interactively update its start and end points using draggable handle objects.

## Ellipse Curve Animation
ID: 3ZrUK6FRM1
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/ellipse-curve
Size: 800x600
Multi-file: no
Description: Demonstrates how to create an elliptical path and animate its x and y radius over time while moving an object along the curve.

## Ellipse Curve Bounds
ID: W1RvLsxsUK
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/ellipse-curve-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate and visualize the bounding box of an interactive Ellipse curve. Includes real-time controls for radius, rotation, and start/end angles.

## Get Point at Distance on Line Curve
ID: VN19zrftD5
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/get-distance-on-line-curve
Size: 800x600
Multi-file: no
Description: Demonstrates how to find the specific coordinates of a point located at a certain pixel distance along a line curve using getTFromDistance.

## Get Point from Spline Curve
ID: WHvZLRx1Uv
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/get-point-from-spline-curve
Size: 800x600
Multi-file: no
Description: Demonstrates how to use getPointAt to find specific coordinates along a Spline curve based on a normalized value between 0 and 1.

## Get Points on a Line Curve
ID: pdgQuPJMdP
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/get-points-on-line-curve
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the getPoints method to sample a specific number of coordinate points at regular intervals along a linear path.

## Get Points on Cubic Bezier Curve
ID: ZQJi8MMKcT
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/get-points-on-cubic-bezier-curve
Size: 800x600
Multi-file: no
Description: Extract an array of coordinate points at regular intervals along a Cubic Bezier curve and visualize them using Graphics.

## Get Spaced Points on a Cubic Bezier Curve
ID: sCE4UYuNTA
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/get-spaced-points-on-cubic-bezier-curve
Size: 800x600
Multi-file: no
Description: Extract and visualize a set of points distributed at equal distances along a Cubic Bezier curve using the getSpacedPoints method.

## Get Spaced Points vs. Get Points
ID: W7mQYZn2Hg
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/get-spaced-points-vs-get-points
Size: 800x600
Multi-file: no
Description: Demonstrates the difference between points sampled at segment intervals versus points distributed at equal distances along the entire path length.

## Get Tangent Vectors on Cubic Bezier Curve
ID: K79EjFb8qh
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/get-tangent-vectors-on-cubic-bezier-curve
Size: 800x600
Multi-file: no
Description: Learn how to extract and visualize tangent and normal vectors at specific points along a cubic Bezier curve to determine direction and orientation.

## Interactive Ellipse Curve Parameters
ID: w7VPPUgHeq
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/drag-ellipse-curve
Size: 800x600
Multi-file: no
Description: Adjust an Ellipse curve's dimensions, rotation, and start/end angles using interactive sliders and a draggable center point while an object follows the path.

## Interactive Spline Curve Bounds
ID: fznjcVZ9Jq
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/spline-curve-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate and update the bounding box of a Spline curve in real-time using interactive drag-handles to modify the curve points.

## Line Curve
ID: VzQwxrNmLg
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/line-curve
Size: 800x600
Multi-file: no
Description: Demonstrates creating a simple straight-line curve and animating a point along its path using a tween.

## Line Curve Bounds
ID: iu6UP335LR
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/line-curve-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to calculate and update the bounding box of a line curve as its endpoints are moved via drag-and-drop handles.

## Quadratic Bezier Curve
ID: 5Xqd41LNrD
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/quadratic-bezier-curve
Size: 800x600
Multi-file: no
Description: Create a quadratic Bezier curve and animate a point along its path using a tween to interpolate the position.

## Rectangle Spline Intersection
ID: h3hpqfqyJ9
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/rectangle-spline-intersection
Size: 800x600
Multi-file: no
Description: Learn how to detect collisions between a draggable sprite and a complex Spline curve by combining bounding box checks with segment-level line-to-rectangle intersection tests.

## Spaced Points on a Line Curve
ID: mctNVNV1yz
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/get-spaced-points-on-line-curve
Size: 800x600
Multi-file: no
Description: Demonstrates how to retrieve a specific number of evenly distributed points along a straight line curve.

## Spline Between Points
ID: y8yUFZSaXC
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/spline-between-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a smooth spline curve between two points by calculating midpoints and normals to generate oscillating control points along a straight line.

## Spline Builder
ID: FiHxC2TEM3
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/spline-builder
Size: 800x600
Multi-file: no
Description: Interactively build and modify a Spline curve by clicking to add new points and dragging existing control handles. A sprite moves along the generated path using a tween.

## Spline Curve
ID: aYMghXuMjc
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/spline-curve
Size: 800x600
Multi-file: no
Description: Create a smooth Spline curve from an array of points and animate a point along its length using the getPoint method and a Tween.

## Spline Curve Distance Points
ID: EcVFnXXHSP
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/spline-curve-distance-points
Size: 800x600
Multi-file: no
Description: Demonstrates how to generate an array of points along a spline curve spaced at a specific pixel distance using the getDistancePoints method.

## Spline Curve from Coordinate Array
ID: UQCHWTucFa
Version: v4.1.0
Path: paths/curves
URL: https://phaser.io/examples/v4.1.0/paths/curves/view/spline-curve-from-array
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a smooth Spline curve by passing a flat array of X and Y coordinates to the constructor.

## Basic Path Follower
ID: ABrYmbP1uZ
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/basic-follower
Size: 800x600
Multi-file: no
Description: Demonstrates how to create Path Follower Game Objects and have them move along a Spline curve using a defined duration.

## Change Follower Path
ID: 6hw6tVmwV5
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/change-path
Size: 800x600
Multi-file: no
Description: Learn how to dynamically switch a follower sprite between different paths at runtime using the setPath method.

## Leave Path
ID: zP6TVkafpL
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/leave-path
Size: 800x600
Multi-file: no
Description: Demonstrates how to stop a path follow tween and manually reposition a sprite once it reaches the end of a spline curve.

## Mass Followers
ID: yPRPE1Q8hX
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/mass-followers
Size: 1024x768
Multi-file: no
Description: Demonstrates how to have multiple Game Objects follow a single spline curve path simultaneously with staggered start delays.

## Multi-Curve Path Follower
ID: gdAVHrus3P
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/multi-curve-path
Size: 800x600
Multi-file: no
Description: Demonstrates creating a complex path composed of splines, lines, ellipses, and cubic Bezier segments, with a follower sprite that automatically rotates to match the path orientation.

## Path Follower Rotation Offset
ID: iJd5zFkG2h
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/rotation-offset
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a rotation offset to a sprite following a path, allowing you to adjust its orientation relative to the direction of travel.

## Path Follower Start Offset
ID: D851GJYaRD
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/start-at
Size: 800x600
Multi-file: no
Description: Demonstrates how to start a path follower at a specific progress point along a curve using the startAt property.

## Path from JSON
ID: bbShpmhVFA
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/path-from-json
Size: 800x600
Multi-file: no
Description: Create a path using loaded JSON data and animate multiple sprites along it using the Follower component.

## Path from JSON All Types
ID: bRQAKMH4Jy
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/path-from-json-all-types
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a complex path by loading a JSON definition containing various curve types and assigning multiple sprites as path followers.

## Pause and Resume Path Following
ID: GPwq6JnEfJ
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/pause-and-resume
Size: 800x600
Multi-file: no
Description: Demonstrates how to toggle a follower's movement along a path using the pauseFollow and resumeFollow methods.

## Rotate to Path
ID: HXv3xKBP2D
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/rotate-to-path
Size: 800x600
Multi-file: no
Description: Demonstrates how to make a follower Game Object automatically rotate to align with the direction of a spline path as it moves.

## Sparkle Trail
ID: vKMHsYacnC
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/sparkle-trail
Size: 1024x768
Multi-file: no
Description: Create a flowing trail effect by staggering multiple Game Objects as they follow a spline curve with additive blending.

## Wave Path Follower
ID: d319wYG22k
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/wave-path
Size: 800x600
Multi-file: no
Description: Demonstrates creating a sinusoidal wave path using alternating elliptical curves and animating multiple sprites along it with staggered start delays.

## Yoyo Path Follower
ID: RLphi5GhM8
Version: v4.1.0
Path: paths/followers
URL: https://phaser.io/examples/v4.1.0/paths/followers/view/yoyo-follower
Size: 800x600
Multi-file: no
Description: Demonstrates how to make a Game Object follow a Cubic Bezier path with a yoyo effect, causing it to travel back and forth along the curve.

## 10,000 World Bodies
ID: tB6yEELvmb
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/10000-world-bodies
Size: 800x600
Multi-file: no
Description: A performance stress test demonstrating Arcade Physics handling 10,000 animated sprites with velocity, bounce, and world collision within a large scrollable area.

## 100 Arcade Physics Bodies in a Large World
ID: ZdBmxGVTa7
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/100-world-bodies
Size: 800x600
Multi-file: no
Description: Demonstrates 100 physics-enabled sprites bouncing within a large world boundary, featuring camera panning and zooming controls.

## 1000 Arcade Physics Bodies
ID: frk2HMtfhJ
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/1000-world-bodies
Size: 800x600
Multi-file: no
Description: A stress test demonstrating 1000 animated sprites with Arcade Physics enabled, featuring bounce, world bound collisions, and camera pan/zoom controls across a large world area.

## 40,000 Arcade Physics Bodies
ID: BXYe3CfwWm
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/40000-world-bodies
Size: 800x600
Multi-file: no
Description: A performance demonstration showcasing 40,000 Arcade Physics bodies using Blitter objects for high-speed rendering and optimized world settings.

## 500 Colliding Arcade Physics Bodies
ID: G1nHaxPkQ8
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/500-colliding-bodies
Size: 800x600
Multi-file: no
Description: Demonstrates performance with 500 animated sprites colliding with each other and world bounds in a large world environment with camera zoom and pan controls.

## Accelerate To Object
ID: Zoe6V9TTPb
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/accelerate-to
Size: 800x600
Multi-file: no
Description: Demonstrates using accelerateToObject to make a physics body steadily gain speed as it moves toward a target point or object.

## Add Arcade Physics Body to Shape
ID: fKA1MFrAm6
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/add-body-to-shape
Size: 800x600
Multi-file: no
Description: Demonstrates how to add an Arcade Physics body to a primitive Shape object using physics.add.existing, enabling movement and world bound collisions.

## Angle From Velocity
ID: U8dS95YBr3
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/angle-from-velocity
Size: 800x600
Multi-file: no
Description: Align a sprite's rotation with its current movement direction by mapping its rotation property to the physics body's velocity angle.

## Angular Acceleration
ID: hdeumeRcRN
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/angular-acceleration
Size: 800x600
Multi-file: no
Description: Use keyboard input to control the rotation speed of an Arcade Physics body using angular acceleration and angular drag.

## Angular Velocity
ID: 59iYQTC1JU
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/angular-velocity
Size: 800x600
Multi-file: no
Description: Rotate an Arcade Physics body using angular velocity and update its forward movement based on its current rotation using velocityFromAngle.

## Apply Force
ID: aJRgfeyuJD
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/apply-force
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually calculate and apply radial explosion forces to Arcade Physics bodies based on their distance from a point and their individual mass.

## Arcade Body Controls
ID: FYVGmkby8n
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/body-controls
Size: 800x600
Multi-file: no
Description: An interactive demonstration of Arcade Physics body properties including velocity, acceleration, gravity, bounce, and drag using a GUI to modify values in real-time.

## Arcade Physics Bounce Tracking
ID: fFG8E8ey1R
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/bounce-test
Size: 800x600
Multi-file: no
Description: Demonstrates an object bouncing against world bounds using Arcade Physics with elastic bounce settings. It tracks and visualizes peak heights, velocity direction changes, and the duration between bounces.

## Arcade Physics Bullets Group
ID: WyLXFJT3QK
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/bullets-group
Size: 800x600
Multi-file: no
Description: Demonstrates bullet pooling using custom Sprite and Group classes to efficiently manage, fire, and recycle projectiles in Arcade Physics.

## Arcade Physics Circular Bodies
ID: 1cYXNuhp3v
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/circular-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to assign circular collision bodies to Arcade Physics sprites using setCircle instead of the default rectangular bounding box.

## Arcade Physics Circular Collisions
ID: r1w1PBsmEJ
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/circular-collisions
Size: 800x600
Multi-file: no
Description: Demonstrates how to use circular physics bodies instead of rectangular ones for accurate collisions between round objects, featuring both static and dynamic bodies.

## Arcade Physics Collision Filtering
ID: 8BKBYT1gFA
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/collision-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to define specific collision interactions between a single sprite and an array of target sprites using Arcade Physics colliders.

## Arcade Physics Direct Control Path
ID: jvSHKSxyDp
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/direct-control-follow-path
Size: 800x600
Multi-file: no
Description: Demonstrates moving an immovable physics body along a complex path using direct control, allowing it to interact and collide with other dynamic bodies while its position is manually updated via a tween.

## Arcade Physics Drag
ID: fKe1aWmHqA
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/drag
Size: 800x600
Multi-file: no
Description: Demonstrates how drag values affect the deceleration of moving Arcade Physics bodies, showing various sprites slowing down at different rates.

## Arcade Physics Drag Scalar
ID: sD32SZ97s9
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/drag-scalar
Size: 800x600
Multi-file: no
Description: Demonstrates applying manual drag to physics bodies by scaling their velocity vector length during the update loop.

## Arcade Physics Dragon Movement
ID: b9vTgYpLbD
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/dragon-movement
Size: 800x600
Multi-file: no
Description: Control a physics-enabled sprite using keyboard input to apply acceleration, featuring gravity, drag, and velocity-based animation switching.

## Arcade Physics FPS Comparison
ID: d7xJbjfHF4
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/fps-test
Size: 800x600
Multi-file: no
Description: This example demonstrates how setting different FPS values for Arcade Physics affects movement precision and delta calculations across multiple scenes.

## Arcade Physics Friction
ID: x2whPRKkJw
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/friction
Size: 800x600
Multi-file: no
Description: Demonstrates how moving platforms transfer horizontal velocity to colliding bodies using different friction settings.

## Arcade Physics Gravity
ID: Mc1c8gK2JL
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/gravity
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply global world gravity and combine it with individual body gravity settings, including how to disable gravity entirely for specific objects.

## Arcade Physics Group Collisions
ID: PR1Nqj8YUH
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/rtree-test
Size: 800x600
Multi-file: no
Description: Demonstrates collision detection between a player-controlled sprite and a static group of physics bodies.

## Arcade Physics Group vs Group Collision
ID: iXNoigFf3K
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/group-vs-group
Size: 800x600
Multi-file: no
Description: Demonstrates how to handle collisions between two separate Arcade Physics groups, including using a collision callback to modify the individual objects involved.

## Arcade Physics Mass
ID: f8FNtpaXCy
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/mass
Size: 800x600
Multi-file: no
Description: Demonstrates how setting different mass values on Arcade Physics bodies affects the outcome of collisions and momentum transfer.

## Arcade Physics Mass Collision
ID: dAYf2FvCxQ
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/mass-debug-2
Size: 800x600
Multi-file: no
Description: A demonstration of how setting a specific mass on an Arcade Physics body influences velocity transfer and movement during a collision.

## Arcade Physics Max Speed
ID: wC61JNy4eM
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/max-speed
Size: 800x600
Multi-file: no
Description: Demonstrates how to cap the velocity of a physics body using setMaxSpeed, ensuring it never exceeds a specific value regardless of acceleration applied.

## Arcade Physics Moving Platform
ID: UUzYnDmQ4J
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/basic-platform
Size: 800x600
Multi-file: no
Description: A demonstration of a player character interacting with static groups and a moving platform. Shows how to set up an immovable body with velocity and gravity disabled to create moving terrain.

## Arcade Physics Overlap Rectangle
ID: vcp4AX4iuu
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/get-bodies-within-rectangle
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the overlapRect method to retrieve and manipulate all physics bodies located within a specific rectangular area.

## Arcade Physics Pushable and Immovable Interactions
ID: AvfBEzGXL3
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/pushable-body-debug-2
Size: 864x632
Multi-file: no
Description: Demonstrates the interaction between Arcade Physics bodies using different combinations of the pushable and immovable properties to control collision behavior.

## Arcade Physics Pushable vs Immovable
ID: fTBEvgjMvm
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/pushable-body-debug-1
Size: 800x600
Multi-file: no
Description: A side-by-side comparison of collision behaviors between Arcade Physics bodies with varying setPushable and setImmovable properties.

## Arcade Physics Space Battle
ID: KmGipqyunq
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/space-battle
Size: 512x512
Multi-file: no
Description: A functional mini-game example demonstrating bullet pooling with custom Physics Groups, enemy movement via velocity tweens, and overlap detection with particle effects.

## Arcade Physics Sprite Collision
ID: wdQmz4jpjg
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/sprite-vs-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates basic collision between two individual physics-enabled sprites, including setting velocity, bounce, and world boundary constraints.

## Arcade Physics Static Bodies
ID: JSYoxL8uZQ
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/static-body
Size: 800x600
Multi-file: no
Description: This example demonstrates how to create static physics bodies that remain fixed in position while colliding with dynamic moving sprites.

## Arcade Physics World Controls
ID: BQ8J8T2E6b
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/world-controls
Size: 800x600
Multi-file: no
Description: Interact with Arcade Physics world properties using a GUI to adjust gravity, world bounds, collision checks, time scaling, and debug visualization settings in real-time.

## Asteroids Movement
ID: pvc2d6csQ2
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/asteroids-movement
Size: 800x600
Multi-file: no
Description: Learn how to implement classic Asteroids-style ship movement using Arcade Physics, featuring rotation-based acceleration, velocity damping, and screen wrapping.

## Blocked Faces
ID: rBL5omSCXa
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/blocked-faces
Size: 800x600
Multi-file: no
Description: Demonstrates how to detect and visualize which sides of an Arcade Physics body are currently blocked or touching other bodies or the world bounds.

## Blocked Touching and Embedded States
ID: R5xSLBoT7g
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/blocked-touching-and-embedded
Size: 800x600
Multi-file: no
Description: Demonstrates how to detect and visualize different collision states on an Arcade Physics body, including touching other bodies, being blocked by world bounds, or being embedded within another object.

## Body Follow Path
ID: uyztuWsoAA
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/body-follow-path
Size: 800x600
Multi-file: no
Description: Demonstrates moving an Arcade Physics body along a complex path by calculating velocity from path tangents, allowing other physics objects to interact and collide with it.

## Body on a Path
ID: jF2D1A2H2S
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/body-on-a-path
Size: 800x600
Multi-file: no
Description: Demonstrates moving Arcade Physics bodies along a geometric path using an Ellipse curve and the getPoint method to update sprite positions while maintaining collision detection.

## Circular Collisions with a Static Body
ID: C8HEtCg5Zv
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/circular-collisions-3
Size: 800x600
Multi-file: no
Description: Demonstrates multiple circular Arcade Physics bodies colliding and bouncing off a central static rectangular body.

## Circular Collisions with Static Body
ID: HjimcA7yaz
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/circular-collisions-2
Size: 800x600
Multi-file: no
Description: Demonstrates how to use setCircle to define circular hitboxes for both dynamic physics groups and static images, featuring bounce physics and movement toward a central target.

## Closest and Furthest Physics Bodies
ID: y3UPtDBLbC
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/closest-furthest
Size: 800x600
Multi-file: no
Description: Identify the closest and furthest physics bodies relative to a specific source object using built-in Arcade Physics methods.

## Collide Event
ID: E1GRfdLVTz
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/collide-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable and listen for the Arcade Physics world 'collide' event by setting onCollide to true on a physics body.

## Collider between Sprite and Static Group
ID: FiYoyay4EV
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/collider-1
Size: 800x600
Multi-file: no
Description: Demonstrates Arcade Physics collision between a dynamic sprite and a group of static bodies. Highlights the use of group.refresh() to update static bodies after they have been manually positioned.

## Collider Process Callback
ID: t1uMKWTdQa
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/collider-process-callback
Size: 800x600
Multi-file: no
Description: Demonstrates using a process callback to conditionally enable or disable collisions, creating a one-way platform effect where the player can jump through platforms from below.

## Collision Direction Detection
ID: 2LsDt3d9VA
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/collision-direction
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the 'touching' property of Arcade Physics bodies to detect specific collision directions, such as hitting the bottom of a platform to spawn an item.

## Custom Bounds
ID: Ynr4t6SkS6
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/custom-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to restrict an Arcade Physics body to a custom rectangular area instead of the default global world bounds.

## Custom Collision Separation
ID: FvgXVHYKqw
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/custom-separate
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the customSeparateY property to disable automatic Arcade Physics vertical separation and implement manual collision logic through a callback function.

## Custom Debug Colors
ID: ya9Y2viwo1
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/custom-debug-colors
Size: 800x600
Multi-file: no
Description: Demonstrates how to set custom debug colors for Arcade Physics bodies, both globally through the game configuration and individually for specific bodies.

## Custom World Bounds for Bodies
ID: tkCYX1SM57
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/custom-world-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to assign specific movement boundaries to individual Arcade Physics bodies using custom bounds rectangles, rather than using the global world bounds.

## Destroy Physics Body
ID: 1P2ALibVoj
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/destroy-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to remove a physics-enabled Game Object and its associated body from the simulation using the destroy method.

## Direct Control Arcade Physics Body
ID: f8YDwRRLkf
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/direct-control
Size: 800x600
Multi-file: no
Description: Demonstrates how to use setDirectControl to move a physics body via Tweens or manual coordinate changes while still allowing it to physically interact with and push other objects.

## Direct Control Follow Mouse
ID: buMbLVDsDQ
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/direct-control-follow-mouse
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Arcade Physics' Direct Control mode to manually position a sprite via the mouse while maintaining collision interactions with other dynamic physics bodies.

## Direct Control Platforms
ID: i784vj2M18
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/direct-control-platforms
Size: 800x600
Multi-file: no
Description: Demonstrates using direct control on Arcade Physics bodies moved by tweens, allowing them to correctly carry and interact with players while being positioned manually.

## Disable Collider
ID: nwtVgr57Mt
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/disable-collider
Size: 800x600
Multi-file: no
Description: Demonstrates how to temporarily enable or disable specific Arcade Physics colliders or overlaps by toggling their active property, such as for a temporary invulnerability power-up.

## Drag on Both Axes
ID: c6zm5N3UYe
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/drag-on-both-axes
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply drag independently to the horizontal and vertical axes in Arcade Physics, causing moving bodies to slow down over time.

## Drag With Damping
ID: XzVftBE9vX
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/drag-with-damping
Size: 800x600
Multi-file: no
Description: Demonstrates Arcade Physics drag with damping enabled. In this mode, the drag value represents the proportion of velocity retained each frame, creating smooth deceleration.

## Drag With Damping On Both Axes
ID: QaUYLqE8Kg
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/drag-with-damping-on-both-axes
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply physics damping to sprites, causing them to decelerate on both the X and Y axes using a drag multiplier instead of a fixed reduction value.

## Draggable Physics Body
ID: bRg77b2ChL
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/draggable-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to drag an Arcade Physics body by toggling the body's moves property to temporarily disable simulation during the drag event.

## Extending Arcade Sprite
ID: 23f3RfY5ua
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/extending-arcade-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to create custom game object classes by extending the Arcade Physics Sprite class and registering them with the scene and physics world.

## Final Delta Displacement
ID: 752SBppBwx
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/final-delta
Size: 800x600
Multi-file: no
Description: Visualizes the total displacement of physics bodies after all movement and collision steps are resolved using deltaXFinal and deltaYFinal, while demonstrating how platform friction affects riding objects.

## Fixed vs. Variable Step Comparison
ID: pnkdyt6Nfw
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/variable-step
Size: 800x600
Multi-file: no
Description: Compare Arcade Physics behavior using fixed and variable time steps. This example visualizes how sprite movement and delta calculations differ between the two update modes.

## Get Bodies Within Circle
ID: SDyj9asHsG
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/get-bodies-within-circle
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Arcade Physics overlapCirc method to detect and highlight both dynamic and static physics bodies within a circular region.

## Group Set Velocity X
ID: 7UNvQbNPSQ
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/group-set-velocity-x
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the setVelocityX method on an Arcade Physics Group to apply an initial velocity with an incremental step value to all group members.

## Group Set Velocity Y
ID: 1YAqqBs7Kh
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/group-set-velocity-y
Size: 800x600
Multi-file: no
Description: Demonstrates how to set the vertical velocity for all members of an Arcade Physics group, including using an optional step value to incrementally increase the speed for each member.

## Group vs Self
ID: eWqfALYc1S
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/group-vs-self
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable Arcade Physics collisions between members of the same Group.

## Group World Bounds Event
ID: DcCNoPXa6s
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/group-world-bounds-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to listen for collision events when objects hit the edge of the physics world. This example enables 'onWorldBounds' for a group of sprites and uses a global listener to change their frame upon impact.

## Immovable Arcade Physics Body
ID: 8YMLAnKiwB
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/immovable-body
Size: 800x600
Multi-file: no
Description: Demonstrates how an immovable body remains unaffected by collisions with other objects while still being able to move via its own velocity.

## Interpolate Velocity
ID: vLMby17WWL
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/interpolate-velocity
Size: 800x600
Multi-file: no
Description: Use linear interpolation (lerp) on Arcade Physics velocities to create a smooth follow-the-leader movement effect among a group of sprites.

## Interpolate Velocity Towards Target
ID: Wpf6wko69x
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/interpolate-velocity-2
Size: 800x600
Multi-file: no
Description: Demonstrates how to move an Arcade Physics body toward a target and use velocity interpolation to smoothly decelerate as it arrives.

## Larger Bounding Box
ID: mRGV3je9m9
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/larger-bounding-box
Size: 800x600
Multi-file: no
Description: Shows how to increase an Arcade Physics body size beyond the sprite's texture dimensions and center the body on the object.

## Manual Physics Update
ID: rtFErdEP7f
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/custom-update
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the 'customUpdate' setting to disable the automatic physics step, allowing for manual control of the simulation timing via the World update method.

## Mass and Collision Momentum
ID: XfaLxXDHW6
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/mass-debug
Size: 800x600
Multi-file: no
Description: Demonstrates how setting a body's mass property affects the momentum and rebound behavior when two Arcade Physics bodies collide.

## Mass Collision Performance Test
ID: 6njyMgn1M5
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/mass-collision-test
Size: 800x600
Multi-file: no
Description: A performance demonstration showing 10,000 Arcade Physics bodies colliding with a player-controlled sprite and the world bounds.

## Move and Stop at Position
ID: VkKRypChdR
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/move-and-stop-at-position
Size: 800x600
Multi-file: no
Description: Demonstrates how to move an Arcade Physics body towards a target point and stop it precisely using a distance threshold and body reset.

## Move To Object
ID: MhptAj9nAp
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/move-to
Size: 800x600
Multi-file: no
Description: Move a physics-enabled sprite toward a target object at a constant speed using the Arcade Physics moveToObject method.

## Move To Pointer
ID: yosRL9YY66
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/move-to-pointer
Size: 800x600
Multi-file: no
Description: Demonstrates using the Arcade Physics moveToObject method to make sprites and group members follow the mouse pointer at constant speeds.

## Move to Position by Duration
ID: ReiUCS7nTB
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/move-to-position-by-duration
Size: 800x600
Multi-file: no
Description: Demonstrates using the Arcade Physics moveToObject method to calculate and set velocity based on a target duration in milliseconds.

## Non-Pushable Arcade Physics Bodies
ID: 1RYSffjtti
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/non-pushable-bodies
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the setPushable method to prevent a physics body from being moved by collisions with other objects while still allowing it to move via gravity and velocity.

## Overlap Detection with Static Group
ID: TFGQD7Mmbb
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/overlap-collider
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the physics overlap method to detect when a dynamic sprite intersects with members of a static group without triggering a physical collision response.

## Overlap Event
ID: wrQBrnBk8b
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/overlap-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to trigger and listen for the global physics 'overlap' event by enabling the onOverlap property on an Arcade Physics body.

## Overlap Process Callback
ID: kcSnn9wEMd
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/overlap-process-callback
Size: 800x600
Multi-file: no
Description: Demonstrates using a process callback to perform advanced collision filtering, such as checking if an object is within a complex polygon shape during a physics overlap.

## Overlap Process Callback with Local Points
ID: dCGCXp3CHK
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/overlap-process-callback-2
Size: 800x600
Multi-file: no
Description: Filter Arcade Physics overlaps using a process callback that converts world coordinates to a sprite's local space to perform precise containment checks.

## Overlap Zone
ID: YkppkpZoqV
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/overlap-zone
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a Zone with a static Arcade Physics body to detect overlaps with moving objects, acting as a trigger area.

## Overlap Zone with Static Body
ID: 7NoiCATuoD
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/overlap-zone-static-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to use an invisible Zone with a static physics body to detect overlaps and trigger callbacks when objects enter a specific area.

## Physics Bodies on TileSprites
ID: 4wwWYA3i7s
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/add-body-to-tilesprite
Size: 800x600
Multi-file: no
Description: How to add dynamic and static Arcade Physics bodies to TileSprite objects, enabling collisions and movement for tiled textures.

## Physics Body Without Sprite
ID: Rx4EFKvtGt
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/physics-body-without-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually assign and recycle Arcade Physics bodies to non-physics Game Objects, such as Blitter Bobs, for custom pooling and high-performance physics handling.

## Pushable Physics Bodies
ID: EqG24rcMDT
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/body-push-blocks
Size: 800x600
Multi-file: no
Description: Demonstrates the use of setPushable to determine if Arcade Physics bodies are moved when collided with, including how to toggle this property dynamically.

## Racecar Movement
ID: Mzd65AKXUR
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/racecar
Size: 512x512
Multi-file: no
Description: Demonstrates top-down vehicle physics using velocityFromRotation to move a sprite based on its orientation, with throttle and angular acceleration control.

## Random Velocity
ID: Xrvrod2ReR
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/random-velocity
Size: 800x600
Multi-file: no
Description: Demonstrates how to scatter physics bodies across a rectangle and assign them random velocity vectors using Phaser.Math.RandomXY.

## Recycle Arcade Physics Bodies
ID: 9drhAKbxeq
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/recycle-physics-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to optimize performance by pooling and recycling Arcade Physics bodies. Learn how to manually disable bodies, store them in a pool, and re-attach them to new sprites to avoid repeated memory allocation.

## Remove Collider
ID: RgE2xqrh7n
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/remove-collider
Size: 800x600
Multi-file: no
Description: This example demonstrates how to disable collision detection between objects by removing a collider reference after the first contact occurs.

## Restarting a Physics Scene
ID: HD5YGk3EMP
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/restart-physics-scene
Size: 800x600
Multi-file: no
Description: Demonstrates a complete scene lifecycle (Main Menu, Game, and Game Over) and how to properly restart a scene containing Arcade Physics sprites, custom world bounds, and camera controls.

## Rolling Body
ID: mEQjfVvidL
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/rolling-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to simulate a rolling effect by synchronizing a physics body's angular velocity with its horizontal linear velocity.

## Rotate To Pointer
ID: XtaDtANMXJ
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/rotate-to-pointer
Size: 800x600
Multi-file: no
Description: Demonstrates how to steer an Arcade Physics body towards the mouse pointer by calculating the shortest angle and applying angular velocity.

## Scene-Specific Physics Configuration
ID: eD1yyN9cqL
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/scene-config
Size: 800x600
Multi-file: no
Description: Demonstrates how to define Arcade Physics settings, such as gravity, within an individual Scene's configuration object rather than the global Game configuration.

## Set World Bounds
ID: gJyYskhB2Q
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/set-world-bounds
Size: 640x400
Multi-file: no
Description: Learn how to define custom boundaries for the Arcade Physics world, constraining movement and collisions to a specific area smaller than the game canvas.

## Simple Arcade Physics Body
ID: WiwUcqeth7
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/simple-body
Size: 800x600
Multi-file: no
Description: A basic demonstration of creating an Arcade Physics body with velocity, gravity, and world boundary collision.

## Simple Physics Group
ID: Ur56iDehoA
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/simple-group
Size: 800x600
Multi-file: no
Description: Demonstrates creating an Arcade Physics Group with shared body properties such as bounce and world bounds collision, including a collider that makes group members react to one another.

## Smaller Bounding Box
ID: 9nK42UGdyd
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/smaller-bounding-box
Size: 800x600
Multi-file: no
Description: Demonstrates how to resize an Arcade Physics body to be smaller than the sprite's original dimensions and center it on the object.

## Smooth Stop
ID: fS7umzEWAS
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/smooth-stop
Size: 800x600
Multi-file: no
Description: Uses Arcade Physics and SmoothStep to gradually slow down a sprite as it nears its target coordinates for a natural-looking arrival.

## Space Combat Mechanics
ID: nAs2WHS7DG
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/space
Size: 800x600
Multi-file: no
Description: A comprehensive example of Arcade Physics space movement featuring thrust acceleration, angular drag, and bullet pooling. It demonstrates multi-layered parallax backgrounds using TileSprites and a dynamic particle thruster that scales its intensity based on the ship's velocity.

## Sprite Follow Physics Body
ID: 5HckQyar22
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/sprite-follow-physics-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to sync the position of a non-physics sprite with a moving Arcade Physics body using Display Bounds helper functions.

## Sprite Follow Physics Sprite
ID: Bo5RzGfo6Y
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/sprite-follow-physics-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to align a non-physics Sprite to a moving Arcade Physics body by using the postupdate event and the alignment utility.

## Sprite Overlap with Static Group
ID: 1oGwfb7x6j
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/sprite-overlap-group
Size: 800x600
Multi-file: no
Description: Demonstrates how to detect overlaps between a moving sprite and a static physics group to create a collectible item system.

## Sprite Vs Immovable
ID: UwiLy9xWPC
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/sprite-vs-immovable
Size: 800x600
Multi-file: no
Description: Demonstrates Arcade Physics collision between a moving sprite and an immovable body. The immovable object remains fixed in place regardless of the collision force.

## Sprite vs Multiple Groups
ID: YnwhoSGCKD
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/sprite-vs-multiple-groups
Size: 800x600
Multi-file: no
Description: Demonstrates checking for collisions between a single physics sprite and an array of multiple physics groups using a single collider call.

## Sprite vs. Group Collision
ID: 2cgE5j9w4B
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/sprite-vs-group
Size: 800x600
Multi-file: no
Description: Demonstrates Arcade Physics collision between a single moving sprite and an entire group of static objects.

## Static Body Update
ID: 2wB4rD4yjE
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/static-body-update
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually move a static physics body and use refreshBody to synchronize the physics collider with the Game Object's new position.

## Static Physics Group
ID: f8xXAsxDMd
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/static-group
Size: 800x600
Multi-file: no
Description: Demonstrates creating a static physics group, positioning its members using a Shape Action, and calling the refresh method to synchronize the physics bodies with their new positions.

## Sticky Platform
ID: BEN84XLpMx
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/sticky-platform
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a moving platform that a character can stand on and follow. Uses Arcade Physics collisions and gravity adjustments to keep the sprite synced with the platform's motion.

## Top-down Shooter Average Camera Focus
ID: xY9mwQu7fU
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/topdown-shooter-average-focus
Size: 800x600
Multi-file: no
Description: A top-down shooter setup where the camera centers on the average midpoint between the player and the mouse reticle, featuring pointer lock and movement constraints.

## Top-down Shooter Controls with Pointer Lock
ID: JiJdeJ3Krn
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/topdown-shooter-player-focus
Size: 800x600
Multi-file: no
Description: Demonstrates a top-down movement system using WASD keys, a crosshair controlled via Pointer Lock, and a player sprite that automatically rotates to face the reticle.

## Top-Down Shooter Mechanics
ID: zqfVUhZMz2
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/topdown-shooter-combat-mechanics
Size: 800x600
Multi-file: no
Description: A comprehensive example of top-down combat featuring WASD movement, mouse-controlled aiming via pointer lock, bullet group pooling, and basic enemy AI with health tracking.

## Topdown Shooter with Pointer Lock Aiming
ID: JzKtt7sEyb
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/topdown-shooter-target-focus
Size: 800x600
Multi-file: no
Description: Features WASD movement and pointer lock aiming. The camera follows a reticle constrained to a radius around the player, while the player automatically rotates to face the target.

## Touching Faces
ID: 7y5GDvmx8V
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/touching-faces
Size: 800x600
Multi-file: no
Description: Detect and visualize which sides of an Arcade Physics body are touching another object or the world bounds using the 'touching' and 'blocked' properties.

## Trick Platforms
ID: fUf9g2FbnU
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/trick-platforms
Size: 800x600
Multi-file: no
Description: Demonstrates how to create platforms that drop and disable their collision properties immediately upon contact with the player using Arcade Physics.

## Tween Physics Body
ID: dCov5THC8P
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/tween-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to move a physics-enabled body using a Tween while maintaining collision detection by setting the body's moves property to false.

## Tweening Arcade Physics Velocity
ID: XztNgbAQ4w
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/tween-velocity
Size: 800x600
Multi-file: no
Description: Use the Tween Manager to smoothly manipulate Arcade Physics body velocity. This example demonstrates how to ease a physics body to a stop and accelerate it again by targeting the velocity vector and custom speed properties.

## Tweening Physics Velocity Chain
ID: QZSKLEk5zw
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/tween-velocity-2
Size: 800x600
Multi-file: no
Description: Demonstrates controlling an Arcade Physics body's velocity using a Tween Chain to create complex movement patterns that interact with other physics objects.

## Using Collide and Overlap in Update
ID: DoSTQ4L184
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/using-collide-directly
Size: 800x600
Multi-file: no
Description: Demonstrates calling physics.collide and physics.overlap directly within the Scene update loop instead of using pre-defined colliders.

## Velocity From Rotating Angle
ID: QbX7FGGGpt
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/velocity-from-angle-2
Size: 800x600
Multi-file: no
Description: Demonstrates using the velocityFromAngle method to launch physics bodies at a specific speed in the direction of a rotating object's current angle.

## Velocity from Rotation
ID: F8fHPx7QAV
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/velocity-from-angle
Size: 640x512
Multi-file: no
Description: Demonstrates how to set an Arcade Physics body's velocity using a rotation angle and speed, illustrated by launching a sprite from a cannon toward the mouse pointer.

## Vertical Friction
ID: xJnTN7UyWL
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/vertical-friction
Size: 800x600
Multi-file: no
Description: Demonstrates how setting vertical friction on an immovable moving platform affects the velocity of sprites colliding with its sides.

## World Bounds Event
ID: GgMBX5ybYk
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/world-bounds-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to listen for the 'worldbounds' event in Arcade Physics to detect when a body hits the edge of the screen and respond based on which side was touched.

## World Bounds Event Custom Logic
ID: 4KTZwUn2QD
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/world-bounds-event-custom
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Arcade Physics worldbounds event to trigger custom functions on Game Objects, such as changing animation frames, when they collide with the world boundaries.

## World Step Event
ID: mGzAkpnxrF
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/world-step-event
Size: 800x600
Multi-file: no
Description: Listen for the Arcade Physics world step event to perform logic on every physics update, such as calculating distance and stopping a body when it reaches a destination using delta-based tolerance.

## Wrap Group
ID: agAvBxPEEE
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/wrap-group
Size: 800x600
Multi-file: no
Description: Demonstrates how to wrap an entire Arcade Physics group around the world bounds so that sprites reappear on the opposite side when they leave.

## Wrap Sprite
ID: mPGSQ7D8GT
Version: v4.1.0
Path: physics/arcade
URL: https://phaser.io/examples/v4.1.0/physics/arcade/view/wrap-sprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the physics world wrap method to keep a moving sprite within the screen boundaries by wrapping it to the opposite side.

## Add Matter Physics to a TileSprite
ID: wNLmYw9Lty
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/add-body-to-tilesprite
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply Matter JS physics to a TileSprite, allowing it to have physical properties like gravity and collisions while maintaining its scrolling texture capabilities.

## Basic Constraint
ID: nFqMBGHidn
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/basic-constraint
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a basic constraint between two Matter.js physics bodies, specifying the resting length and stiffness.

## Circle Stack
ID: pEdZgvX1k5
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/circle-stack
Size: 800x600
Multi-file: no
Description: Demonstrates creating a grid of circular physics bodies using the Matter.js stack helper and manually syncing sprite positions to the physics engine.

## Compound Body
ID: 1cKZCNxdCo
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/compound-body
Size: 800x600
Multi-file: no
Description: Create a complex physics body in Matter.js by combining multiple primitive shapes, such as rectangles and circles, into a single compound object.

## Create Matter.js Sensor
ID: ZJyFePA36w
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/create-sensor
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a sensor in Matter.js, allowing a physics body to detect collisions and triggers events without causing a physical reaction.

## Destroy Matter Body
ID: mheDzRaZWV
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/destroy-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to remove a Matter.js physics body and its associated Game Object from the simulation using the destroy method.

## Drag Matter Physics Bodies
ID: TGNZnatDcW
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/drag-with-pointer
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable interactive dragging of Matter.js physics bodies using a pointer constraint or mouse spring.

## Drag Through Balls
ID: xFqY7VJrvM
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/drag-through-balls
Size: 800x600
Multi-file: no
Description: Demonstrates dragging a heavy Matter JS body through a field of particles that are configured to ignore direct pointer interaction.

## Draw Chain
ID: vherPJjTzH
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/draw-chain
Size: 800x600
Multi-file: no
Description: Create a dynamic chain of Matter.js physics bodies by dragging the pointer, linking segments with constraints based on movement distance.

## Draw Matter Triangles
ID: QZknPsWzWC
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/draw-triangles
Size: 800x600
Multi-file: no
Description: Learn how to dynamically create small triangle physics bodies in the Matter.js engine by clicking and dragging the pointer.

## Draw Stiff Line
ID: QwmcrAaJCj
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/draw-stiff-line
Size: 800x600
Multi-file: no
Description: Create a path of static Matter.js bodies connected by constraints while drawing with the mouse, forming a rigid obstacle for falling objects.

## Drawing Smooth Physics Lines
ID: ib3fL54CTv
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/draw-smoother-stiff-line
Size: 800x600
Multi-file: no
Description: Demonstrates how to create smooth visual paths using Spline curves while simultaneously generating a chain of static Matter.js bodies and constraints to act as physical barriers.

## Fixed Rotation
ID: ZeyFEFxw4L
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/fixed-rotation
Size: 800x600
Multi-file: no
Description: Demonstrates Matter.js physics bodies interacting with a tilted static platform while maintaining a fixed orientation.

## Ignore Gravity
ID: pVb8uZM4PB
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/ignore-gravity
Size: 800x600
Multi-file: no
Description: This example demonstrates how to prevent specific Matter.js physics bodies from being affected by world gravity using the setIgnoreGravity method.

## Is Point Within Body
ID: UKXMtJZR7n
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/is-point-within-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to check if a world coordinate point is contained within different Matter.js physics bodies and dynamically update their visual style.

## Matter Body Follow Path
ID: Kbi7rSUetV
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/body-follow-path
Size: 800x600
Multi-file: no
Description: Demonstrates how to move a Matter.js physics body along a spline curve by manually updating its position based on the curve points.

## Matter Body from Vertices
ID: 7QPPySM6G8
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/add-body-to-world
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a complex physics body from a path of vertices using Matter.js, allowing for custom collision shapes beyond basic primitives.

## Matter Body Scale
ID: FEQd7sk8k7
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/body-scale
Size: 800x600
Multi-file: no
Description: Demonstrates how to scale a Matter.js physics body and its associated sprite dynamically during runtime.

## Matter Body to JSON
ID: VSqdBrB7vk
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/body-to-json
Size: 800x600
Multi-file: no
Description: Demonstrates how to export a Matter.js physics body configuration to a JSON object using the toJSON method.

## Matter Body Velocity
ID: Z8WnALdR4D
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/body-velocity
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually set the horizontal and vertical velocity of a Matter.js physics body using setVelocity and setVelocityX.

## Matter Custom Polygon Bodies
ID: uTCjvhLVnH
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/vertices-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to create complex Matter physics bodies from custom vertex data strings to match the shape of polygon game objects.

## Matter JS Bridge
ID: 7RXrVHmx5H
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/bridge
Size: 800x600
Multi-file: no
Description: Create a flexible suspension bridge using a stack of physics bodies linked by a chain and anchored with world constraints.

## Matter JS Collision Filtering
ID: PRL8HuBrd9
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/collision-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to use collision categories and masks to control which physics bodies interact with each other and which pass through.

## Matter JS Collision Groups
ID: AMKgKtZDEV
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/collision-group
Size: 800x600
Multi-file: no
Description: Demonstrate how to control body interactions using Matter.js collision groups and categories to enable or disable collisions between specific objects.

## Matter JS Compound Sensors
ID: 8GidXMbiA4
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/compound-sensors
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a complex Matter.js body using multiple parts, including sensors with custom labels to detect directional collisions.

## Matter JS Scene Transition
ID: HBroaXPEhF
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/scene-transition
Size: 800x600
Multi-file: no
Description: Demonstrates how to transition between two different Scenes that both utilize Matter JS physics.

## Matter JS Shape Bounds and Alignment
ID: PGN44Q4mZo
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/get-shape-bounds
Size: 800x600
Multi-file: no
Description: Demonstrates how to use body bounds and center of mass offsets to precisely position Matter JS physics bodies relative to their visual display.

## Matter JS Thrust
ID: rq3ocMUEVz
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/thrust
Size: 800x600
Multi-file: no
Description: Demonstrates using Matter.js thrust methods for omnidirectional movement and linking particle emitter properties to a physics body's speed.

## Matter JS World Bodies and Camera Navigation
ID: ZxHBTL2izm
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/100-world-bodies
Size: 800x600
Multi-file: no
Description: Create a large Matter JS physics world populated with random polygons and rectangles. This example demonstrates world bounds, mouse interaction via mouseSpring, and camera navigation including panning, zooming, and rotation.

## Matter No Gravity
ID: TbaJvVesgy
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/no-gravity
Size: 800x600
Multi-file: no
Description: Demonstrates how to configure the Matter.js world with zero gravity so that physics bodies remain stationary by default.

## Matter Physics Balls
ID: ZUUXVtXpoM
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/balls
Size: 800x600
Multi-file: no
Description: Create multiple circular physics bodies with Matter.js, demonstrating how to set world boundaries, friction, and restitution (bounce) properties.

## Matter Physics Bullet Pool
ID: C21NQ6xrrm
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/bullet-pool
Size: 800x600
Multi-file: no
Description: Learn how to manage a pool of projectiles in Matter Physics by cycling active states and manually adding or removing bodies from the physics world.

## Matter Physics Circle Body
ID: 8kGzMbqMbE
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/circle-body
Size: 800x600
Multi-file: no
Description: This example shows how to change a Matter.js physics body from a default rectangle to a circle with a specific radius and apply velocity and bounce properties.

## Matter Physics Compound Body from JSON
ID: dXTkPcVwed
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/compound-body-from-physics-editor
Size: 800x600
Multi-file: no
Description: Demonstrates how to import complex collision shapes exported from Physics Editor and assemble them into a compound Matter.js body using JSON data and the PhysicsEditorParser.

## Matter Physics Debug Options
ID: j1VvpUyC9b
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/debug-options
Size: 800x600
Multi-file: no
Description: Demonstrates the extensive debug visualization features available in Matter.js, including the rendering of convex hulls, joint constraints, springs, velocity vectors, and sleep states.

## Matter Physics Drag Filter
ID: mAYufQkDv1
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/drag-filter-with-pointer
Size: 800x600
Multi-file: no
Description: Demonstrates how to use collision filters with a mouse constraint to restrict which physics bodies can be dragged by the pointer.

## Matter Physics Simple Body
ID: 4n81GrGu9c
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/simple-body
Size: 800x600
Multi-file: no
Description: An introduction to adding dynamic physics bodies and a static platform using the Matter.js physics engine.

## Matter Physics with Bitmap Text
ID: DYQf2Vpzn8
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/add-body-to-bitmap-text
Size: 800x600
Multi-file: no
Description: Demonstrates how to add a Matter.js physics body to a Bitmap Text object, allowing it to fall, bounce, and collide with other physical bodies.

## Matter Physics with Text Objects
ID: LnWTL5hEbH
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/add-body-to-text
Size: 800x600
Multi-file: no
Description: Demonstrates how to add Matter.js physics bodies to Text Game Objects, using both default rectangular bounds and custom polygon shapes.

## Matter Physics Wrap Bounds
ID: 7SEUJ68XaS
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/wrap
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the wrapBounds property in Matter.js to automatically wrap physics bodies around the screen when they exit a defined area.

## Matter Scene Restart
ID: heD1vF2Cvf
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/scene-restart
Size: 800x600
Multi-file: no
Description: Demonstrates how to restart a scene containing Matter physics bodies, effectively resetting the simulation and all objects to their initial state on a pointer click.

## Matter Snake Chain
ID: PJNpdcMCkC
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/snake
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a chain of circular bodies connected by springs in Matter.js to simulate a snake-like physics structure that can be manipulated with the mouse.

## Matter.js Attractors
ID: V2wDpkVbLm
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/attractors
Size: 800x600
Multi-file: no
Description: Demonstrates how to use attractors in Matter.js to create gravitational effects, pulling multiple physics bodies toward a specific object.

## Matter.js Body Scaling
ID: TLXbBnAJAY
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/increase-body-scale
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically increase the scale of a Matter.js physics body and its associated sprite texture through user interaction.

## Matter.js Chain
ID: AsHSzrDqT5
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/chain
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a physics chain by connecting a sequence of bodies using joints. Includes a keyboard-controlled anchor block and mouse interaction.

## Matter.js Chamfer Bodies
ID: XimZdGrFPt
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/chamfer-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to create physics bodies with rounded corners (chamfering) using uniform or per-vertex radius settings for rectangles and polygons.

## Matter.js Circular Body
ID: chM3ZKygET
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/circular-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a circular physics body in Matter.js, including setting friction, bounce, and initial velocity.

## Matter.js Cloth
ID: VGPwA7joTY
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/cloth
Size: 800x600
Multi-file: no
Description: Create a cloth-like simulation using a soft body composed of particles and constraints. The example demonstrates how to pin the top row of particles to make it hang and interact with it using a mouse spring.

## Matter.js Collision Event
ID: rYdTCczdaQ
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/collision-event
Size: 800x600
Multi-file: no
Description: Listen for the collisionstart event in the Matter physics world to detect when two bodies collide and manipulate their parent Game Objects.

## Matter.js Container Collision
ID: ELyhBgQTTZ
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/container-collision
Size: 800x600
Multi-file: no
Description: This example demonstrates how to apply Matter.js physics to a Container. It highlights the requirement of setting the container size before enabling physics and shows how to handle collision events for a physics-enabled container and its children.

## Matter.js Custom Physics Shapes from JSON
ID: nx67jEDauX
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/advanced-shape-creation
Size: 600x800
Multi-file: no
Description: Demonstrates how to load complex Matter.js physics bodies from a JSON file exported by PhysicsEditor and apply them to sprites.

## Matter.js Point Intersections
ID: dWFyhWDCD9
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/get-bodies-below-point
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the intersectPoint method to detect and retrieve all Matter.js physics bodies located at a specific coordinate, such as under the mouse pointer.

## Mixed Bodies
ID: 6HaQfmHJ25
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/mixed-bodies
Size: 800x600
Multi-file: no
Description: Demonstrates creating a variety of Matter.js physics bodies, including random polygons and rectangles, with mouse spring interaction enabled.

## Move Matter Body with Cursors
ID: aDcuw5xZkf
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/move-body-with-cursors
Size: 800x600
Multi-file: no
Description: Demonstrates how to control a Matter.js physics body using keyboard cursor keys to set horizontal and vertical velocity in a zero-gravity environment.

## Multiple Physics Scenes
ID: gYC5sgJnuY
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/multiple-physics-scenes
Size: 800x600
Multi-file: no
Description: Demonstrates how Matter.js physics worlds are independent and isolated within each Scene, allowing for smooth transitions between different physics-enabled levels.

## Offset Matter.js Physics Body
ID: Y2SPkTHBng
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/offset-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to adjust the render offset of a sprite to correctly align its texture with a custom-shaped Matter.js physics body.

## Pachinko
ID: 2XNFA6TJ46
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/pachinko
Size: 800x600
Multi-file: no
Description: A Pachinko game demonstration using Matter.js collision categories and masks, featuring a moving bucket sensor and static pins.

## Particles Follow Matter Body
ID: V86g44vdS1
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/particles-follow-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to attach a particle emitter to a Matter.js physics body and dynamically adjust particle speed, lifespan, and alpha based on the body's current velocity.

## Physics Editor with Matter.js
ID: zYgU3L39qH
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/physics-editor
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and apply complex custom body shapes, exported from a physics editor JSON file, to Matter.js game objects and containers.

## Polygon Physics Body
ID: UJU2FEtVa8
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/polygon-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a regular polygon-shaped physics body in Matter.js by defining the number of sides and a radius.

## Rectangle Physics Body
ID: YQKLz8TJ3g
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/rectangle-body
Size: 800x600
Multi-file: no
Description: Learn how to define a custom-sized rectangular physics body for a sprite in Matter.js, overriding the default texture dimensions.

## Restart Physics Scene
ID: Pkj7q9fr6s
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/restart-physics-scene
Size: 800x600
Multi-file: no
Description: This example demonstrates how to transition between scenes and restart a Matter.js physics-enabled scene, showing how the physics world is automatically managed when scenes stop and start.

## Rotate Body With Cursors
ID: MJevkR6A9Z
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/rotate-body-with-cursors
Size: 800x600
Multi-file: no
Description: Control a Matter.js physics body using keyboard input to apply angular velocity for rotation and thrust for movement, featuring a particle trail that reacts to speed.

## Sleep Events
ID: xZ3JHpoA53
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/sleep-events
Size: 800x600
Multi-file: no
Description: Demonstrates how to use Matter.js sleep events to track when physics bodies come to rest or wake up. Objects are tinted red when they enter a sleeping state and return to normal when moved.

## Top Down Car Movement
ID: NBXGaJ8K1r
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/top-down-car-body
Size: 800x600
Multi-file: no
Description: Demonstrates top-down vehicle physics using Matter.js, including thrust, air friction, and applying steering forces at specific points on the physics body.

## Trapezoid Matter Body
ID: aGh2oWpFuj
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/trapezoid-body
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a custom trapezoid-shaped physics body in Matter.js using the slope property.

## Wrecking Ball
ID: r9wsGYQVaP
Version: v4.1.0
Path: physics/matterjs
URL: https://phaser.io/examples/v4.1.0/physics/matterjs/view/wrecking-ball
Size: 800x600
Multi-file: no
Description: Demonstrates creating a stable stack of crates in Matter.js by increasing physics solver iterations and adding mouse interaction.

## Arcade and Matter Physics
ID: EQdwgHP9oM
Version: v4.1.0
Path: physics/multi
URL: https://phaser.io/examples/v4.1.0/physics/multi/view/arcade-and-matter
Size: 800x600
Multi-file: no
Description: Demonstrates how to initialize and use both the Arcade and Matter JS physics engines simultaneously within the same Scene.

## Creating a Global Plugin
ID: 7CErnLtFq9
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/global-plugin-test-1
Size: 800x600
Multi-file: no
Description: This example demonstrates how to create a custom global plugin, register it in the game configuration, and access its methods from within a scene.

## Custom Game Object via Plugin
ID: WzabopFUvB
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/custom-game-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to register a custom Game Object class as a plugin so it can be added to a scene using a custom method on the Scene Factory (this.add).

## Custom Loader File Type
ID: UfGxW1542C
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/custom-file-type
Size: 800x600
Multi-file: no
Description: Demonstrates how to extend the Phaser Loader by registering a custom file type through a plugin, including processing the loaded data before it enters the cache.

## Custom Scene Plugin
ID: 3dxSURJ5tr
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/scene-plugin-test-2
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and register a custom Scene Plugin that maps to a specific property on the Scene, used here to generate a procedural fractal via a Canvas texture.

## Custom Scene Plugin
ID: 1hg696WS8S
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/scene-plugin-test-1
Size: 800x600
Multi-file: no
Description: Demonstrates how to create, register, and use a custom Scene Plugin to extend Scene functionality with reusable logic.

## Destroying a Game Instance with Plugins
ID: 7HTBxX3gFe
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/destroy-game-with-plugin
Size: 800x600
Multi-file: no
Description: Demonstrates how to completely destroy a Phaser game instance that uses a custom plugin and then safely recreate it from scratch.

## Global Plugin from Class
ID: Uen2qpkuED
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/load-plugin-test-2
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a custom class extending BasePlugin, register it globally via the Loader, and access its functionality from within a Scene.

## Global Scene Plugin
ID: wzB7jEjRND
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/global-scene-plugin
Size: 800x600
Multi-file: no
Description: Demonstrates how to register a global plugin in the game configuration and access its methods within a Scene using a custom property mapping.

## Install Global Plugin At Runtime
ID: QWjb2phczU
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/install-global-plugin-at-runtime
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically register and instantiate custom global plugins using the Plugin Manager after the game has started.

## Loading a Scene Plugin
ID: RPhRiksB1Q
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/load-scene-plugin-test-2
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically load a Scene Plugin and use its injected property to create and animate specialized content within a Scene.

## Loading a Scene Plugin
ID: hWFmDxvyr2
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/add-scene-plugin-in-config
Size: 800x600
Multi-file: no
Description: Demonstrates how to load an external Scene-level plugin during the preload phase and access its functionality via a custom property on the Scene.

## Loading External Plugins
ID: zLqXns3N2d
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/load-plugin-test-1
Size: 800x600
Multi-file: no
Description: This example demonstrates how to load an external JavaScript plugin file during the preload phase and access its custom methods within a Scene.

## Multiple Global Plugin Instances
ID: bRZgEoifyC
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/multiple-global-plugin-instances
Size: 800x600
Multi-file: no
Description: Demonstrates how to start and manage multiple independent instances of the same global plugin class using the Plugin Manager, allowing for separate configurations and states.

## Rendering FIGlet Fonts with Sprites
ID: Mbavv2XNtg
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/add-global-plugin
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually parse a FIGlet (.flf) font file and render text by positioning sprites based on the ASCII character data.

## Scene Plugin Dynamic Fractal Canvas
ID: 5G4KuWL54H
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/scene-plugin-test-3
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a custom Scene Plugin that renders an animated Julia set fractal onto a dynamic canvas texture. The example shows how to map the plugin to a Scene property and animate its internal variables using tweens.

## Scene Plugin Loader
ID: NgfRnJyLHs
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/load-scene-plugin-test-1
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically load an external Scene Plugin and access its functionality via a custom property on the Scene.

## Start and Stop a Plugin
ID: VLm4stuAk7
Version: v4.1.0
Path: plugins
URL: https://phaser.io/examples/v4.1.0/plugins/view/start-and-stop-a-plugin
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a global plugin and dynamically toggle its execution at runtime using the Plugin Manager's start and stop methods.

## Bullet Pool
ID: MZdC2gaRuz
Version: v4.1.0
Path: pools
URL: https://phaser.io/examples/v4.1.0/pools/view/bullets
Size: 800x600
Multi-file: no
Description: Efficiently manage a limited number of firing bullets using a Group as an object pool with a custom class and automatic child updates.

## Create Object Pool
ID: rPDnhseER2
Version: v4.1.0
Path: pools
URL: https://phaser.io/examples/v4.1.0/pools/view/create-pool
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a simple object pool using a Phaser Group with a maxSize property to limit and recycle game objects.

## Group Max Size
ID: rDT9WNuzip
Version: v4.1.0
Path: pools
URL: https://phaser.io/examples/v4.1.0/pools/view/max-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to limit the number of active objects in a Group pool using the maxSize property. Once the limit is reached, no further objects are created until existing ones are recycled.

## Group Object Pooling
ID: h7YZf7qd6F
Version: v4.1.0
Path: pools
URL: https://phaser.io/examples/v4.1.0/pools/view/multi-pools
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a Group as a pool for a custom Bullet class, including recycling inactive objects and using runChildUpdate to automate child logic.

## Pool with Custom Class
ID: B9JUvr5PKD
Version: v4.1.0
Path: pools
URL: https://phaser.io/examples/v4.1.0/pools/view/pool-using-a-custom-class
Size: 800x600
Multi-file: no
Description: Demonstrates how to create an object pool using a custom class in a Phaser Group. It shows how to define a class type, set a maximum pool size, and use the runChildUpdate property to automatically execute the update logic of pooled objects.

## Seeded Object Pool
ID: JkvQjF1WHu
Version: v4.1.0
Path: pools
URL: https://phaser.io/examples/v4.1.0/pools/view/seeded-pool
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a pre-populated object pool using a Group with a fixed maximum size and a custom class to recycle game objects efficiently.

## Bend Shader with Custom Batch Handler
ID: JgJmWPF5aM
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/bend-shader
Size: 800x600
Multi-file: no
Description: Demonstrates applying a custom batch handler shader to multiple sprites using setRenderNodeRole to create a visual bending effect.

## Color Filter
ID: 38BKXWyQNT
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/color-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable and apply a hue-rotation color filter to individual sprites using custom filter controllers.

## Container Post-Processing Filter
ID: QkNMrdCsAf
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/container-filter
Size: 800x600
Multi-file: no
Description: This example demonstrates how to enable and apply custom post-processing filters to a Container and all of its nested children.

## Custom Batch Size
ID: H9kgfn4hRf
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/custom-batch-size
Size: 1024x512
Multi-file: no
Description: Demonstrates how to define a custom batch size in the Game configuration to control the number of quads processed by the WebGL renderer in a single draw call.

## Custom Filter
ID: ZD5Vqix2FA
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/custom-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to create and apply a custom GLSL fragment shader filter to a Game Object, using a Filter Controller to manage uniforms like time and speed.

## Custom Grayscale Shader via Batch Handler
ID: S5Cas4k6a3
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/grayscale-shader-addition
Size: 800x600
Multi-file: no
Description: Apply a custom shader effect to individual game objects by assigning a specific Batch Handler and updating its shader uniforms in real-time.

## Custom Shader Single Texture Render Node
ID: cKkDUbBJur
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/custom-shader-single-texture-es6
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a custom render node to apply a color-warping fragment shader and time-based uniforms to specific Sprites.

## Custom Shader with Batch Handler
ID: TawYwzZHm5
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/custom-shader-multi-texture-es6
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a custom GLSL shader to specific sprites using a BatchHandlerQuad render node and the setRenderNodeRole method.

## Hue Rotation Shader via Batch Handler
ID: EgcsTjXgkB
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/hue-rotation-shader-addition
Size: 800x600
Multi-file: no
Description: Apply a custom hue rotation shader to multiple sprites by registering a BatchHandler render node and updating shader uniforms in the game loop.

## Local Grayscale Shader Addition
ID: cvShSZeDfN
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/grayscale-shader-addition-added-locally
Size: 800x600
Multi-file: no
Description: Demonstrates how to inject custom GLSL code into a specific batch handler to create a grayscale effect and apply it selectively to individual sprites using Render Node roles.

## Smooth Pixel Art Rendering
ID: ENXpw4icVM
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/smooth-pixel-art
Size: 800x600
Multi-file: no
Description: Demonstrates the use of the smoothPixelArt configuration property to enable anti-aliasing for textures while maintaining smooth edges during camera zooms and rotations.

## Swirl Filter
ID: gb1Vb2yKtz
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/swirl-filter
Size: 800x600
Multi-file: no
Description: Apply a swirl distortion effect to a Game Object and animate the effect's strength using the Tween Manager.

## WebGL Context Recovery
ID: tWSDNjvLbg
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/webgl-context-recovery
Size: 1280x720
Multi-file: no
Description: Demonstrates how Phaser automatically restores standard GameObjects like images, shapes, and text after a WebGL context loss occurs and is subsequently recovered.

## WebGL Renderer Information
ID: WSJv5PZ3nY
Version: v4.1.0
Path: renderer
URL: https://phaser.io/examples/v4.1.0/renderer/view/webgl-info
Size: 1024x768
Multi-file: no
Description: Access and display WebGL renderer details including supported extensions, configuration properties, texture compression formats, and hardware texture limits.

## 32 Texture Batch Test
ID: 4oetAXaNUq
Version: v4.1.0
Path: renderer/tests
URL: https://phaser.io/examples/v4.1.0/renderer/tests/view/32-texture-test
Size: 800x600
Multi-file: no
Description: Demonstrates loading and displaying 32 unique textures simultaneously, organized in a grid layout to test renderer batching.

## Renderer Batching Test
ID: KcxUKDPHeP
Version: v4.1.0
Path: renderer/tests
URL: https://phaser.io/examples/v4.1.0/renderer/tests/view/batch-test
Size: 800x600
Multi-file: no
Description: Demonstrates how the renderer handles multiple textures, shapes, and text objects interspersed to test drawing and batching performance.

## Renderer FPS Debugging
ID: ezHW53iQA8
Version: v4.1.0
Path: renderer/tests
URL: https://phaser.io/examples/v4.1.0/renderer/tests/view/webgl-debug
Size: 800x600
Multi-file: no
Description: Demonstrates how to retrieve and display the current frame rate from the renderer while animating multiple sprites across the screen.

## Sprite Stress Test and Frame Capture
ID: kwAaLXcVya
Version: v4.1.0
Path: renderer/tests
URL: https://phaser.io/examples/v4.1.0/renderer/tests/view/sprite-test
Size: 1024x512
Multi-file: no
Description: Demonstrates rendering thousands of individual sprites and using the renderer to capture and download a snapshot of the current frame.

## Device Orientation Detection
ID: r7gXD5TN8Z
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/orientation-check
Size: 640x256
Multi-file: no
Description: How to detect orientation changes between portrait and landscape modes using the Scale Manager to display prompts or adjust game state.

## Envelop Scale Mode
ID: sY1DHh7xcu
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/envelop
Size: 800x600
Multi-file: no
Description: Demonstrates the ENVELOP scale mode which scales the game to completely fill the parent container while maintaining aspect ratio, potentially cropping the canvas to fit.

## Fit and Snap
ID: 3vm56yny7A
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/fit-and-snap
Size: 240x160
Multi-file: no
Description: Demonstrates using the Scale Manager's FIT mode combined with a snap configuration to scale the game canvas in discrete increments based on a fixed resolution.

## Fit Scale Mode
ID: hYLi8Mwya7
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/fit
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use the FIT scale mode to automatically resize the game canvas to fit its parent container while strictly maintaining the aspect ratio.

## Fit Scale Mode with Min and Max
ID: RpRw4i84Ra
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/fit-min-max
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the FIT scale mode while enforcing minimum and maximum width and height constraints on the game canvas.

## Fit with Auto Center
ID: tuNqWjsxLF
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/fit-with-auto-center
Size: 800x600
Multi-file: no
Description: Scales the game to fit the parent container while maintaining its aspect ratio and centering the canvas both horizontally and vertically.

## Fullscreen Mode Toggle
ID: zEVx16FBqv
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/full-screen-game
Size: 800x600
Multi-file: no
Description: Demonstrates how to switch the game to fullscreen and back using either an interactive UI button or a keyboard shortcut (F key) via the Scale Manager.

## Height Controls Width Scale Mode
ID: e4LE1GMTzr
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/height-controls-width
Size: 800x600
Multi-file: no
Description: This example demonstrates the HEIGHT_CONTROLS_WIDTH scale mode, which automatically adjusts the game width based on the height of the parent container while maintaining the aspect ratio.

## Input with Camera Transforms
ID: CLPt54ku2h
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/world-input
Size: 800x600
Multi-file: no
Description: Demonstrates how to map pointer coordinates from screen space to world space while the camera is panned, zoomed, or rotated.

## Manual Resize and Aspect Ratio Fit
ID: hJzMbNyCvK
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/resize-and-fit
Size: 640x960
Multi-file: no
Description: Demonstrates how to use the RESIZE scale mode to manually manage multiple scenes with different scaling rules. One scene fills the entire window while another maintains a fixed aspect ratio and centers itself using camera viewports.

## Manually Resize
ID: VD9rbksVfX
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/manually-resize
Size: 1024x768
Multi-file: no
Description: Demonstrates how to handle game resizing manually by disabling automatic scaling and updating the camera and game objects in response to window resize events.

## Manually Resize With Zoom
ID: mCdPWuwXej
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/manually-resize-with-zoom
Size: 160x144
Multi-file: no
Description: Demonstrates how to manually update the game scale and recalculate the maximum zoom level using Phaser.Scale.MAX_ZOOM when the Scale Manager mode is set to NONE.

## Mobile Responsive Game Layout
ID: fRNmEQS8nn
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/mobile-game-example
Size: 640x960
Multi-file: no
Description: Demonstrates a multi-scene approach for mobile games where a flexible background fills the entire screen while the main game area maintains a fixed aspect ratio. It uses the Scale Manager's resize event, camera viewports, and manual zoom calculations to keep the game centered and scaled across different device resolutions.

## No Scale with Auto Center
ID: s652aHvxZJ
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/no-scale-with-auto-center
Size: 800x600
Multi-file: no
Description: This example shows how to disable canvas scaling while keeping the game centered both horizontally and vertically within its parent container.

## Resize Game on Click
ID: 5eu5xTSkRp
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/resize-on-click
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically change the game dimensions at runtime using the Scale Manager's resize method in response to user input.

## Resize with Minimum and Maximum Limits
ID: vwHVUCq1UR
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/resize-min-max
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Scale Manager to resize the game while enforcing minimum and maximum dimensions via the game configuration.

## Scale Manager Envelop Mode with Min and Max
ID: VhpMbczayR
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/envelop-min-max
Size: 800x600
Multi-file: no
Description: Demonstrates using the ENVELOP scale mode to fill a parent container while enforcing specific minimum and maximum size constraints on the game canvas.

## Scale Manager Fit Mode with Game
ID: dwZaUHJnuL
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/fit-running-game
Size: 800x600
Multi-file: no
Description: Demonstrates using the Scale Manager FIT mode to resize a platformer game, ensuring it scales to fill the available space while maintaining its aspect ratio and staying centered.

## Scale Manager Resize Event
ID: URPC8M2ti5
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/resize
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use the RESIZE scale mode and the resize event to dynamically update camera dimensions and reposition game objects when the browser window is resized.

## Scale Mode: NONE
ID: beiVdf4NJ6
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/no-scale
Size: 800x600
Multi-file: no
Description: This example demonstrates how to disable automatic canvas scaling by setting the scale mode to NONE, keeping the game at its fixed internal resolution.

## Width Controls Height Scale Mode
ID: k6GBpoT3zb
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/width-controls-height
Size: 800x600
Multi-file: no
Description: Demonstrates the WIDTH_CONTROLS_HEIGHT scale mode, which automatically adjusts the game's height based on the available width while maintaining the aspect ratio.

## Zoom Manual Resize
ID: 1KTGmfP8kv
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/zoom-manual-resize
Size: 160x144
Multi-file: no
Description: Demonstrates how to dynamically update the canvas zoom level at runtime using the Scale Manager.

## Zoom With Fit
ID: nzP612EW6v
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/zoom-with-fit
Size: 160x144
Multi-file: no
Description: Demonstrates how to use the zoom property in combination with the FIT scale mode to upscale a low-resolution canvas while maintaining its aspect ratio within the parent container.

## Zoom With No Scale
ID: v4Ei8REj9n
Version: v4.1.0
Path: scalemanager
URL: https://phaser.io/examples/v4.1.0/scalemanager/view/zoom-with-no-scale
Size: 160x144
Multi-file: no
Description: Demonstrates how to enlarge a low-resolution game canvas using the zoom property while keeping the scale mode disabled.

## Add Scene After Game Instance
ID: gQooTNyAA1
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/add-scene-after-game
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically add and start a Scene to a Phaser Game instance after it has been initialized, including passing data to the Scene's create method.

## Add Scene From Another Scene
ID: NtShHptuYu
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/add-scene-from-another-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically add a new Scene to the Scene Manager and start it immediately while passing custom data to its create method.

## Adding and Starting Scenes Manually
ID: hkPYMGEwsa
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-add-manual-start
Size: 800x600
Multi-file: no
Description: Demonstrates how to add a scene to the Scene Manager and start it manually using the game instance API instead of the game configuration object.

## Boot Data
ID: dDi2pxXabU
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/boot-data
Size: 800x600
Multi-file: no
Description: Demonstrates how to pass a data object when starting a scene and access it within the init, preload, and create methods for dynamic asset loading and positioning.

## Bring Scene to Top
ID: gKaicXvxAN
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/bring-to-top
Size: 800x600
Multi-file: no
Description: Demonstrates how to move a specific Scene to the top of the Scene list so it renders above all other active Scenes.

## Call Function in Another Scene
ID: 1BDYLNSLRH
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/call-function-in-another-scene-es6
Size: 800x600
Multi-file: no
Description: Demonstrates how to obtain a reference to another scene via the Scene Manager and call its custom methods.

## Call Function In Another Scene
ID: QvPyAy4JcH
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/call-function-in-another-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to access a specific Scene instance via the Scene Manager to call its public methods and retrieve data from a different active Scene.

## Change Scene From Create
ID: xU6GwWUjSa
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/change-scene-from-create
Size: 800x600
Multi-file: no
Description: Demonstrates how to transition between multiple scenes immediately by calling scene.start within the create method.

## Change Scene From Create Method
ID: Mmtyb6gm47
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/change-scene-from-create-es6
Size: 800x600
Multi-file: no
Description: Demonstrates how to chain scene transitions by calling scene.start within the create method of multiple ES6 Scene classes.

## Changing Large Scenes
ID: MxfDn7kXSf
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/changing-large-scene
Size: 800x600
Multi-file: no
Description: Learn how to switch between different scenes that contain a large number of Game Objects.

## Changing Scenes
ID: 6hfEj1PGQe
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/changing-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to transition between multiple Scene classes using the Scene Manager's start method.

## Drag Scenes Demo
ID: PhvgUJ6L8R
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/drag-scenes-demo
Size: 1024x768
Multi-file: no
Description: This demo demonstrates a multi-window desktop interface where each window is a separate, independent Scene. It shows how to use draggable Zones to move Scenes by dynamically updating their camera viewports and how to manage Scene depth using bringToTop.

## Extend Scene From Object
ID: SgAasGcGwS
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/extend-scene-from-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to add custom properties and helper methods directly to a Scene instance using the extend property within the Scene configuration object.

## Launch Parallel Scenes
ID: MjjHsK3pnr
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/launch-parallel-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the scene launch method to start multiple scenes simultaneously without stopping the current scene, allowing them to run in parallel.

## Move Scene Down
ID: rNEzXAH2eD
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/move-down-list
Size: 800x600
Multi-file: no
Description: Demonstrates how to reorder scenes within the Scene Manager by moving a specific scene one position down in the list, changing its rendering order.

## Move Scene Up
ID: vCaipPoLPt
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/move-up-list
Size: 800x600
Multi-file: no
Description: Demonstrates how to move a Scene up in the Scene List, effectively changing its display order so it renders on top of the next scene in the stack.

## Multiple Instances of a Scene
ID: gkQePdHYK2
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/copies-of-the-same-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically add and run multiple simultaneous instances of the same Scene class, with each instance operating independently.

## Multiple Scenes and Multiple Cameras
ID: 34KTRGhMiw
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/multiple-scenes-with-multiple-cameras
Size: 800x600
Multi-file: no
Description: Demonstrates running two active scenes simultaneously, with one scene using multiple camera viewports to create a tiled display of its content.

## Multiple Scenes From Classes
ID: 2iqMfFiUKf
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/multiple-scenes-from-classes
Size: 800x600
Multi-file: no
Description: Demonstrates how to define and run multiple active scenes simultaneously using ES6 classes within the game configuration.

## Multiple Scenes from Configuration Objects
ID: cwePmDkdVv
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/multiple-scenes-from-objects
Size: 800x600
Multi-file: no
Description: Demonstrates how to define and run multiple simultaneous scenes using configuration objects. It covers scene-specific asset loading via pack files, custom render functions, and setting scene positions and dimensions.

## Multiple Scenes From Instances
ID: 4pKtwSysS3
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/multiple-scenes-from-instances
Size: 800x600
Multi-file: no
Description: This example demonstrates how to create and add multiple Scene instances to a game configuration and launch one scene from another.

## Object-Based Scenes
ID: mcsvMzLyri
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/change-scene-from-objects
Size: 1024x768
Multi-file: no
Description: This example demonstrates how to define Phaser Scenes using plain JavaScript objects instead of classes and how to launch and reference them from within other scenes.

## Parallel Scenes
ID: dyxaVgmya6
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/parallel-scenes
Size: 800x600
Multi-file: no
Description: Demonstrates how to run multiple scenes simultaneously by setting the active property to true in the Scene configuration.

## Passing Data to a Scene
ID: fQACCCREBj
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/passing-data-to-a-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to pass a data object when starting a new Scene and how to retrieve that data within the target Scene's init method to configure preloading and display.

## Pause and Resume
ID: inPbDyidKQ
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/pause-and-resume
Size: 800x600
Multi-file: no
Description: Demonstrates how to pause a running Scene, launch a second Scene on top, and then resume the original Scene while preserving its state and animations.

## Registry Data Exchange
ID: e1N9UqnXDP
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/registry-data-exchange
Size: 800x600
Multi-file: no
Description: Learn how to use the global Registry to share data between scenes and listen for data change events to sync UI elements across different active scenes.

## Registry Data Exchange
ID: vi1Gj9L25D
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/registry-data-exchange-es6
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the global Game Registry to share and synchronize data between multiple scenes, allowing a UI scene to automatically update when values change in the game scene.

## Restart a Scene
ID: NC8meFbmsq
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/restart-a-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to reset a Scene using the restart method, triggered here by a camera fade completion event.

## Scene Add
ID: p8f9guwXeN
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-add
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually add and automatically start a Scene class using the Scene Manager after the game instance has been created.

## Scene Config Object
ID: zUL9gbp7vq
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-config-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a Scene using a configuration object, including the use of the pack property to automatically preload assets.

## Scene Context Inspection
ID: QTBRembkac
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/test-plugin
Size: 800x600
Multi-file: no
Description: Demonstrates a basic scene setup that loads an image and logs the scene instance to the console for inspection.

## Scene Files Payload
ID: oXqXCB4NQZ
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-files-payload
Size: 800x600
Multi-file: no
Description: Use the Scene configuration object to define a list of assets to load before the Scene starts, making them available before the preload method is even called.

## Scene From Class
ID: abvpMnkcJ4
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-from-class
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a Scene using the Phaser.Class factory method, including extending the base Scene and implementing standard lifecycle methods like preload and create.

## Scene From ES6 Class
ID: RCDJBzADTh
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-from-es6-class
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a Phaser Scene using ES6 class syntax, including the constructor and standard lifecycle methods.

## Scene From Function
ID: uUcydHxs5N
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-from-function
Size: 800x600
Multi-file: no
Description: Learn how to define a Scene using a standard JavaScript constructor function and prototype pattern.

## Scene From Instance
ID: VLk21tLbFf
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-from-instance
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a Scene by creating a new Phaser.Scene instance and manually assigning its lifecycle functions such as preload and create.

## Scene From Object
ID: GZYzaxE4g2
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-from-object
Size: 800x600
Multi-file: no
Description: Demonstrates how to define a Scene using a standard JavaScript object within the Game Configuration, mapping lifecycle functions like preload and create.

## Scene Injection Map
ID: hWpAJ5d7FU
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-injection-map
Size: 800x600
Multi-file: no
Description: Demonstrates how to remap standard Scene systems like 'add' and 'load' to custom property names using the scene configuration map.

## Scene Injection Map with UTF-8
ID: Q3gVcdAjgt
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/scene-injection-map-utf8
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Scene injection map to alias standard Scene systems, such as 'add' and 'load', to custom UTF-8 property names.

## Scene Transition Basics
ID: 1m73dY3fhe
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/transition-test-1
Size: 800x600
Multi-file: no
Description: Learn how to use scene transitions to move between Scenes. This example demonstrates passing data, using transition update callbacks for custom animations, and handling transition events.

## Scene Transitions with Layering and Events
ID: bsMbECZCJn
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/transition-test-2
Size: 800x600
Multi-file: no
Description: Demonstrates switching between scenes using the transition method, featuring scene layering control (moveAbove/moveBehind), event-driven animations (transitionstart, transitionout), and synchronizing object movement via transition progress callbacks.

## Send Scene to Back
ID: vxzpzTodoU
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/send-to-back
Size: 800x600
Multi-file: no
Description: Demonstrates how to move a specific Scene to the bottom of the display list, causing it to render behind all other active Scenes.

## Sleep and Wake Scenes
ID: SGuHMkFJQG
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/sleep-and-wake
Size: 800x600
Multi-file: no
Description: Demonstrates how to switch between scenes using scene.switch(), which puts a scene to sleep and wakes another, preserving its state and using the WAKE event to re-enable input.

## Swap Scene Render Order
ID: kA7dyEbPX6
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/swap-position
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the scene.swapPosition method to change the display depth of two active scenes, effectively moving one in front of the other.

## Swapping Scenes
ID: t66FHbGfvK
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/swapping-scenes
Size: 800x600
Multi-file: no
Description: Demonstrates how to switch between two different scenes using the scene.switch method, which puts the current scene to sleep and starts or wakes the target scene on user interaction.

## Switching Scenes with ES6 Classes
ID: oFiWCGNGX9
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/changing-scene-es6
Size: 800x600
Multi-file: no
Description: Demonstrates how to transition between multiple game scenes using ES6 classes and the Scene Manager's start method.

## UI Scene Communication
ID: xMZmpotccV
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/ui-scene-es6
Size: 800x600
Multi-file: no
Description: Demonstrates how to run a UI Scene concurrently with a Game Scene and communicate between them using scene-level events to update scores.

## UI Scene Overlay
ID: fyMPmcbG58
Version: v4.1.0
Path: scenes
URL: https://phaser.io/examples/v4.1.0/scenes/view/ui-scene
Size: 800x600
Multi-file: no
Description: Demonstrates how to run a dedicated UI Scene simultaneously with a Game Scene, using the Scene Event Emitter to communicate and update a score display between them.

## Loading External Scenes
ID: zT9uJrriHy
Version: v4.1.0
Path: scenes/external scene
URL: https://phaser.io/examples/v4.1.0/scenes/external scene/view/external-scene
Size: 1024x768
Multi-file: yes
Description: Demonstrates how to load an external JavaScript file containing a Scene class and dynamically add multiple instances of that scene to the game manager at runtime.

## Scene Layering and Management
ID: kmf2unHhYH
Version: v4.1.0
Path: scenes/moving scenes demo
URL: https://phaser.io/examples/v4.1.0/scenes/moving scenes demo/view/moving-scenes-demo
Size: 1024x768
Multi-file: yes
Description: This example demonstrates how to manage multiple active scenes simultaneously. It shows how to toggle scene visibility and active states, and how to manipulate rendering order using bringToTop, moveUp, and moveDown.

## Multi-Scene Desktop Environment
ID: uDfkB6XGV4
Version: v4.1.0
Path: scenes/multi demo
URL: https://phaser.io/examples/v4.1.0/scenes/multi demo/view/multi-demo
Size: 1024x768
Multi-file: yes
Description: Demonstrates a window-based desktop environment using multiple simultaneous Scenes. Each 'window' is a separate Scene instance mapped to a draggable Zone using camera viewports.

## Switching to a Sub-Game Scene
ID: 289XNC9g7A
Version: v4.1.0
Path: scenes/sub game demo
URL: https://phaser.io/examples/v4.1.0/scenes/sub game demo/view/sub-game-demo
Size: 1024x768
Multi-file: yes
Description: Demonstrates transitioning between a main world and a sub-game scene using Scene Switch and the Data Registry to pass information between them.

## Change Scene Order
ID: BMw4AyRitz
Version: v4.1.0
Path: scenes/tutorial
URL: https://phaser.io/examples/v4.1.0/scenes/tutorial/view/change-scene-order
Size: 800x600
Multi-file: no
Description: Demonstrates how the sequence of scenes provided in the game configuration determines their initial rendering depth when multiple scenes are active simultaneously.

## Scene Controller
ID: iBeqqvkZYP
Version: v4.1.0
Path: scenes/tutorial
URL: https://phaser.io/examples/v4.1.0/scenes/tutorial/view/scene-controller
Size: 1024x600
Multi-file: no
Description: This example demonstrates comprehensive management of multiple concurrent scenes. It shows how to use a master UI scene to toggle visibility and active status (pausing/resuming) for child scenes, and how to reorder the scene stack using bringToTop, moveUp, moveDown, and moveAbove.

## Scene Rendering Order
ID: Yi4JHHDNmA
Version: v4.1.0
Path: scenes/tutorial
URL: https://phaser.io/examples/v4.1.0/scenes/tutorial/view/scene-order
Size: 800x600
Multi-file: no
Description: Demonstrates how to change the display order of multiple active scenes using the Scene Manager's bringToTop method.

## Game Snapshot
ID: LKUtPM6DPe
Version: v4.1.0
Path: snapshot
URL: https://phaser.io/examples/v4.1.0/snapshot/view/snapshot-game
Size: 800x600
Multi-file: no
Description: Demonstrates how to capture a snapshot of the entire game canvas using the renderer's snapshot method and display the resulting image in the DOM.

## Snapshot Area
ID: VhsYGSmh1J
Version: v4.1.0
Path: snapshot
URL: https://phaser.io/examples/v4.1.0/snapshot/view/snapshot-area
Size: 800x600
Multi-file: no
Description: Capture a specific rectangular portion of the game canvas using snapshotArea and convert it into a new game texture or DOM image.

## Snapshot Pixel
ID: qgHaSPvQNs
Version: v4.1.0
Path: snapshot
URL: https://phaser.io/examples/v4.1.0/snapshot/view/snapshot-pixel
Size: 800x600
Multi-file: no
Description: Capture the color of a single pixel from the game canvas at a specific coordinate using the renderer's snapshotPixel method.

## Snapshot to Base64
ID: qoCu7CAonS
Version: v4.1.0
Path: snapshot
URL: https://phaser.io/examples/v4.1.0/snapshot/view/snapshot-to-base64
Size: 800x600
Multi-file: no
Description: Learn how to capture a snapshot of the current game frame and convert it into a Base64 data URL by drawing the result to a Canvas Texture.

## AVIF Texture Support
ID: 8GuMBTrqz7
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/avif-test
Size: 1024x640
Multi-file: no
Description: Load and display AVIF images to compare visual quality and significant file size savings against standard PNGs using an interactive comparison slider.

## Compressed Multi-Texture Atlas
ID: siKZS77tiF
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/compressed-multi-texture-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates loading a multi-file texture atlas using various hardware-compressed formats like ASTC, ETC, PVRTC, and S3TC with an image fallback.

## Compressed Texture Atlas
ID: AZvAAZ1Ywo
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/compressed-texture-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a multi-format compressed texture atlas. Phaser automatically detects device support for formats like ASTC, ETC, PVRTC, and S3TC, loading the optimal file or falling back to a standard PNG.

## Compressed Texture Atlas via File Config
ID: 6VpRSTQjrg
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/compressed-texture-atlas-from-file-config
Size: 800x600
Multi-file: no
Description: Load a texture atlas by providing multiple compressed texture formats (ASTC, ETC, PVRTC, S3TC) and a PNG fallback within a single configuration object.

## Compressed Texture Atlas via File Pack
ID: Cmo6Zkywfi
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/compressed-texture-atlas-from-file-pack
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a multi-format compressed texture atlas using a File Pack object, allowing the engine to automatically select the best format (ASTC, ETC, PVRTC, or S3TC) supported by the hardware.

## Compressed Texture From File Pack
ID: LPG6oqAQoj
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/compressed-texture-from-file-pack
Size: 800x600
Multi-file: no
Description: Demonstrates how to load multiple compressed texture formats using a File Pack object. This allows the loader to automatically select the most suitable format (ASTC, ETC, S3TC, or PVRTC) based on the hardware's capabilities.

## Compressed Texture Loading
ID: d2CMvf8LGK
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/compressed-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to load multi-format compressed textures (ASTC, ETC, PVRTC, and S3TC) with an automatic fallback for maximum hardware compatibility.

## Compressed Texture Loading via Configuration
ID: 4Xin5QpKUY
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/compressed-texture-from-file-config
Size: 800x600
Multi-file: no
Description: Demonstrates how to load textures by providing a configuration object with multiple compressed formats (ASTC, ETC, PVRTC, S3TC) and a fallback image, allowing Phaser to automatically select the optimal format for the hardware.

## Crop Animated Sprite
ID: 9ewBh5YYke
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-animated-sprite
Size: 800x600
Multi-file: no
Description: Learn how to apply and dynamically update a rectangular crop on an animated sprite to show only a specific portion of the animation.

## Crop Flipped Texture
ID: tqfkhSu83t
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-texture-image-flip
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and update a crop area on an Image that has been horizontally flipped.

## Crop Flipped Texture Atlas Frame
ID: TTo48UaNFu
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-texture-atlas-frame-flip
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a crop area to an image that is both horizontally flipped and sourced from a texture atlas frame.

## Crop Flipped Texture Atlas Frame
ID: KS8t1NbuJc
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-texture-atlas-frame-trimmed-flip
Size: 800x600
Multi-file: no
Description: Demonstrates applying a dynamic crop area to a flipped image using a frame from a texture atlas.

## Crop Render Texture
ID: FmYhZUBtk4
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-render-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a crop area to a Render Texture and update its position dynamically using pointer input.

## Crop Scaled Image
ID: SBBt2UutHx
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-texture-image-scaled
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and update a crop rectangle on an Image that has been scaled, mapping coordinates to account for the scale factor.

## Crop Texture Atlas Frame
ID: EuwF7aS33D
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-texture-atlas-frame
Size: 800x600
Multi-file: no
Description: Apply a crop rectangle to a specific frame within a texture atlas and update the crop area dynamically based on pointer movement.

## Crop Texture Atlas Frame Trimmed
ID: gKuU3W6nQu
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-texture-atlas-frame-trimmed
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and dynamically update a crop area on an image using a trimmed frame from a texture atlas.

## Crop Texture Image
ID: sC3ydKyfNH
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-texture-image
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the setCrop method to display a specific rectangular area of an image and update those crop coordinates dynamically based on pointer input.

## Cropping Multiple Texture Atlas Frames
ID: hXY68cwC2E
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-multi-frames
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply individual crop rectangles to multiple images that are using different frames from the same texture atlas.

## Dynamic Text Cropping
ID: qJuijHsjnV
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/crop-text
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply and update a rectangular crop on a Text object using the setCrop method to reveal only specific portions of the text interactively.

## Edit Texture Hue Shift
ID: Ei3mGQpMYM
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/edit-texture-hue-shift
Size: 800x600
Multi-file: no
Description: Demonstrates how to modify texture pixel data in real-time by creating a Canvas Texture, manipulating its HSV values using getImageData, and updating the renderer with the refresh method.

## Edit Texture Silhouette
ID: bLjXxQcN2N
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/edit-texture-silhouette
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a silhouette effect by creating a Canvas texture and manually modifying its pixel data using the 2D context getImageData and putImageData methods.

## Frames From a Single Texture Atlas
ID: ejpzKYpxgq
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/frames-from-single-atlas
Size: 1024x768
Multi-file: no
Description: Demonstrates how to load a single texture atlas and display multiple different images by referencing their individual frame names.

## Get Pixel From Image
ID: C6PazkqmKC
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/get-pixel-from-image
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use the Texture Manager to retrieve the color value of a specific pixel from a loaded image using its X and Y coordinates.

## Get Pixel Under Pointer
ID: ENmh6JTzWK
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/get-pixel-dynamic
Size: 800x600
Multi-file: no
Description: Demonstrates how to retrieve color data from a specific texture at a given coordinate in real-time as the pointer moves.

## Get Texture Pixels
ID: DUkNTEikJ8
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/get-pixels
Size: 800x600
Multi-file: no
Description: Demonstrates how to read color data from an image by drawing it to a CanvasTexture and using the getPixel method to iterate through its individual pixels.

## Multi-Atlas
ID: sDqFjG6wn4
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/multi-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and display frames from a multi-page texture atlas where a single JSON manifest manages multiple image files.

## Set Mipmap Filter
ID: 4JRA8SfTeQ
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/set-mipmap-filter
Size: 1024x768
Multi-file: no
Description: Configure the global mipmap filter via the Game Config to improve visual quality when textures are rendered at smaller scales.

## Set Texture Source
ID: 7etNdRneeQ
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/set-texture-source
Size: 800x600
Multi-file: no
Description: Demonstrates how to change the underlying source data of a Texture at runtime, which automatically updates any Game Objects currently using that texture.

## Sprite from Tilemap Texture
ID: 3HERmBRxGc
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/sprite-using-tilemap-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually parse a loaded image into a SpriteSheet at runtime, allowing you to create Sprites from individual tiles.

## Sprite Sheet
ID: ycoJhCBVan
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/sprite-sheet
Size: 1024x768
Multi-file: no
Description: Load a sprite sheet with defined frame dimensions and display individual frames using their index.

## Sprite Sheet From Atlas
ID: WWyNABRRSa
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/sprite-sheet-from-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to use addSpriteSheetFromAtlas to extract and define a sprite sheet from a specific frame within an existing Texture Atlas, allowing for animations to be generated from packed assets.

## Text Texture
ID: 4kiqn68dVj
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/text-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to convert a Text object into a dynamic texture and use it as the source frame for a Particle Emitter.

## Texture From Base64
ID: LRRKiRuBWB
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/texture-from-base64
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a texture from a Base64 encoded image string and use event listeners to detect when the texture is ready to be displayed.

## Texture Packer Atlas
ID: gQjQNsG3nS
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/texture-packer-atlas
Size: 800x600
Multi-file: no
Description: Load and display individual frames from a Texture Packer JSON atlas, featuring support for custom pivot points and sprite rotation.

## Trimmed Frame From Multi-Atlas
ID: d1KnECqDCc
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/trimmed-frame-from-multi-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a multi-atlas texture and display a specific trimmed frame by name.

## Trimmed Frame from Texture Atlas
ID: oTWbmK3LQP
Version: v4.1.0
Path: textures
URL: https://phaser.io/examples/v4.1.0/textures/view/trimmed-frame-from-single-atlas
Size: 800x600
Multi-file: no
Description: Demonstrates loading a texture atlas and displaying a specific frame that has been trimmed, illustrating how Phaser handles original source dimensions versus trimmed sizes.

## Canvas Texture Composite Operations
ID: GSekV3R8Lj
Version: v4.1.0
Path: textures/canvas textures
URL: https://phaser.io/examples/v4.1.0/textures/canvas textures/view/canvas-texture-composite-op
Size: 800x600
Multi-file: no
Description: Demonstrates how to use HTML5 Canvas global composite operations on a Canvas Texture to create effects like masking and erasing.

## Canvas Texture Rotation
ID: KNm1dgmqMU
Version: v4.1.0
Path: textures/canvas textures
URL: https://phaser.io/examples/v4.1.0/textures/canvas textures/view/canvas-texture-rotation
Size: 800x600
Multi-file: no
Description: Create a dynamic canvas texture using the Canvas API and demonstrate that it can be rotated and transformed just like a regular static image.

## Create Canvas Texture
ID: q2aD5oBc5X
Version: v4.1.0
Path: textures/canvas textures
URL: https://phaser.io/examples/v4.1.0/textures/canvas textures/view/create-canvas
Size: 1024x768
Multi-file: no
Description: Demonstrates how to create a dynamic texture from a Canvas element, draw to its 2D context using standard API calls, and update the texture at runtime.

## Canvas Texture Dwitter 5475
ID: ZEZrYcNjyH
Version: v4.1.0
Path: textures/canvas textures/dwitter
URL: https://phaser.io/examples/v4.1.0/textures/canvas textures/dwitter/view/5475
Size: 960x540
Multi-file: no
Description: Demonstrates how to create a dynamic CanvasTexture and update its underlying 2D context using a Dwitter-style animation loop.

## Canvas Texture Dwitter Animation
ID: 2DFQV5A3WR
Version: v4.1.0
Path: textures/canvas textures/dwitter
URL: https://phaser.io/examples/v4.1.0/textures/canvas textures/dwitter/view/5479
Size: 960x540
Multi-file: no
Description: This example demonstrates how to create a dynamic Canvas Texture and update it every frame by directly accessing its 2D context to draw complex math-based patterns.

## Canvas Texture Dwitter Animation
ID: ox9KjFS4NC
Version: v4.1.0
Path: textures/canvas textures/dwitter
URL: https://phaser.io/examples/v4.1.0/textures/canvas textures/dwitter/view/5500
Size: 960x540
Multi-file: no
Description: Demonstrates how to create a dynamic CanvasTexture and update its content every frame using native HTML5 Canvas 2D drawing commands to create generative art.

## Canvas Texture Dwitter Animation
ID: NAmDwgvKSA
Version: v4.1.0
Path: textures/canvas textures/dwitter
URL: https://phaser.io/examples/v4.1.0/textures/canvas textures/dwitter/view/test
Size: 960x540
Multi-file: no
Description: Demonstrates creating a dynamic Canvas Texture and updating it every frame by drawing directly to its native 2D context using mathematical functions.

## Copying Images to Dynamic Textures
ID: KzRjB6iQN3
Version: v4.1.0
Path: textures/dynamic textures
URL: https://phaser.io/examples/v4.1.0/textures/dynamic textures/view/copy-image
Size: 800x600
Multi-file: no
Description: Learn how to use the stamp method to draw an existing image onto a Dynamic Texture.

## Create Dynamic Texture
ID: QVr5NbvTdY
Version: v4.1.0
Path: textures/dynamic textures
URL: https://phaser.io/examples/v4.1.0/textures/dynamic textures/view/create-dynamic-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a new Dynamic Texture at runtime and compose it by stamping multiple frames from a texture atlas using custom scale, alpha, and blend modes.

## Dynamic Texture Camera Control
ID: w8MQEMrbek
Version: v4.1.0
Path: textures/dynamic textures
URL: https://phaser.io/examples/v4.1.0/textures/dynamic textures/view/dynamic-texture-camera-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the internal camera of a Dynamic Texture to offset and position content rendered within it.

## Dynamic Texture Stamping
ID: JTv1gKtWD4
Version: v4.1.0
Path: textures/dynamic textures
URL: https://phaser.io/examples/v4.1.0/textures/dynamic textures/view/nine-slice-dynamic-texture
Size: 800x600
Multi-file: no
Description: Create custom textures at runtime by compositing multiple frames from an atlas using the stamp method, featuring custom blend modes, alpha settings, and sprite-like origins.

## Get Pixel From Dynamic Texture
ID: DaSGSZ5Fi6
Version: v4.1.0
Path: textures/dynamic textures
URL: https://phaser.io/examples/v4.1.0/textures/dynamic textures/view/get-pixel-from-dynamic-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to retrieve color data from a specific coordinate within a Dynamic Texture using the snapshotPixel method.

## Masked Sprite to Dynamic Texture
ID: 9wT7eaJdQJ
Version: v4.1.0
Path: textures/dynamic textures
URL: https://phaser.io/examples/v4.1.0/textures/dynamic textures/view/masked-sprite-to-dynamic-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply an external mask to a sprite and draw the resulting masked image into a Dynamic Texture.

## Multiple Dynamic Textures
ID: Jv6V2CxY76
Version: v4.1.0
Path: textures/dynamic textures
URL: https://phaser.io/examples/v4.1.0/textures/dynamic textures/view/multiple-dynamic-textures
Size: 800x600
Multi-file: no
Description: Create and manage multiple unique textures at runtime by composing atlas frames. Demonstrates using the stamp method to draw, scale, and blend multiple assets onto new dynamic texture instances.

## Base Tile Size
ID: 5bNYfHFwjZ
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/base-tile-size
Size: 800x600
Multi-file: no
Description: Learn how to use a base grid size that differs from the tileset dimensions, allowing larger tiles to overlap vertically on a smaller map grid.

## Convert Tiles to Sprites
ID: i3hvwHF4q9
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/create-from-tiles
Size: 800x600
Multi-file: no
Description: Transform specific tile indices from a tilemap into dynamic Sprite objects using createFromTiles. This example demonstrates using a spritesheet to automatically set the correct texture frames for the converted sprites.

## Copy Tilemap Area
ID: dbzbcpct8A
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/copy-tiles
Size: 800x600
Multi-file: no
Description: Learn how to copy a rectangular region of tiles from one location to another within a tilemap layer.

## Create Sprites From Tilemap Objects
ID: Dh5XotNzs8
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/create-from-objects
Size: 800x600
Multi-file: no
Description: Demonstrates how to use createFromObjects to automatically convert Tiled map object data into Phaser Sprites, inheriting positions and custom properties.

## Create Tilemap from Array
ID: inoQcYuB2d
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/create-from-array
Size: 11x10
Multi-file: no
Description: This example demonstrates how to create a tilemap directly from a 2D JavaScript array of tile indices instead of loading an external data file.

## Creating Blank Layers
ID: 6nmzU22Syc
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/creating-blank-layers
Size: 800x600
Multi-file: no
Description: Generate an empty tilemap programmatically and populate it with new blank layers. This example demonstrates how to use the randomize method to fill layers with tiles and how to apply parallax effects using scale and scroll factors.

## CSV Tilemap
ID: vZnJJtDjRG
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/csv-map
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and display a tilemap from a CSV file, including the requirement to manually specify tile dimensions when creating the map.

## Dungeon Generator
ID: Bu8iHRexUZ
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/dungeon-generator
Size: 800x600
Multi-file: no
Description: Learn how to convert a procedurally generated dungeon layout into a dynamic Tilemap. This example demonstrates using weighted randomization for varied tile textures, tile-based collision, and a room discovery system that reveals areas as the player explores.

## Fill Tiles
ID: i8PRChbq4P
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/fill-tiles
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the fill method to replace a specific rectangular area of tiles with a new tile index based on the pointer position.

## Get Tiles Within Geometric Shapes
ID: xyjdG8LucV
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/get-tiles-in-shape
Size: 800x600
Multi-file: no
Description: Demonstrates how to use getTilesWithinShape to find tiles that intersect with a Rectangle, Circle, Line, or Triangle, with optional filtering for only colliding tiles.

## Grid Movement
ID: PekXyHsERF
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/grid-movement
Size: 800x600
Multi-file: no
Description: Implement grid-based movement and tile-based collision detection by checking tile indices at specific world coordinates before updating a sprite position.

## High Resolution Tilemap Support
ID: rBC1uZV3Dm
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/danger
Size: 800x600
Multi-file: no
Description: Shows how to load a 16x16 tileset into a map originally designed for 8x8 tiles by setting a custom base tile size.

## Infinite Scrolling Tilemap
ID: oXdKJnqNdr
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/endless-map
Size: 800x600
Multi-file: no
Description: Demonstrates how to create an endless scrolling effect by shifting tile indices across a map and procedurally generating new tile columns on the edge.

## Load Tiled JSON Map
ID: EZ4zYj2Rz9
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/tiled-json-map
Size: 800x600
Multi-file: no
Description: Demonstrates how to load a Tiled JSON map file, associate it with a tileset image, and render a scrollable layer using camera controls.

## Map vs. Layer with One Layer
ID: RKqArFbuej
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/map-vs-layer-with-one-layer
Size: 800x600
Multi-file: no
Description: Learn how tile manipulation methods like fill and randomize can be called on either the Tilemap or the TilemapLayer when working with a single-layer map.

## Mario Map Scroller
ID: HodD9BHAGp
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/mario-map-scroller
Size: 800x600
Multi-file: no
Description: Learn how to render multiple Tiled JSON maps in a single scene and use a FixedKeyControl to scroll the camera horizontally across them.

## Multi-Camera Tilemap View
ID: qApS8r9vc5
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/multi-camera-map
Size: 800x600
Multi-file: no
Description: Demonstrates rendering a single tilemap layer across multiple cameras simultaneously, with one camera featuring independent zoom, rotation, and smoothed keyboard controls.

## Multiple Tilesets
ID: N1u3HYbYCH
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/multiple-tilesets
Size: 800x600
Multi-file: no
Description: Demonstrates how to render a single tilemap layer using tiles from multiple different tileset images by passing an array of tilesets to createLayer.

## Paint Tiles
ID: htZJAQb9Ae
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/paint-tiles
Size: 800x600
Multi-file: no
Description: Interactively edit a tilemap by picking and placing tiles at runtime. Demonstrates coordinate conversion from screen to world/tile space and using putTileAt to modify a layer dynamically.

## Pixel Art Scaled Tilemap
ID: GyxdJeusqL
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/pixel-art-test
Size: 800x600
Multi-file: no
Description: Demonstrates scaling a tilemap layer and using a FixedKeyControl to navigate the camera across the map.

## Placing Tiles Dynamically
ID: KchnDZHkKB
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/put-tiles
Size: 800x600
Multi-file: no
Description: Learn how to use putTileAt and putTilesAt to manually place single tiles, rows of tiles, or 2D arrays of tiles onto a tilemap layer based on pointer coordinates.

## Randomize Tiles
ID: mgpvm9zp4Y
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/randomize-tiles
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Tilemap randomize method to fill a specific rectangular area with random tiles based on existing tile indexes or a specific list of tile IDs.

## Replace Tiles by Index
ID: SoyH7D8QYN
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/replace-tiles
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the replaceByIndex method to search for all instances of a specific tile index and swap them with a new tile across a map layer.

## Set Colliding Tiles
ID: irCzSvLiB9
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/set-colliding-tiles
Size: 800x600
Multi-file: no
Description: Demonstrates multiple ways to enable tilemap collisions using setCollision, setCollisionBetween, and arrays, while visualizing the results with debug rendering.

## Set Tilemap Collision by Property
ID: wjXuQJUQYh
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/set-colliding-by-property
Size: 800x600
Multi-file: no
Description: Enable collision for tiles based on custom data properties defined in Tiled, rather than using specific tile IDs or ranges.

## Set Tilemap Layer Width
ID: bFnCqdRqbB
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/set-map-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to programmatically adjust the width of a tilemap layer to clip its visible rendering area.

## Shuffle Tiles
ID: pxBX45JJ5P
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/shuffle-tiles
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the shuffle method to randomly rearrange a specific rectangular area of tiles within a tilemap layer.

## Swap Tile Indices
ID: 1dBxNQdrNA
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/swap-tiles
Size: 800x600
Multi-file: no
Description: Use swapByIndex to find all instances of a specific tile across the map and swap them with a different tile index.

## Switching Active Tilemap Layers
ID: Tz8ZVX5ADg
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/map-vs-layer-with-multiple-layers
Size: 800x600
Multi-file: no
Description: Demonstrates how to manage multiple tilemap layers and use map.setLayer to change which layer is targeted by map-level tile operations.

## Switching Tileset Textures
ID: zGJovKiZCC
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/switching-tilesets
Size: 800x600
Multi-file: no
Description: Demonstrates how to change the visual appearance of a tilemap at runtime by dynamically swapping the tileset's underlying texture using the setImage method.

## Tile Properties
ID: U8qRGwmEpa
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/tile-properties
Size: 800x600
Multi-file: no
Description: Demonstrates how to access and display custom properties defined for specific tiles within a Tiled JSON map.

## Tiled Multi Tileset
ID: DUZYBf9tpT
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/tiled-multi-tileset
Size: 800x600
Multi-file: no
Description: Demonstrates how to render a single tilemap layer that uses multiple different tileset source images by passing an array of tilesets to the layer creation method.

## Tilemap Chebyshev Distance
ID: dgdnttbJC2
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/get-chebyshev-distance
Size: 800x600
Multi-file: no
Description: Calculate the Chebyshev distance between the player's current tile and all other tiles in the map to create a dynamic visibility effect.

## Tilemap Collision Debugging
ID: dwRtotcHPX
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/debug-colliding-tiles
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the renderDebug method to visualize tilemap collision data, including highlighting specific colliding tiles and their active edges (faces).

## Tilemap Collision From Tiled Shapes
ID: ADn3n9tapT
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/set-colliding-by-collision-data
Size: 800x600
Multi-file: no
Description: Enable collisions on a Tilemap layer using the collision shapes defined in the Tiled editor via setCollisionFromCollisionGroup, with Matter.js physics integration.

## Tilemap Layer Collision
ID: E6HYeN25xz
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/tile-overlap
Size: 800x600
Multi-file: no
Description: Demonstrates how to enable collision between a physics-enabled sprite and specific tile indices within a Tilemap layer.

## Tilemap Layer Filter
ID: v5efzuvMxm
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/tilelayer-filter
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a custom shader filter to a specific Tilemap layer while performing tile-based collision detection.

## Tilemap Layer Size
ID: TyrGBMjeUs
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/layer-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually adjust the width of a tilemap layer to clip its rendering area and position multiple layers from different tilemaps within the same scene.

## Tilemap Layer Width and Camera Bounds
ID: db4dpz2Ui7
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/layer-transform
Size: 800x600
Multi-file: no
Description: Demonstrates how to modify the width of a Tilemap Layer and adjust camera bounds to match the new dimensions.

## Tilemap Lighting and Normal Maps
ID: 44zb9FzpgV
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/light-map
Size: 800x600
Multi-file: no
Description: Demonstrates applying Phaser's 2D lighting system to a tilemap layer, featuring normal maps for texture depth, ambient light settings, and dynamic point lights that follow the player.

## Tilemap Minimap Zoom
ID: YviHmhU2UH
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/zoom
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a secondary camera with a low zoom level to act as a scrolling minimap for a tilemap.

## Tilemap Mouse Wheel Zoom
ID: tVVPKqQqqH
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/mouse-wheel-zoom
Size: 800x600
Multi-file: no
Description: Demonstrates how to zoom a camera toward the mouse pointer using the wheel event and implement drag-to-pan functionality over a tilemap.

## Tilemap Render Order
ID: mFUCQ8YU6G
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/tile-draw-order
Size: 800x600
Multi-file: no
Description: Demonstrates how to change the rendering sequence of tiles within a layer using setRenderOrder to handle different tile overlap perspectives.

## Tilemap Snake Distance
ID: je6aJASu52
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/snake-distance
Size: 800x600
Multi-file: no
Description: Adjust tile transparency dynamically based on the Manhattan distance (Snake distance) between the player and each tile in the map.

## Tilemap Weighted Randomization
ID: udbEAQWoto
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/weighted-randomize
Size: 800x600
Multi-file: no
Description: Demonstrates using weightedRandomize to fill a specific area of a tilemap layer with tiles based on probability weights, useful for procedural floor patterns and item distribution.

## Tileset Collision Shapes
ID: ZuEyy2RXgL
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/tileset-collision-shapes
Size: 800x600
Multi-file: no
Description: Access and visualize collision shapes (rectangles, ellipses, and polygons) and custom properties defined within a Tiled tileset.

## Tileset with Margin and Spacing
ID: tdQBittgY9
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/tileset-with-spacing
Size: 800x600
Multi-file: no
Description: Demonstrates how to use tilesets that include margins and padding between tiles, covering both Tiled JSON maps and manual configuration via addTilesetImage.

## Tint Tilemap Layer
ID: qoAKD9dPiG
Version: v4.1.0
Path: tilemap
URL: https://phaser.io/examples/v4.1.0/tilemap/view/tint-tiles
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply color tints to specific rectangular regions of tiles within a Tilemap Layer.

## CSV Tilemap with Arcade Physics
ID: 7wKMWJf32q
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/csv-map-arcade-physics
Size: 800x600
Multi-file: no
Description: Load a tilemap from a CSV file, define colliding tile ranges, and enable Arcade Physics collisions between a player sprite and the map layer. Includes a debug view toggle to visualize collision bounds.

## Matter Destroy Tile Bodies
ID: PxhXmyYKVU
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/matter-destroy-tile-bodies
Size: 800x600
Multi-file: no
Description: Demonstrates how to dynamically remove tiles and destroy their associated Matter physics bodies when triggered by player contact. It uses custom Tiled properties to identify specific tiles and handles character movement with a compound Matter body and sensors.

## Matter Ghost Collisions
ID: BPzngpnSiJ
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/matter-ghost-collisions
Size: 800x600
Multi-file: no
Description: Demonstrates how to mitigate 'ghost collisions' at tile seams in Matter JS by comparing individual tile bodies with a single large convex body defined via Tiled object layers.

## Matter Physics Platformer with Wall Jumping
ID: ctUEg6seLm
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/matter-platformer-with-wall-jumping
Size: 800x600
Multi-file: no
Description: A comprehensive example of a Matter.js platformer featuring compound bodies and sensors for advanced collision detection. It demonstrates smoothed horizontal movement, wall jumping logic, and converting Tiled tilemaps into physical Matter bodies.

## Matter Physics Tilemap Collision
ID: GM5i2Hp4qe
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/matter
Size: 800x600
Multi-file: no
Description: Demonstrates how to convert a Tilemap layer into Matter.js physics bodies, supporting both default rectangular bounds and custom collision shapes defined in Tiled.

## Matter Platformer with Dynamic Tile Modification
ID: KneD5qRkYR
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/matter-platformer-modify-map
Size: 800x600
Multi-file: no
Description: Demonstrates how to modify a Matter-enabled Tilemap at runtime, including updating existing tile collision shapes and adding new physics-enabled tiles to build a bridge.

## Matter Tilemap Collision Detection
ID: TGK7ME7hdu
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/matter-detect-collision-with-tile
Size: 800x600
Multi-file: no
Description: Demonstrates how to convert a Tilemap layer into Matter.js physics bodies and detect collisions between sprites and specific tiles using body labels and custom Tiled properties.

## Multiple Tile Sizes and Collisions
ID: 9DbfALNRqP
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/multiple-tile-sizes
Size: 800x576
Multi-file: no
Description: Demonstrates how to handle physics collisions across multiple tilemap layers using different tile dimensions (32x32, 64x64, and 32x64) within a single map.

## Simple Tilemap Collision and Interaction
ID: moRnuVR2u5
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/simple-map
Size: 800x600
Multi-file: no
Description: Demonstrates how to set tile-based collisions, use Arcade Physics with a tilemap layer, and filter specific tiles to create interactive pickups that can be removed from the map.

## Tile Callbacks
ID: ZvLpBLUoeW
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/tile-callbacks
Size: 800x576
Multi-file: no
Description: Learn how to trigger custom functions when a sprite interacts with specific tiles using index-based and location-based callbacks. This example demonstrates collecting items and creating secret passages by modifying collision behavior.

## Tilemap Overlap Callbacks
ID: 8DjZRK27KE
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/custom-collide-call
Size: 800x600
Multi-file: no
Description: Demonstrates how to use overlapTiles to detect and handle custom interactions between a physics body and specific tile indices, such as collecting items.

## Tilemap Spotlight
ID: 3qmVKFeNuu
Version: v4.1.0
Path: tilemap/collision
URL: https://phaser.io/examples/v4.1.0/tilemap/collision/view/tilemap-spotlight
Size: 800x600
Multi-file: no
Description: Demonstrates a dynamic spotlight effect over a tilemap using a RenderTexture to mask the scene based on the player's position.

## Hexagonal Tilemap
ID: HEBNtsdgte
Version: v4.1.0
Path: tilemap/isometric
URL: https://phaser.io/examples/v4.1.0/tilemap/isometric/view/hexagonal-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to load and render a hexagonal tilemap exported from Tiled, including basic camera navigation using smoothed keyboard controls.

## Isometric Tilemap
ID: 8FHGzn82aA
Version: v4.1.0
Path: tilemap/isometric
URL: https://phaser.io/examples/v4.1.0/tilemap/isometric/view/isometric-test
Size: 800x600
Multi-file: no
Description: Demonstrates loading and rendering a multi-layered isometric tilemap created with Tiled, including smoothed camera controls.

## Manually Create Isometric Tilemap
ID: LQ8JWZxqq7
Version: v4.1.0
Path: tilemap/isometric
URL: https://phaser.io/examples/v4.1.0/tilemap/isometric/view/create-isometric-manually
Size: 800x600
Multi-file: no
Description: Demonstrates how to build an isometric tilemap programmatically by creating MapData, initializing a blank layer, and populating it with tiles from a 2D array.

## Tilemap Collision Face Debugging
ID: LKKQbVSkE6
Version: v4.1.0
Path: tilemap/tests
URL: https://phaser.io/examples/v4.1.0/tilemap/tests/view/visual-face-test
Size: 800x600
Multi-file: no
Description: Demonstrates how modifying tilemaps via methods like putTileAt, removeTileAt, copy, and fill affects collision face calculation, visualized using debug rendering.

## Tilemap Culling Tests
ID: MuEbFC28xd
Version: v4.1.0
Path: tilemap/tests
URL: https://phaser.io/examples/v4.1.0/tilemap/tests/view/visual-culling-check
Size: 1024x768
Multi-file: no
Description: A visual test to verify tilemap culling works correctly across layers with different offsets, scroll factors, non-uniform scaling, and multiple tileset sizes.

## Tilemap Tile Flipping Reference
ID: wQpzyRHJcB
Version: v4.1.0
Path: tilemap/tests
URL: https://phaser.io/examples/v4.1.0/tilemap/tests/view/visual-flipping-test
Size: 800x600
Multi-file: no
Description: A visual comparison demonstrating that tiles flipped or rotated in Tiled render correctly in Phaser by matching them against a reference screenshot.

## Tilemap World Coordinates and Layer Scaling
ID: 21vBm7tQGs
Version: v4.1.0
Path: tilemap/tests
URL: https://phaser.io/examples/v4.1.0/tilemap/tests/view/visual-tile-coords-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to accurately retrieve tile information, including bounds and center points, from world coordinates across layers with varying offsets and scales.

## Tilemap World to Tile Coordinates
ID: h2CbU8SpDB
Version: v4.1.0
Path: tilemap/tests
URL: https://phaser.io/examples/v4.1.0/tilemap/tests/view/visual-worldxy-test
Size: 800x600
Multi-file: no
Description: Demonstrates how to convert pointer coordinates to tile positions across multiple layers, handling layer switching and tilesets of different sizes.

## Visual Tile Bleed Test
ID: 5rEQ5mrcd4
Version: v4.1.0
Path: tilemap/tests
URL: https://phaser.io/examples/v4.1.0/tilemap/tests/view/visual-tile-bleed-test
Size: 800x600
Multi-file: no
Description: Tests for tilemap rendering artifacts and 'bleeding' between tiles while the camera is scrolling with pixel art settings enabled.

## Animated Tiles
ID: BTCgcjnTsx
Version: v4.1.0
Path: tilemaps
URL: https://phaser.io/examples/v4.1.0/tilemaps/view/animated-tiles
Size: 800x600
Multi-file: no
Description: Demonstrates how to display and render animated tiles defined in a Tiled JSON map across multiple layers.

## Animated GPU Tiles
ID: h4nxzstqcg
Version: v4.1.0
Path: tilemaps/tilemap gpu layer
URL: https://phaser.io/examples/v4.1.0/tilemaps/tilemap gpu layer/view/animated-gpu-tiles
Size: 800x600
Multi-file: no
Description: Demonstrates creating tilemap layers that utilize GPU-accelerated rendering to handle tile animations defined in the Tiled editor JSON data.

## Copy Tilemap GPU Layer Tiles
ID: qC4Y3mHK1R
Version: v4.1.0
Path: tilemaps/tilemap gpu layer
URL: https://phaser.io/examples/v4.1.0/tilemaps/tilemap gpu layer/view/copy-gpu-tiles
Size: 800x600
Multi-file: no
Description: Demonstrates how to copy a rectangular area of tiles within a GPU-accelerated Tilemap Layer and manually refresh the layer's data texture to update the rendering.

## CPU vs GPU Tilemap Rendering
ID: 1PXpj8uVjx
Version: v4.1.0
Path: tilemaps/tilemap gpu layer
URL: https://phaser.io/examples/v4.1.0/tilemaps/tilemap gpu layer/view/cpu-versus-gpu
Size: 800x600
Multi-file: no
Description: Demonstrates how to toggle between standard CPU tilemap rendering and GPU-accelerated tilemap layers.

## Draw Clocks
ID: Xt6VYWLbDq
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/draw-clocks
Size: 800x600
Multi-file: no
Description: Learn how to use the progress value of multiple Timer Events to drive custom visual animations using Graphics objects.

## Looped Event
ID: LaNE7658uB
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/looped-event
Size: 800x600
Multi-file: no
Description: Use the Time Manager to create a repeating timer event that triggers a callback function at a fixed interval indefinitely.

## Multiple Timers
ID: 8RF8cNWFdQ
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/multiple-timers
Size: 800x600
Multi-file: no
Description: Learn how to manage multiple simultaneous timer events. This example demonstrates how to create several looped timers with varying delays and visualize their individual progress using text and graphics.

## Pause and Resume Timer Events
ID: cX8sSDaGxy
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/pause-and-resume
Size: 800x600
Multi-file: no
Description: Demonstrates how to toggle the paused state of a Timer Event. This example uses a pointer click to stop and start a repeating timer that modifies an image's scale and rotation.

## Remove Timer Event
ID: V89qJzHdKf
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/remove-timer-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to stop and remove a looping timer event programmatically once a specific condition has been met.

## Repeat Count
ID: bYxdFCB78E
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/repeat-count
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the repeat property in a Timed Event to execute a callback multiple times and monitor the remaining repeat count and event progress.

## Reuse a Timer Event
ID: jFHXinNyV2
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/reuse-a-timer-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually create a Timer Event instance and restart it by re-adding it to the Scene's Clock.

## Timer Event
ID: a8XeJST87t
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/timer-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a single-use timer event using delayedCall and monitor its completion progress in the update loop.

## Timer Event Start At
ID: ER1tyu4tXD
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/start-at
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the 'startAt' property to offset the initial start time of a repeating timer event, effectively starting the first iteration partway through the delay.

## Timer Event Time Scale
ID: 3nRzFtDHk8
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/time-scale
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the timeScale property to speed up or slow down individual Timer Events relative to the scene clock.

## Visualizing Timer Progress
ID: i8imWz3me5
Version: v4.1.0
Path: time
URL: https://phaser.io/examples/v4.1.0/time/view/clock
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a Timer Event's getProgress and getOverallProgress methods to visually represent current iteration time and total sequence progress.

## Add Event Relative to Current Time
ID: PBrrSm9mNM
Version: v4.1.0
Path: time/timeline
URL: https://phaser.io/examples/v4.1.0/time/timeline/view/add-event-in
Size: 800x600
Multi-file: no
Description: Demonstrates how to add new events to a running timeline using a relative delay, causing the event to trigger a specific amount of time after it is added.

## Basic Timeline Creation
ID: qcPyGdUKJR
Version: v4.1.0
Path: time/timeline
URL: https://phaser.io/examples/v4.1.0/time/timeline/view/create-timeline
Size: 800x600
Multi-file: no
Description: Learn how to create and play a sequence of scheduled events, including tweens and function calls, using the Timeline class.

## Play Timeline On Click
ID: p6XXbpy7HK
Version: v4.1.0
Path: time/timeline
URL: https://phaser.io/examples/v4.1.0/time/timeline/view/play-timeline-on-click
Size: 800x600
Multi-file: no
Description: Trigger a sequence of animations, tweens, and particle effects using a Timeline initiated by a pointer event.

## Repeat Timeline
ID: AfHqMEV4Wq
Version: v4.1.0
Path: time/timeline
URL: https://phaser.io/examples/v4.1.0/time/timeline/view/repeat-timeline
Size: 800x600
Multi-file: no
Description: Learn how to use the Timeline repeat method to loop a complex sequence of events, including tweens, particle effects, and filter properties.

## Timeline Events
ID: eScGsPhe2b
Version: v4.1.0
Path: time/timeline
URL: https://phaser.io/examples/v4.1.0/time/timeline/view/timeline-event
Size: 800x600
Multi-file: no
Description: Demonstrates how to trigger and listen for custom events at specific timestamps using a Timeline to sequence game logic.

## Timeline Relative Timing
ID: fEJuyPU25M
Version: v4.1.0
Path: time/timeline
URL: https://phaser.io/examples/v4.1.0/time/timeline/view/from-times
Size: 800x600
Multi-file: no
Description: Demonstrates how to sequence events in a Timeline using relative offsets with the 'from' property, allowing events to trigger based on the timing of the previous event.

## Timeline Run Events
ID: aa6RN6NedJ
Version: v4.1.0
Path: time/timeline
URL: https://phaser.io/examples/v4.1.0/time/timeline/view/run-timed-events
Size: 800x600
Multi-file: no
Description: Schedule and execute functions at specific timestamps using the Timeline class.

## Timeline Set Action
ID: eWWXmu7XDr
Version: v4.1.0
Path: time/timeline
URL: https://phaser.io/examples/v4.1.0/time/timeline/view/set-action
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the 'set' action within a Timeline to instantly update target properties at specific timestamps.

## Timeline Sound Actions
ID: 81YjiGRs9u
Version: v4.1.0
Path: time/timeline
URL: https://phaser.io/examples/v4.1.0/time/timeline/view/sound-action
Size: 800x600
Multi-file: no
Description: Trigger audio playback at specific timestamps in a sequence using the Timeline's sound action property.

## Timeline Tween Actions
ID: QM4JoRovNN
Version: v4.1.0
Path: time/timeline
URL: https://phaser.io/examples/v4.1.0/time/timeline/view/tween-action
Size: 800x600
Multi-file: no
Description: Learn how to schedule and trigger multiple Tweens at specific timestamps using a Phaser Timeline.

## Delta History
ID: 84oS6N9ghg
Version: v4.1.0
Path: time/timestep
URL: https://phaser.io/examples/v4.1.0/time/timestep/view/delta-history
Size: 800x600
Multi-file: no
Description: Displays the history of delta time values from the game loop and demonstrates how to use delta time for smooth, frame-independent movement.

## Frame Independent Movement
ID: g64KvVDREp
Version: v4.1.0
Path: time/timestep
URL: https://phaser.io/examples/v4.1.0/time/timestep/view/variable-smooth-step
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the delta time value in the update loop along with Phaser.Math.GetSpeed to ensure game objects move at a consistent speed regardless of the frame rate.

## Split Timestep
ID: hEXwwzifJm
Version: v4.1.0
Path: time/timestep
URL: https://phaser.io/examples/v4.1.0/time/timestep/view/split-timestep
Size: 800x600
Multi-file: no
Description: Demonstrates how to run a secondary, fixed-rate TimeStep loop alongside the main game loop to compare movement at different update frequencies.

## Ticker Loop
ID: oFViXeTQha
Version: v4.1.0
Path: time/timestep
URL: https://phaser.io/examples/v4.1.0/time/timestep/view/ticker-loop
Size: 800x600
Multi-file: no
Description: Demonstrates how to access delta time and total elapsed time from the game loop to achieve frame-independent movement.

## World Time and Delta
ID: CbugEUus3S
Version: v4.1.0
Path: time/timestep
URL: https://phaser.io/examples/v4.1.0/time/timestep/view/world-time
Size: 800x600
Multi-file: no
Description: Displays the accumulated game time and the time elapsed since the last frame (delta) using the parameters provided to the Scene update method.

## Display Size
ID: zajyxbYfLN
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/display-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the setDisplaySize method to scale an image to specific pixel dimensions.

## Flip X
ID: siXHoFeXbB
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/flip-x
Size: 1024x768
Multi-file: no
Description: Demonstrates three ways to horizontally flip a Game Object: using the setFlipX method, the flipX property, or the toggleFlipX function.

## Flip Y
ID: Rg4K6p3GpT
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/flip-y
Size: 1024x768
Multi-file: no
Description: Demonstrates how to vertically flip an image using the setFlipY method, the flipY property, and the toggleFlipY function.

## Horizontal Origin Alignment
ID: zPfCHDiHmF
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/originx
Size: 800x600
Multi-file: no
Description: Demonstrates how changing the horizontal origin (originX) affects how a Game Object is positioned relative to its x-coordinate, showing left, center, and right alignment.

## Image Angle
ID: PGwbxDQBtw
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/angle
Size: 800x600
Multi-file: no
Description: Demonstrates how to set the rotation of an image in degrees using the angle property and setAngle method.

## Rotation
ID: JBDRXnZZA6
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/rotation
Size: 1024x768
Multi-file: no
Description: Demonstrates how to rotate game objects over time by updating the rotation property for both individual images and texture atlas frames.

## Rotation and Origin
ID: FsFejs3yFP
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/rotation-and-origin
Size: 1024x768
Multi-file: no
Description: Demonstrates how changing the origin of a Game Object affects its pivot point when rotating.

## Scale X
ID: zrvihXjm79
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/scalex
Size: 800x600
Multi-file: no
Description: Demonstrates how to adjust the horizontal scale of a Game Object using the setScale method and the scaleX property.

## Scale XY
ID: hJqCesadyS
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/scalexy
Size: 1024x600
Multi-file: no
Description: Demonstrates how to set the scale of a Game Object using the setScale method for uniform or independent scaling, and by directly modifying the scaleX and scaleY properties.

## Scale Y
ID: 9ydsaDQJoH
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/scaley
Size: 1024x600
Multi-file: no
Description: Demonstrates how to adjust the vertical scale of an image using the setScale method and the scaleY property.

## Sprite Origin X and Y
ID: dcwxaUySdv
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/originxy
Size: 800x600
Multi-file: no
Description: Demonstrates how setting the origin (or anchor point) of an image affects its positioning relative to its coordinates.

## Sprite Positioning
ID: NmEjvKzNMY
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/position
Size: 1024x768
Multi-file: no
Description: Demonstrates different ways to position Game Objects, including using constructor arguments, direct property assignment, and the setPosition method.

## Vertical Origin Alignment
ID: z9GDGA17Z3
Version: v4.1.0
Path: transform
URL: https://phaser.io/examples/v4.1.0/transform/view/originy
Size: 800x600
Multi-file: no
Description: Demonstrates how to adjust the vertical origin of images and atlas frames to align them by their top, center, or bottom edge.

## Card Flip Texture Swap
ID: E2ZTszigMc
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/change-texture-after-scale
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a card flipping effect by synchronizing a texture change with a scale tween.

## Change Texture Frame
ID: QLDtBG7cRi
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/change-texture-frame
Size: 800x600
Multi-file: no
Description: Demonstrates how to change a Game Object's texture frame as part of a tween, combined with other property changes like position and scale.

## Checkerboard Grid Animation
ID: xpfLYqKJij
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/checkerboard-1
Size: 800x600
Multi-file: no
Description: Aligns a group of sprites into a grid and applies staggered scaling tweens to create a row-based wave animation effect.

## Checkerboard Grid Rotation
ID: 8hL1cPs3zd
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/checkerboard-rotate
Size: 800x600
Multi-file: no
Description: Demonstrates rotating a grid of sprites using tweens with random delays and dynamic rotation values calculated via getEnd and getStart callbacks.

## Counter Tween
ID: R9A9pcpWfF
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/counter-tween
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a counter tween to interpolate between two numeric values and update a text display, including how to dynamically update the tween target value while it is still playing.

## Custom Ease Function
ID: MyAFcQjkqG
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/custom-ease
Size: 800x600
Multi-file: no
Description: Demonstrates how to provide a custom function to a tween's ease property to create unique motion curves.

## Double Tween Comparison
ID: i2E2YZfqLn
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/double-tween
Size: 800x600
Multi-file: no
Description: A side-by-side comparison of Phaser's built-in Tween Manager and the GSAP library, demonstrating identical movement using different animation engines.

## Dynamic End Property
ID: gPYc3DXA9j
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/dynamic-end-property
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use functions to define tween target values, allowing the destination of a tween to update dynamically based on the current position of another object.

## Dynamic Tween Properties
ID: 9etdwGxGCx
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/dynamic-properties
Size: 800x600
Multi-file: no
Description: Demonstrates how to use getter functions to dynamically calculate the start and end values of a tween property during execution.

## Elasticity
ID: TRJjXPx9wY
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/elasticity
Size: 800x600
Multi-file: no
Description: Demonstrates the use of elastic easing in a tween, including how to pass custom amplitude and period parameters to fine-tune the movement.

## Global Tween Time Scale
ID: qfWL1oAzyr
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/global-time-scale
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Tween Manager's global timeScale property to control the playback speed of all active tweens simultaneously.

## Grid Tween with Staggered Column Delays
ID: Fy7bSmMHfm
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/checkerboard-4
Size: 800x600
Multi-file: no
Description: Aligns a group of blocks into a grid and applies complex tweens with delays that reset at the end of every row, creating a synchronized column animation.

## Grid Tween with Staggered Column Delays
ID: 26tCSxShdZ
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/checkerboard-2
Size: 800x600
Multi-file: no
Description: Arrange a group of sprites into a grid and apply scale tweens with staggered delays based on their column index to create a wave effect.

## Interpolation Methods for Array Values
ID: mLMNHMNZNr
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/interpolation-value
Size: 800x600
Multi-file: no
Description: Demonstrates how to use an array of values for a tween property and apply different interpolation algorithms like Bezier and Catmull-Rom.

## Linear and Bounce Tween
ID: cwvg7NyDnp
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/linear-bounce
Size: 800x600
Multi-file: no
Description: Demonstrates applying different easing functions, durations, and yoyo behaviors to the X and Y properties of a single sprite within one tween.

## Loop Delay
ID: jHzmUKfKyC
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/loop-delay
Size: 800x600
Multi-file: no
Description: Demonstrates how to add a delay between each iteration of a looping tween.

## Multiple Delayed Properties
ID: AEQkfjWCxu
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/multiple-delayed-properties
Size: 800x600
Multi-file: no
Description: Apply different durations, easing functions, and delays to multiple properties within a single tween, including the use of functional delays.

## Multiple Dynamic Tween Properties
ID: 1aBg9yiMTd
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/dynamic-properties-multiple
Size: 800x600
Multi-file: no
Description: Demonstrates using dynamic functions for property values within a single tween to calculate start and end positions at runtime.

## Multiple Properties
ID: 3rcNRVs4Q8
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/multiple-properties
Size: 800x600
Multi-file: no
Description: This example demonstrates how to tween multiple properties of a single target simultaneously, with independent durations and easing functions for each property.

## Multiple Properties Loop
ID: 18enKWcqww
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/multiple-properties-loop
Size: 800x600
Multi-file: no
Description: Demonstrates how to animate multiple properties of a target simultaneously using different durations and easing functions, while looping the entire animation.

## Multiple Properties with Individual Yoyo
ID: 2fb8csuUZq
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/multiple-properties-yoyo
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply independent durations, easing functions, and yoyo effects to multiple properties within a single tween.

## Multiple Targets
ID: TTJFTRC7nU
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/multiple-targets
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply a single tween to an array of multiple game objects simultaneously.

## Multiple Targets and Multiple Properties
ID: oTcX3NTrGY
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/multiple-targets-multiple-properties
Size: 800x600
Multi-file: no
Description: This example shows how to tween multiple Game Objects simultaneously, with separate durations and easing functions for different properties like x and y.

## Number Counter Tween
ID: vdLrSRbMJ6
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/number-tween
Size: 800x600
Multi-file: no
Description: Demonstrates how to use addCounter to interpolate between two numeric values. This type of tween doesn't require a target object property and allows you to retrieve the current value, progress, and elapsed time manually.

## Number Counter Tween with Yoyo
ID: 5VnetCzzuj
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/number-tween-with-yoyo
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a counter tween to interpolate between two numeric values with a yoyo effect, accessing the current value and progress manually.

## On Complete Callback
ID: nJZ7Jzd1cW
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/on-complete-callback
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the onComplete callback and onCompleteParams to execute a function and pass custom data once a tween has finished.

## Pause and Resume a Tween
ID: DX64FVR6ZH
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/pause-and-resume
Size: 800x600
Multi-file: no
Description: Demonstrates how to toggle a tween's playback state between paused and playing using pointer input.

## Pause and Resume All Tweens
ID: HfzwekbfWm
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/pause-and-resume-all
Size: 800x600
Multi-file: no
Description: Demonstrates how to pause and resume every active tween in a scene simultaneously using the Tween Manager's global control methods.

## Paused Tween
ID: GPh9xo2tuR
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/paused-tween
Size: 800x600
Multi-file: no
Description: Demonstrates how to create a tween in a paused state and trigger its playback later using the play method.

## Relative Value Tween with Repeating
ID: ndQXjytoVP
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/relative-value-repeating
Size: 800x600
Multi-file: no
Description: Demonstrates how to use relative string values like '-=64' to animate a property based on its current position, combined with yoyo and repeat settings.

## Relative Value Tweens
ID: WLqWk1jzH8
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/relative-value
Size: 800x600
Multi-file: no
Description: Demonstrates how to use string operators like += and -= to create tweens relative to an object's current property values.

## Remove Tween
ID: n89Rj3ozRR
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/remove-tween
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually stop and remove an active tween from the Tween Manager using the tween's remove method.

## Seek To Point In Tween
ID: nwN4mY9Bwq
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/seek-to-point-in-tween
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use the seek method to jump to a specific millisecond position within a running tween.

## Stagger Delay
ID: 3QmzkGKUF5
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/stagger-delay
Size: 800x600
Multi-file: no
Description: Apply a staggered delay to a group of targets in a single tween, causing them to start their animation sequence at different intervals.

## Staggered Column Tweens
ID: XFi4qyx1zg
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/checkerboard-3
Size: 800x600
Multi-file: no
Description: Demonstrates applying staggered scale and rotation animations to a grid of sprites using column-based delay calculations.

## Stop a Tween
ID: c3LFMj8eLR
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/stop-a-tween
Size: 800x600
Multi-file: no
Description: Demonstrates how to manually stop a running tween using the stop method, triggered by a pointer event.

## Tween Behavior with CPU Lag
ID: pzmdCsk32b
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/lag-smooth-3
Size: 800x600
Multi-file: no
Description: Demonstrates how the tween system handles a significant main-thread block (CPU lag) while managing thousands of concurrent sprite tweens.

## Tween Callbacks
ID: 5TcqM7ATXG
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/callbacks
Size: 800x600
Multi-file: no
Description: Demonstrates how to use lifecycle event callbacks in a tween, including onStart, onComplete, onYoyo, onRepeat, onPause, and onResume.

## Tween Circle Radius
ID: 4eEQmxK2RQ
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/ball-circle
Size: 800x600
Multi-file: no
Description: Animates a group of sprites by tweening the radius of a geometric circle and updating their positions using the onUpdate callback.

## Tween Complete Delay
ID: sgkpWVGwnU
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/complete-delay
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use the completeDelay property to pause for a set duration after a tween finishes its movement before triggering the completion event.

## Tween Delay
ID: yTjHEVXPGq
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/delay
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the delay property to postpone the start of a tween for a specific duration.

## Tween Delay Function
ID: BbVeMcGYip
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/delay-function
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a callback function to dynamically calculate the delay of a tween, allowing for randomized or logic-based start times.

## Tween Flip X
ID: Ua7KP9DUSh
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/flip-x
Size: 800x600
Multi-file: no
Description: Use the flipX property in a tween to automatically flip an image horizontally when it yoyos or repeats.

## Tween Flip Y
ID: 5vmxNXSBJ8
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/flip-y
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the flipY property in a tween to automatically flip an image vertically when it yoyos or repeats.

## Tween From and To Values
ID: SyWUGAWmes
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/from-and-to
Size: 800x600
Multi-file: no
Description: This example shows how to explicitly define the starting and ending values of a property within a tween configuration.

## Tween Gauge Animation
ID: mehSGLRgMw
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/tween-gauge
Size: 800x600
Multi-file: no
Description: Simulate a dial or gauge by tweening the rotation of a needle sprite using relative values, yoyo effects, and custom origins.

## Tween Lag Recovery
ID: qJpUVbTUfh
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/lag-smooth-1
Size: 800x600
Multi-file: no
Description: Demonstrates how the Phaser Tween Manager handles a sudden CPU block or lag spike during an active animation, showing how the tween positions synchronize once the thread is released.

## Tween Lag Smoothing
ID: jCX8hXWyL4
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/lag-smooth-2
Size: 800x600
Multi-file: no
Description: Demonstrates how the tween system handles and recovers from significant CPU lag by simulating a long blocking process during tween playback.

## Tween Loop
ID: eDND6pLJAb
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/loop
Size: 800x600
Multi-file: no
Description: Demonstrates how to repeat a tween multiple times using the loop property and how to use the onLoop callback to track the current loop count.

## Tween Manager Garbage Collection Performance
ID: g8NkFW9xEF
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/performance-test-2
Size: 800x600
Multi-file: no
Description: A stress test creating thousands of single-use tweens to demonstrate how the Tween Manager efficiently handles high volume and internal garbage collection.

## Tween On Start Callback
ID: irwKKjxMLB
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/on-start-callback
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the onStart event and onStartParams to execute a function and pass custom data when a tween begins playing.

## Tween On Yoyo Callback
ID: 4P5Tbym667
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/on-yoyo-callback
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the onYoyo callback to trigger logic specifically when a tween finishes its forward motion and begins to reverse direction.

## Tween Performance Stress Test
ID: GxQLcF82Ye
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/performance-test-1
Size: 800x600
Multi-file: no
Description: A performance test demonstrating the engine handling thousands of tweening Blitter objects simultaneously, adding 256 new items per frame while the pointer is held down.

## Tween Sprite Angle
ID: WVH7146yaF
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/tween-sprite-angle
Size: 800x600
Multi-file: no
Description: Demonstrates how to rotate a sprite indefinitely by tweening its angle property with a relative value.

## Tween Sprite Angle
ID: o34dGMYnih
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/sprite-angle-between
Size: 800x600
Multi-file: no
Description: Animate the rotation of a sprite between two specific angles using a repeating yoyo tween.

## Tween Stagger Showcase
ID: Bmqomyr9m8
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/stagger-showcase
Size: 800x600
Multi-file: no
Description: A demonstration of the different configurations available for stagger tweens, showcasing how to apply delays across a grid using various start points, ranges, and easing functions.

## Tween Text Size and Color
ID: 7EGNZM4G52
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/tween-text-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to use a Tween Counter to animate the font size and color of a Text object via the onUpdate callback.

## Tween Texture Change
ID: gUsacikNcz
Version: v4.1.0
Path: tweens
URL: https://phaser.io/examples/v4.1.0/tweens/view/change-texture
Size: 800x600
Multi-file: no
Description: Demonstrates how to swap the texture of an image using a repeating tween and trigger particle effects during the swap using the onRepeat callback.

## Basic Tween Chain
ID: PCwgK88zsX
Version: v4.1.0
Path: tweens/chains
URL: https://phaser.io/examples/v4.1.0/tweens/chains/view/basic-tween-chain
Size: 800x600
Multi-file: no
Description: Learn how to sequence multiple animations on a single target by creating a Tween Chain that executes tweens in order.

## Bat Tween Chain
ID: Q26Azw2246
Version: v4.1.0
Path: tweens/chains
URL: https://phaser.io/examples/v4.1.0/tweens/chains/view/bat-tween
Size: 800x600
Multi-file: no
Description: Demonstrates using tween chains to sequence multiple animations on a Container, including managing independent wing flaps and a multi-stage death animation triggered by interaction.

## Debug Chained Tweens
ID: LqezLCTyBU
Version: v4.1.0
Path: tweens/chains
URL: https://phaser.io/examples/v4.1.0/tweens/chains/view/debug-chained-tweens-1
Size: 800x600
Multi-file: no
Description: Learn how to access and display real-time properties of a chained tween, including progress, duration, and the current active tween state.

## Multi Target Chain
ID: FG7VQmmawh
Version: v4.1.0
Path: tweens/chains
URL: https://phaser.io/examples/v4.1.0/tweens/chains/view/multi-target-chain
Size: 800x600
Multi-file: no
Description: Demonstrates how to sequence multiple tweens together in a chain where each individual tween targets a different Game Object.

## Tween Chain Sequence
ID: Y6zmxbFVkw
Version: v4.1.0
Path: tweens/chains
URL: https://phaser.io/examples/v4.1.0/tweens/chains/view/chest-sequence
Size: 800x600
Multi-file: no
Description: Demonstrates creating complex animation sequences using tween chains, including looping, gracefully ending a loop with completeAfterLoop, and updating textures mid-sequence.

## Back Ease Graph
ID: togWck9cr6
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/back-graph
Size: 800x600
Multi-file: no
Description: Visualizes the curves of Back easing functions (In, Out, and InOut) by plotting a tweened object's path onto a graph.

## Back Easing Functions
ID: LGhVkxtyZK
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/back
Size: 800x600
Multi-file: no
Description: This example demonstrates the 'Back' easing functions (In, Out, and InOut), showing how tweens can overshoot their start or end positions for an elastic movement effect.

## Bounce Ease
ID: cxkBB2ibZe
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/bounce
Size: 800x600
Multi-file: no
Description: A comparison of the bounce easing functions (bounce.in, bounce.out, and bounce.inout) showing how they apply a bouncing motion at the start, end, or both ends of a tween.

## Bounce Ease Variations
ID: c4Lyzj6iKS
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/bounce-graph
Size: 800x600
Multi-file: no
Description: Visualize the motion curves of different Bounce ease types (In, Out, and InOut) as they are graphed in real-time.

## Circular Easing
ID: VcxKv3VbsQ
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/circular
Size: 800x600
Multi-file: no
Description: A demonstration of the Circular easing functions (Circ.in, Circ.out, and Circ.inOut) applied to multiple tweened objects.

## Circular Easing Graph
ID: VhX9CD4L8J
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/circular-graph
Size: 800x600
Multi-file: no
Description: Visualize the curves of different Circular easing functions (circ.in, circ.out, and circ.inout) using a moving target and a Graphics path.

## Cubic Easing Graph
ID: KqXMyFH3US
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/cubic-graph
Size: 800x600
Multi-file: no
Description: Visualize the trajectory of Cubic ease functions (In, Out, and InOut) by plotting their movement over time using a Graphics object and a RenderTexture.

## Cubic Easing Variations
ID: PDLJtT6pQY
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/cubic
Size: 800x600
Multi-file: no
Description: This example demonstrates the differences between Cubic In, Cubic Out, and Cubic InOut easing functions within Phaser tweens.

## Ease Equations
ID: 8gvAja1ViN
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/ease-equations
Size: 800x600
Multi-file: no
Description: A visual comparison of all built-in easing functions in Phaser, demonstrating how different equations affect the speed and motion of tweens.

## Ease Mixer
ID: 3fPCsVRCUH
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/ease-mixer
Size: 800x600
Multi-file: no
Description: Demonstrates how to apply different easing functions to individual properties within a single tween to create complex motion paths by mixing ease types for the X and Y axes.

## Ease Parameters
ID: i1abLm8fCs
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/ease-params
Size: 800x600
Multi-file: no
Description: Demonstrates how to pass custom arguments to easing functions using the easeParams property, such as adjusting the overshoot amount for the Back ease.

## Exponential Ease Visualizer
ID: EYt1NQMdMQ
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/exponential-graph
Size: 800x600
Multi-file: no
Description: Visualizes exponential easing functions (In, Out, and InOut) by plotting their movement curves in real-time using a tween and Graphics object.

## Exponential Easing
ID: ZeYA9Ua2ns
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/exponential
Size: 800x600
Multi-file: no
Description: Demonstrates the behavior of Exponential In, Out, and InOut easing functions applied to tween animations.

## Linear Ease
ID: uxF2Fza8oi
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/linear
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use the linear easing function to move an object at a constant speed throughout a tween.

## Quad Ease Functions
ID: NdvCjouVfF
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/quad
Size: 800x600
Multi-file: no
Description: A comparison of the visual differences between Quadratic (Quad) easing types: In, Out, and InOut.

## Quadratic Easing Visualization
ID: 77db5zFvJj
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/quad-graph
Size: 800x600
Multi-file: no
Description: Visualizes the curves of Quadratic In, Out, and InOut easing functions by plotting their movement across the screen using a tween and Graphics object.

## Quartic Ease
ID: qB2FYfoF5T
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/quartic
Size: 800x600
Multi-file: no
Description: Compare the differences between Quartic In, Quartic Out, and Quartic InOut easing functions applied to sprite movement.

## Quartic Ease Graph
ID: maeNaRSxwd
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/quartic-graph
Size: 800x600
Multi-file: no
Description: Visualizes the Quartic easing functions (In, Out, and InOut) by drawing their curves in real-time using a tweened object and Graphics.

## Quintic Ease
ID: 5dqnfhHYz6
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/quintic
Size: 800x600
Multi-file: no
Description: Demonstrates the Quintic easing functions (Quint.in, Quint.out, and Quint.inout) to create smooth animations with dramatic acceleration and deceleration.

## Quintic Easing Graph
ID: ANJ7KysSYo
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/quintic-graph
Size: 800x600
Multi-file: no
Description: Visualize the curve of Quintic easing functions (In, Out, and InOut) by plotting a movement path using a tween and RenderTexture.

## Sine Ease Graph
ID: PtHb3dgGZR
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/sine-graph
Size: 800x600
Multi-file: no
Description: Visualize and compare Sine.in, Sine.out, and Sine.inout ease functions by plotting a tween's path onto a RenderTexture.

## Sine Easing Functions
ID: KXeggezEVa
Version: v4.1.0
Path: tweens/eases
URL: https://phaser.io/examples/v4.1.0/tweens/eases/view/sine
Size: 800x600
Multi-file: no
Description: A demonstration comparing the movement characteristics of Sine.in, Sine.out, and Sine.inOut easing functions.

## Array Range Utility
ID: B2TSNzrgbc
Version: v4.1.0
Path: utils/array
URL: https://phaser.io/examples/v4.1.0/utils/array/view/range
Size: 1024x768
Multi-file: no
Description: Demonstrates creating a patterned array from two input arrays using the Range utility with options for repeating, yoyo effects, and randomization.

## Bring to Top
ID: DMjCsvyVmg
Version: v4.1.0
Path: utils/array
URL: https://phaser.io/examples/v4.1.0/utils/array/view/bring-to-top
Size: 1024x768
Multi-file: no
Description: Demonstrates how to move a specific item to the end of an array using the BringToTop utility function.

## Reverse Matrix Columns
ID: 83iwFC1jtX
Version: v4.1.0
Path: utils/array
URL: https://phaser.io/examples/v4.1.0/utils/array/view/reverse-matrix-columns
Size: 1024x768
Multi-file: no
Description: Demonstrates how to flip a 2D array horizontally using the Matrix Reverse Columns utility.

## Reverse Matrix Rows
ID: imL3Viwe9b
Version: v4.1.0
Path: utils/array
URL: https://phaser.io/examples/v4.1.0/utils/array/view/reverse-matrix-rows
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use Phaser's matrix utility to reverse the order of rows within a 2D array.

## Rotate Matrix
ID: TgXhvUH4dy
Version: v4.1.0
Path: utils/array
URL: https://phaser.io/examples/v4.1.0/utils/array/view/rotate-matrix
Size: 1024x768
Multi-file: no
Description: Demonstrates rotating a 2D array (matrix) clockwise using Phaser's Matrix utility functions.

## Rotate Matrix 180
ID: 5JvWV8Hm58
Version: v4.1.0
Path: utils/array
URL: https://phaser.io/examples/v4.1.0/utils/array/view/rotate-matrix-180
Size: 1024x768
Multi-file: no
Description: Demonstrates how to rotate a 2D array (matrix) 180 degrees using Phaser array matrix utilities.

## Rotate Matrix Left
ID: 6FYufLPKR7
Version: v4.1.0
Path: utils/array
URL: https://phaser.io/examples/v4.1.0/utils/array/view/rotate-matrix-left
Size: 1024x768
Multi-file: no
Description: Demonstrates how to rotate a 2D array (matrix) counter-clockwise using Phaser's matrix utility functions.

## Rotate Matrix Right
ID: WTp52LwhXu
Version: v4.1.0
Path: utils/array
URL: https://phaser.io/examples/v4.1.0/utils/array/view/rotate-matrix-right
Size: 1024x768
Multi-file: no
Description: Demonstrates how to rotate a 2D array (matrix) 90 degrees clockwise using Phaser's Matrix utility functions.

## Translate Matrix
ID: dtWL6C1NKf
Version: v4.1.0
Path: utils/array
URL: https://phaser.io/examples/v4.1.0/utils/array/view/translate-matrix
Size: 1024x768
Multi-file: no
Description: Shift the contents of a 2D array (matrix) horizontally or vertically using the Matrix Translate utility.

## Transpose Matrix
ID: 4FbrnLydvM
Version: v4.1.0
Path: utils/array
URL: https://phaser.io/examples/v4.1.0/utils/array/view/transpose-matrix
Size: 1024x768
Multi-file: no
Description: Demonstrates how to use Phaser's matrix utility to transpose a 2D array, swapping its rows and columns.

## R-Tree Spatial Search
ID: yUsiA3ff4a
Version: v4.1.0
Path: utils/rbush
URL: https://phaser.io/examples/v4.1.0/utils/rbush/view/rbush-2
Size: 800x600
Multi-file: no
Description: Demonstrates how to use an R-Tree to perform efficient spatial searches, finding and highlighting all sprites within a bounding box that follows the mouse pointer.

## RTree Spatial Search
ID: BrVmcbFQrf
Version: v4.1.0
Path: utils/rbush
URL: https://phaser.io/examples/v4.1.0/utils/rbush/view/rbush-1
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use the RTree spatial data structure to efficiently search for and identify sprites within a specific rectangular area.

## Aspect Mode Fit
ID: gAbX4S4HRH
Version: v4.1.0
Path: utils/size
URL: https://phaser.io/examples/v4.1.0/utils/size/view/aspect-mode-fit
Size: 800x600
Multi-file: no
Description: Demonstrates using the FIT aspect mode in the Size component to scale a rectangle within a parent's bounds while preserving its aspect ratio.

## Aspect Mode None
ID: b93SNty3ts
Version: v4.1.0
Path: utils/size
URL: https://phaser.io/examples/v4.1.0/utils/size/view/aspect-mode-none
Size: 800x600
Multi-file: no
Description: Demonstrates using Phaser.Structs.Size with the NONE aspect mode, allowing dimensions to be set independently without preserving an aspect ratio.

## Aspect Mode: Envelop
ID: UT1fTfqiDk
Version: v4.1.0
Path: utils/size
URL: https://phaser.io/examples/v4.1.0/utils/size/view/aspect-mode-envelop
Size: 800x600
Multi-file: no
Description: Demonstrates the Envelop aspect mode in Phaser.Structs.Size, which scales a size to be as small as possible while still fully covering a parent area and maintaining its aspect ratio.

## Aspect Mode: Height Controls Width
ID: peWy7L8PUT
Version: v4.1.0
Path: utils/size
URL: https://phaser.io/examples/v4.1.0/utils/size/view/aspect-mode-height-controls-width
Size: 800x600
Multi-file: no
Description: Demonstrates the Size component using the HEIGHT_CONTROLS_WIDTH aspect mode, where the width is automatically adjusted to maintain aspect ratio based on changes to the height.

## Aspect Mode: Width Controls Height
ID: hxgeWBuNos
Version: v4.1.0
Path: utils/size
URL: https://phaser.io/examples/v4.1.0/utils/size/view/aspect-mode-width-controls-height
Size: 800x600
Multi-file: no
Description: Demonstrates using the Size structure aspect mode where the height is automatically calculated based on the width to maintain the aspect ratio.

## Min Size
ID: vid8f9wyPQ
Version: v4.1.0
Path: utils/size
URL: https://phaser.io/examples/v4.1.0/utils/size/view/min-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to use setMin on a Size object to enforce a minimum width and height when resizing.

## Size Object Maximum Constraints
ID: pk2QTnSz6B
Version: v4.1.0
Path: utils/size
URL: https://phaser.io/examples/v4.1.0/utils/size/view/max-size
Size: 800x600
Multi-file: no
Description: This example demonstrates how to use the setMax method on a Size object to enforce maximum width and height limits.

## Size Object Min and Max Constraints
ID: TG83eU8Zer
Version: v4.1.0
Path: utils/size
URL: https://phaser.io/examples/v4.1.0/utils/size/view/min-max-size
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the Size structure to manage dimensions while enforcing minimum and maximum width and height limits.

## Snap Child Size
ID: Pdvknmj1Rt
Version: v4.1.0
Path: utils/size
URL: https://phaser.io/examples/v4.1.0/utils/size/view/snap-child
Size: 800x600
Multi-file: no
Description: Demonstrates how to use the snap property on a Size object to force dimensions to align with a specific grid increment during resizing.