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
      • Bottom Alpha Gradient
      • Single Alpha
      • Top Alpha
      • Top Left Alpha
      • Tween Corner Alpha
    • 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/AlphaPhaser 4.1.0

Phaser 4 examples

Alpha

  • 5 examples

Examples 5

Bottom Alpha GradientDemonstrates how to apply a transparency gradient to an image by setting individual alpha values for its top and bottom corners.Single AlphaDemonstrates how to set the transparency level of a single image game object using the setAlpha method.Top AlphaDemonstrates setting per-vertex alpha values to create a vertical transparency gradient on an image.Top Left AlphaDemonstrates how to set the alpha transparency value specifically for the top-left corner of an image to create a gradient effect.Tween Corner AlphaDemonstrates how to independently animate the alpha transparency of individual image corners to create complex gradient transition effects.
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