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

Building the player


The player character we are building is the most complex object we have created yet. Not only will the player run and jump, the controls themselves will be slightly different depending on whether the player is on the ground or in the air. The player will need to know what direction they are facing, what animation to be playing, whether they can shoot their weapon, and at what angle. Let's construct this, starting with importing all the sprites:

  1. Create a new Sprite, spr_Player_Idle, and load Chapter 5/Sprites/Player_Idle.gif with Remove Background checked.

  2. Set the Origin to X: 32 Y: 63 so that it rests in the center horizontally and rests on the bottom of the sprite vertically.

  3. Click on Modify Mask to open the Mask Properties editor and select Bounding Box | Manual. Set the values to Left: 16, Right: 48, Top: 8, and Bottom: 63.

  4. Repeat this process, including the same Origin and Mask Properties for the following sprites:

    • spr_Player_IdleUp

    • spr_Player_IdleDown

    • spr_Player_Run

    • spr_Player_RunUp...

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