Book Image

HTML5 Game Development with GameMaker

By : Jason Lee Elliott
Book Image

HTML5 Game Development with GameMaker

By: Jason Lee Elliott

Overview of this book

The introduction of HTML5 has revolutionized the web browser as a legitimate gaming platform with unlimited potential. Making games for the browser has never been simpler, especially with GameMaker Studio. Developers have full control over asset management, built-in systems for physics, particles and path finding. In addition, it offers a rich scripting language and extensions for developers now enabling everyone to create games and monetize them quickly and easily.HTML5 Game Development with GameMaker will show you how to make and release browser based games using practical examples. This book utilizes GameMaker's powerful scripting language allowing you to create your first game in no time. With this guide you will develop a thorough skill set and a coherent understanding of the tools to develop games of increasing complexity, gradually enhancing your coding abilities and taking them to a whole new level. The GameMaker Studio environment allows you to jump right into building browser based games quickly and releasing them online. The chapters focus on core practical elements, such as, artificial intelligence and creating challenging boss battles. This book guides you on how to use advanced features easily and effectively, these include, data structures and demonstrating how to create rigid body physics with simple explanations and visual examples. By the end of this book you will have an in-depth knowledge of developing and publishing online social browser based games with GameMaker.
Table of Contents (16 chapters)
HTML5 Game Development with GameMaker
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
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...