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
      • Pixel Perfect Alpha Input
      • Pixel Perfect Atlas Frame
      • Pixel Perfect Dragging
      • Pixel Perfect Input with Atlas Frames
      • Pixel Perfect Input with Transformations
      • Pixel Perfect Pointer Down
      • Pixel Perfect Pointer Move
    • Pointer12
    • Zones5
  • 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/Pixel PerfectPhaser 4.1.0

Phaser 4 examples

Pixel Perfect

  • 7 examples

Examples 7

Pixel Perfect Alpha InputDemonstrates 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 FrameDemonstrates how to use pixel-perfect input detection on a Sprite that uses a frame from a texture atlas.Pixel Perfect DraggingDemonstrates how to enable dragging on sprites using pixel-perfect input detection and custom alpha tolerance levels.Pixel Perfect Input with Atlas FramesDemonstrates how to enable pixel-perfect input detection on a sprite using a trimmed frame from a texture atlas.Pixel Perfect Input with TransformationsDemonstrates 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 DownThis 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 MoveDemonstrates 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.
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