Phaser 3 Tutorial: Custom Level Transitions With Bitmap Masks!

#gamedev #phaser
In this quick tutorial, we take a look at how we can create really nice custom level transitions by using the built in Phaser 3 BitMap Mask objects. With the bitmap masks, we can use various game objects in our Phaser 3 scene to mask out parts of other game objects. By combining some of the built in game objects in Phaser, we can create a really nice scene transition.
You can see a live example of the code here:
devshareacademy.github.io/pha...
You can find the started code for the project on GitHub here:
github.com/devshareacademy/ph...
Video Chapters
0:00 - Intro
1:16 - Review starting code
2:23 - Review bitmap mask
3:43 - Start of code
8:57 - Create transition
11:43 - Thanks and links to other content
The completed code for this project can be found here on GitHub:
github.com/devshareacademy/ph...
github.com/devshareacademy/ph...
The assets used in this demo were created by ansimuz.itch.io/. You can find links to the content here:
ansimuz.itch.io/star-fighter
ansimuz.itch.io/warped-vehicles
Interested in more great content?
Check out my videos on Phaser 3 here on KZbin:
• Phaser 3
Check out my free courses here on KZbin:
Monster Tamer - Pokemon like RPG Tutorial with Phaser 3:
• Monster Tamer - Pokemo...
Introduction To GitHub Actions Course:
• Introduction To GitHub...
JavaScript Course:
• Learn JavaScript Course
Follow Me:
/ scott-westover-77393a97
github.com/scottwestover
Blog:
scottwestover.dev/