Phaser home
Phaser AEOpen source
Phaser 4DownloadLearnEditorToolsDocsExamplesNews
Log in

This page is for Phaser 4, the open-source framework.

NewPhaser AE gives your AI agent a crew of bots to design, draw, score and build your game, in 2D and 3D.

Try Phaser AE
Phaser 4Examples
Categories
  • Actions49
  • Animation47
  • Audio34
    • HTML5 Audio10
    • No Audio7
    • Web Audio16
  • Cache3
  • Camera68
  • Components7
    • Data7
  • Demoscene4
  • Depth Sorting8
  • Display57
    • Align9
    • Alpha5
    • Blend Modes9
    • Color9
    • Masks5
    • Shaders5
    • Tint15
  • Events9
  • Filters78
    • Barrel4
    • Blur2
    • Bokeh2
    • Colormatrix2
    • Custom Wipe Filter5
    • Displacement3
    • Glow7
    • Gradient Map2
    • Image Light4
    • Key2
    • Mask2
    • Normal Tools3
    • Pixelate4
    • Quantize2
    • Shadow2
    • Vignette6
    • Wipe12
  • Game Config19
  • Game Objects551
    • Bitmaptext39
      • Dynamic8
      • Retro Font7
      • Static24
    • Blitter17
    • Capture Frame2
    • Container52
    • Display List8
    • Dom Element19
    • Extern2
    • Gradient14
    • Graphics57
      • Primitives17
    • Group15
    • Images16
    • Layer8
    • Lights20
    • Nine Slice8
    • Noise33
    • Particle Emitter44
    • Render Texture45
    • Rope12
    • Shader9
    • Shaders15
    • Shapes24
    • Sprite Gpu Layer16
    • Sprites9
    • Stamp3
    • Tests6
    • Text29
    • Tile Sprite12
    • Video17
  • Games47
    • Firstgame10
    • My First Game18
      • GameObjects13
    • Snake7
  • Geom200
    • Circle22
    • Ellipse26
    • Intersects14
    • Line31
    • Point18
    • Polygon11
    • Rectangle46
    • Triangle32
  • Input134
    • Camera7
    • Cursors3
    • Dom Events2
    • Dragging22
    • Game Object19
    • Gamepad5
    • Keyboard22
    • Mouse25
    • Multitouch5
    • Pixel Perfect7
    • Pointer12
    • Zones5
      • Basic Input Zone
      • Circular Drop Zone
      • Drop Zone
      • Resize Zone
      • Sprite Drop Zone
  • Loader80
    • Audio5
    • Base644
    • Binary3
    • Bitmap Text2
    • File Pack6
    • Image7
    • Loader Events13
    • Sprite Sheet4
    • Svg3
    • Texture Atlas Json11
    • Texture Atlas Multi3
    • Texture Atlas Unity2
    • Tile Maps5
  • Math18
    • Distance4
    • Hash Simplex3
    • Vec29
  • Paths56
    • Curves29
    • Followers14
  • Physics200
    • Arcade132
    • Matterjs67
  • Plugins17
  • Pools6
  • Renderer18
    • Tests4
  • Scalemanager24
  • Scenes55
    • Tutorial3
  • Snapshot4
  • Textures50
    • Canvas Textures7
      • Dwitter4
    • Dynamic Textures7
  • Tilemap69
    • Collision12
    • Isometric3
    • Tests6
  • Tilemaps4
    • Tilemap Gpu Layer3
  • Time26
    • Timeline10
    • Timestep5
  • Transform13
  • Tweens85
    • Chains5
    • Eases22
  • Utils21
    • Array10
    • Rbush2
    • Size9
Examples/Input/ZonesPhaser 4.1.0

Phaser 4 examples

Zones

  • 5 examples

Examples 5

Basic Input ZoneDemonstrates how to use invisible Zone game objects to define interactive hit areas over specific regions of a static image.Circular Drop ZoneDemonstrates 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 ZoneLearn 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 ZoneThis example demonstrates how to dynamically resize an input Zone and its hit area at runtime using a tween.Sprite Drop ZoneDemonstrates how to turn any Game Object into a drop zone for drag-and-drop interactions, including handling drag enter, leave, and drop events.
Phaser AE

Make a whole game with AI

Phaser AE designs, draws, scores and builds a game with you, in the browser or with your own coding agent.

Try Phaser AE

Phaser empowers you to create the game you want to play.Agentic game development, at the heart of the engine used by more than 150,000 developers.

Make a game

  • Create a game
  • How it works
  • Build with your agent
  • The crew
  • The tools
  • Expansion packs
  • Pricing

Phaser AE

  • News
  • Games
  • API docs
  • Engine license
  • Decompilation policy
  • Contact us
  • Privacy and cookies
  • Terms of use
Phaser is open source too.The free HTML5 game framework, used for over a decade. Phaser 4, the editor and every tutorial are over here.
© 2026 Phaser Studio Inc. All rights reserved.For AI agents