Scrolling Animation for Credits


Author: Charley Weaver

This week, I tackled the credits screen. While I could, theoretically, make a static screen with all information necessary to credit jam-packed on a screen in a static fashion, it would not be pleasing to look at or read by a long shot. Thus, I took the idea of what many movies and games implement of scrolling credits  and ran with it. The benefit of this type of credits screen is the ability to add as many references as necessary without the fear of loosing out on space. 

To do this, I first created the text box itself. Yes, the box falls outside of the bounds of the canvas on purpose. This extra length will allow for the transformation of the textbox to occur with visual change on the screen. (Please note: the credits seen below are the beginning framework and are by no means complete).

Once this textbox was set up, it was ready to create the transform animation on the Y axis. See below: 


This allows for the text to scroll up the screen over the course of time. This is much more aesthetically pleasing and allows for all credits necessary to scroll in front of the player's vision instead of bombarding the player with a multitude of information all at once. 

Leave a comment

Log in with itch.io to leave a comment.