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

Importing sprite sheets


While all the animations in this book will be using GIF images for the sake of expediency, it would be remiss if we did not cover how to import a sprite sheet. A sprite sheet is generally a PNG file with all the frames of animation of an object, such as a character, placed evenly in a grid. We can then quickly cut out each frame of animation in GameMaker to build the individual sprites we need. Let's try this out!

  1. Let's start by opening a New Project called Chapter_02.

  2. Create a new Sprite and name it spr_PlayerSpriteSheet.

  3. Click on the Edit Sprite button to open the Sprite Editor.

  4. Under File, select Create from Strip, and then open Chapter 2/Sprites/PlayerSpriteSheet.png with nothing selected in the Image Information section. This will open the Loading a strip image editor.

  5. The sprite sheet we just loaded consists of a six frame run cycle. Since we want all the frames, we need to set number of images to 6.

  6. The layout of the sprite sheet has two rows of three images. Set...