Phaser 4 examples

Tile Sprite

  • 12 examples

Examples 12

Change TileSprite FrameDemonstrates how to dynamically update the texture frame of a TileSprite using the setFrame method with frames from a texture atlas.Change TileSprite FrameDemonstrates how to dynamically update the texture frame of a TileSprite at runtime using frames from a texture atlas.Change TileSprite Frame and SizeDemonstrates how to dynamically update a TileSprite's dimensions and change its texture frame from an atlas while it is scrolling.Create TileSprite from Frame SizeDemonstrates how to create a TileSprite that automatically matches the dimensions of its source texture frame by passing zero as the width and height.Flipped Tile SpritesA demonstration of how to create Tile Sprites and apply horizontal and vertical flipping to their display.Tile Sprite from Texture Atlas (Canvas)Demonstrates how to create and scroll multiple Tile Sprites using specific frames from a loaded texture atlas within the Canvas renderer.Tile Sprite MovementDemonstrates how to animate the texture offset of multiple Tile Sprites using tilePositionX and tilePositionY to create scrolling effects.Tile Sprite Position and ScaleDemonstrates how to animate the internal texture position and scale of a Tile Sprite independently of the sprite's physical dimensions.Tile Sprite ScrollingDemonstrates how to create and animate scrolling textures using Tile Sprites, including the use of rotation, scaling, and tile position offsets.TileSprite Canvas RenderingDemonstrates how to use and animate TileSprites in Canvas mode, including updating tile positions to create scrolling effects alongside other game objects.TileSprite from Texture AtlasDemonstrates how to create multiple TileSprites using individual frames from a Texture Atlas and animate their tile positions.TileSprite Pixel Art ScalingDemonstrates dynamic tile scaling and rotation of a TileSprite using pixel art textures, while maintaining crisp rendering with the pixelArt configuration enabled.