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

Creating animated characters


So far, the player objects we have created have been very basic. In Chapter 1, Getting to Know the Studio with Your First Game, the player had no animation. In Chapter 3, Shoot 'em Up: Creating a Side-scrolling Shooter, the ship had animation, but always faced to the right. In this chapter, we are going to have a character that can move in four directions and have an animated sprite for each direction. We will also implement a melee attack that can be used in the direction the character is facing.

Simplifying the character movement

There are four separate sprites necessary for the player character's walk cycle. We will walk through the first one and then you can create the other three.

  1. Let's start by creating a new project called Chapter_04.

  2. Create a Sprite and name it spr_Player_WalkRight.

  3. Load Chapter 4/Sprites/ Player_WalkRight.gif with Remove Background checked.

  4. Set Origin to Center.

  5. Click on Modify Mask to open the Mask Properties editor, and select the radio button...

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