Chapter 5. Loading Screens

Topics in This Chapter

• 5.1 Define Snail Bait’s Chrome

• 5.2 Fade Elements In and Out with CSS Transitions

• 5.3 Fade Any Element In or Out That Has a CSS Transition Associated with Its Opacity

• 5.4 Implement the Loading Screen

• 5.5 Reveal the Game

• 5.6 Conclusion

• 5.7 Exercises

The first thing players do when they play your game is watch it load. First impressions are important, so it’s worthwhile to implement a memorable loading screen. Besides making a good first impression, an interesting loading screen also makes the inevitable delay before players get to the fun part of your game pass more quickly. Players will appreciate that.

As it currently stands, Snail Bait simply shows its webpage background as the ...

Get Core HTML5 2D Game Programming now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial