Phaser home
Phaser AE
Open source
Phaser 4
Download
Learn
Editor
Tools
Docs
Examples
News
Log in
Examples
/
Filters
/
Vignette
Phaser 4.1.0
Phaser 4 examples
Vignette
6
examples
Examples
6
Interactive Vignette Filter Position
Demonstrates how to add a vignette effect to a sprite and dynamically update its center position and radius using mouse input.
Vignette Camera Filter
Demonstrates how to apply a vignette post-processing filter to a camera to create a cinematic darkened edge effect while the camera scrolls through a scene.
Vignette Color
Demonstrates how to apply a vignette filter to a camera and customize its color and strength dynamically.
Vignette Filter Strength
Demonstrates how to apply a vignette filter to a sprite and control its intensity by animating the strength property.
Vignette Radius
Demonstrates how to use and animate the radius property of the Vignette effect to dynamically change the size of the vignette on Game Objects.
Vignette Sprite
Demonstrates how to apply a vignette post-processing filter to an individual sprite and toggle the effect on and off.