Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
HTML5 Game Development with GameMaker

You're reading from   HTML5 Game Development with GameMaker Experience a captivating journey that will take you from creating a full-on shoot 'em up to your first social web browser game

Arrow left icon
Product type Paperback
Published in Apr 2013
Publisher Packt
ISBN-13 9781849694100
Length 364 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Jason Lee Elliott Jason Lee Elliott
Author Profile Icon Jason Lee Elliott
Jason Lee Elliott
Arrow right icon
View More author details
Toc

Table of Contents (16) Chapters Close

HTML5 Game Development with GameMaker
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
1. Getting to Know the Studio with Your First Game 2. Triple 'A' Games: Art and Audio FREE CHAPTER 3. Shoot 'em Up: Creating a Side-scrolling Shooter 4. The Adventure Begins 5. Platform Fun 6. Toppling Towers 7. Dynamic Front Ends 8. Playing with Particles 9. Get Your Game Out There Index

Drawing the user interface


One of the most important elements in creating a great game is ensuring that the player has all the information they need to play the game. Much of this is usually presented in the heads-up display, otherwise known as the HUD. Every game has different components that can be a part of the HUD including things we need such as scoreboards and life counters.

  1. To start with, we are going to need a font for the text we intend to display. We have supplied a font called Retroheavyfuture for use in this game that will need to be installed on your computer. To install this font on a Windows 7 computer, right-click on Chapter 3/Fonts/RETRRG__.ttf and click on Install. Then follow the directions when prompted.

  2. Back into GameMaker: Studio, create a new font and name it fnt_Scoreboard.

  3. Select Retroheavyfuture as Font.

  4. Set Size under Style to 16.

  5. We want a decent sized font to display the score and lives during the game. It should look like the following screenshot, so click on OK...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image