Phaser home
Phaser AE
Open source
Phaser 4
Download
Learn
Editor
Tools
Docs
Examples
News
Log in
Examples
/
Input
/
Zones
Phaser 4.1.0
Phaser 4 examples
Zones
5
examples
Examples
5
Basic Input Zone
Demonstrates how to use invisible Zone game objects to define interactive hit areas over specific regions of a static image.
Circular Drop Zone
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
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
This example demonstrates how to dynamically resize an input Zone and its hit area at runtime using a tween.
Sprite Drop Zone
Demonstrates how to turn any Game Object into a drop zone for drag-and-drop interactions, including handling drag enter, leave, and drop events.