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
  • Loader80
    • Audio5
    • Base644
    • Binary3
    • Bitmap Text2
    • File Pack6
    • Image7
      • Load Image
      • Load Image From Object
      • Load Image on Click
      • Load Normal Map
      • Load Normal Map from Object
      • Load WebP Image
      • Loading Images with Normal Maps
    • 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/Loader/ImagePhaser 4.1.0

Phaser 4 examples

Image

  • 7 examples

Examples 7

Load ImageLearn how to load external image files into the Phaser loader and display them as Image Game Objects in a scene.Load Image From ObjectDemonstrates how to load an image by passing a single configuration object containing the key and URL to the loader instead of using separate arguments.Load Image on ClickDemonstrates how to load assets at runtime in response to a user event by manually starting the Loader outside of the preload phase.Load Normal MapDemonstrates how to load an image along with its associated normal map by passing an array of file paths to the loader.Load Normal Map from ObjectDemonstrates how to load an image and its associated normal map by passing a single configuration object to the loader.Load WebP ImageDemonstrates how to load and display a WebP image file as a texture.Loading Images with Normal MapsLearn how to load an image with an associated normal map and use dynamic lighting to create depth and shadow effects that react to a moving light source.
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