Phaser 4 examples
Blitter
- 17 examples
Examples 17
Blitter AlphaDemonstrates how to adjust the alpha transparency of individual Bobs within a Blitter object.
Blitter and Camera ControlsDemonstrates how to render a large grid of 10,000 sprites using a Blitter object and navigate the scene using keyboard-driven camera panning and zooming.
Blitter BenchmarkDemonstrates rendering performance by batching large numbers of static images using a Blitter object, with the ability to add 250 new bobs on every pointer click.
Blitter Bob Frame ObjectsDemonstrates how to create Bobs within a Blitter object by passing specific Texture Frame objects instead of string keys.
Blitter Bob TweensDemonstrates how to apply tweens to individual bobs within a Blitter object for high-performance movement and animation.
Blitter Camera Controls (Canvas)Demonstrates a Blitter object with numerous items being panned and zoomed using camera controls while running in the Canvas renderer.
Blitter Global AlphaDemonstrates how to set a global alpha transparency for a Blitter object and how it affects individual bobs, including those with their own local alpha settings.
Blitter Physics BenchmarkA stress test demonstrating the performance of the Blitter object while animating thousands of bobs with custom gravity and bouncing logic, featuring a visual object counter.
Blitter Twist ScrollerA high-performance retro demo effect using the Blitter object to render animated text. It demonstrates scanning a font into raw data and applying complex mathematical transformations—such as sine waves, bounces, rotations, and cylinder distortions—to the individual 'bobs' forming the letters.
Blitter with Multi-AtlasShows how to use a Blitter object to display multiple bobs, each using a different frame from a Texture Packer multi-atlas.
Canvas Blitter BenchmarkA performance test demonstrating the Blitter object in Canvas mode, featuring hundreds of animated bouncing sprites with manual gravity, bounce physics, and an interactive counter.
Create Bobs from CallbackDemonstrates how to use a custom callback function to programmatically position and initialize multiple bobs inside a Blitter game object.
Interactive Blitter BenchmarkStress test the Blitter object by clicking to rapidly add hundreds of new objects using multiple atlas frames.
Multiple Blitter BobsDemonstrates how to create a Blitter game object and add multiple individual 'bob' instances to it at different positions using a single texture.
Multiple Blitter Bobs from a Texture AtlasDemonstrates how to create multiple bobs within a single Blitter object using different frames from a shared texture atlas, including relative positioning and horizontal flipping.
Single Atlas Frame BobDemonstrates how to create a Blitter Bob using a specific frame from a loaded texture atlas.
Single Blitter BobDemonstrates how to create a Blitter object and add a single Bob instance to it at a specific coordinate.