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
      • Align Bottom Center
      • Align Bottom Right
      • Align In Bottom Left
      • Align In Center
      • Align In Right Center
      • Align In Top Center
      • Align In Top Left
      • Align In Top Right
      • In Left Center Alignment
    • 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
  • 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/Display/AlignPhaser 4.1.0

Phaser 4 examples

Align

  • 9 examples

Examples 9

Align Bottom CenterDemonstrates how to align a Game Object to the bottom-center position inside another Game Object.Align Bottom RightDemonstrates how to use the BottomRight alignment helper to position one Game Object relative to the bottom-right corner of another.Align In Bottom LeftDemonstrates how to align a Game Object to the inner bottom-left corner of another Game Object.Align In CenterDemonstrates 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 CenterPosition a Game Object so it is aligned to the right-center interior of another Game Object.Align In Top CenterDemonstrates how to align one Game Object to the inner top-center position of another Game Object using the Display Align utility.Align In Top LeftDemonstrates how to position a Game Object inside the top-left corner of another Game Object using the alignment utility.Align In Top RightDemonstrates how to align one Game Object to the top-right corner of another using the Phaser.Display.Align utility.In Left Center AlignmentDemonstrates using the LeftCenter alignment helper to position one Game Object relative to the middle of the left edge of another.
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