Map Change Cutscene

Map Change Cutscene

Before the current implementation, when the player teleports between the levels, the screen will freeze while the new area and entities load in. To create a smoother transition, a CutsceneScreen class which is a UI component has been added to help with this. To keep with the theme that is currently being used during the cutscenes - black bars slide in and out, the CutsceneScreen screen class uses this method to cover the entire screen.

Implementation

The cutscene screen will be directly called from the TeleportComponent class component that will be added to the teleportation pad. Once the player has been in contact with the pad, the screen will begin to fade in. The sliding in of the black screen will require all of the other UI components such as the Health Bar and Exit Button to be hidden from view. The black box will enter and exit through the top of the screen.

To ensure that the black screen is in full view of the screen before the map changes, a buffer of 1 second allows the screen to unfold before beginning the transition. When loading the new map, the map will load in with the black screen already covering the screen instead of having the map flash on.