Phaser 4 examples
Sprite Gpu Layer
- 16 examples
Examples 16
Big ForestDemonstrates the SpriteGPULayer for high-performance rendering of massive sprite counts. It features a procedurally generated environment with parallax layers, weather-based color interpolation, and individual animations for environmental elements like wind-blown leaves, lake sparkles, and rain.
Direct GPU Buffer ManipulationManually update the underlying Float32 buffer of a SpriteGPULayer to manipulate thousands of sprites simultaneously for high-performance animation and interaction.
Dynamic Sprite GPU Layer ParticlesCreate a high-performance particle effect by dynamically editing members of a Sprite GPU Layer to follow the mouse pointer with smooth interpolation and animations.
GPU Animated SpritesDemonstrates using a Sprite GPU Layer to efficiently render and animate a large number of sprites using shared animation data and individual property templates.
GPU Animated Spritesheet from AtlasDemonstrates how to create a high-performance GPU sprite layer using animation frames extracted from a texture atlas spritesheet.
GPU Layer Easing TypesDemonstrates applying various easing functions like Linear, Quad, and Smoothstep to members within a Sprite GPU Layer.
GPU Sprite LayerDemonstrates how to use Sprite GPU Layers to render and animate hundreds of thousands of sprites simultaneously using high-performance GPU-based property templates.
Incremental Sprite GPU LayerDemonstrates how to add and manage massive amounts of sprites—up to one million—by incrementally populating a Sprite GPU Layer to ensure smooth performance during large buffer updates.
One Million Pixel SpritesEfficiently renders one million sprites using the Sprite GPU Layer, demonstrating high-performance handling of massive sprite counts where each sprite represents a single pixel from a source texture.
Sprite GPU Layer Animation DataDemonstrates how to manually define sprite properties and animation frame data using ArrayBuffers for high-performance rendering with the Sprite GPU Layer.
Sprite GPU Layer Buffer UpdatesDemonstrates high-performance updates for hundreds of thousands of sprites by directly manipulating the instance buffer within a Sprite GPU Layer.
Sprite GPU Layer Bunny DanceLearn how to use the Sprite GPU Layer to animate thousands of sprites simultaneously using property templates for high-performance hardware acceleration.
Sprite GPU Layer Insert MembersDemonstrates how to dynamically add new elements to a Sprite GPU Layer at a specific index, used here to create an infinite scrolling field of sprites.
Sprite GPU Layer LightingDemonstrates applying dynamic lighting and normal maps to thousands of sprites within a Sprite GPU Layer.
Sprite GPU Layer Particle FountainDemonstrates rendering thousands of animated particles using the Sprite GPU Layer with additive blending and hardware-accelerated movement patterns like Gravity.
Sprite GPU Layer with Multiple Atlas FramesDemonstrates using a Sprite GPU Layer to efficiently render many sprites using various frames from a single texture atlas.