www.it-ebooks.info HTML5 Game Development with GameMaker Experience a captivating journey that will take you from creating a full-on shoot 'em up to your rst social web browser game Jason Lee Elliott BIRMINGHAM - MUMBAI www.it-ebooks.info HTML5 Game Development with GameMaker Copyright © 2013 Packt Publishing All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews. Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book. Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information. First published: April 2013 Production Reference: 1150413 Published by Packt Publishing Ltd. Livery Place 35 Livery Street Birmingham B3 2PB, UK. ISBN 978-1-84969-410-0 www.packtpub.com Cover Image by Suresh Mogre (suresh.mogre.99@gmail.com) www.it-ebooks.info Credits Author Jason Lee Elliott Reviewers Dave Hersey Chris Sanyk Acquisition Editors Antony Lowe Grant Mizen Lead Technical Editor Mayur Hule Technical Editors Saumya Kunder Amit Ramadas Project Coordinator Arshad Sopariwala Proofreader Bernadette Watkins Indexer Hemangini Bari Graphics Ronak Dhruv Aditi Gajjar Production Coordinator Arvindkumar Gupta Cover Work Arvindkumar Gupta www.it-ebooks.info About the Author Jason Lee Elliott is a digital media expert with a passion for game design. He started his career as an all-purpose Artist at Konami, working his way up to the position of Lead Artist on Spawn for the Game Boy Color. Jason then returned to school to study lm at the Vancouver Film School, where the shot he wrote, directed, and produced was selected as a nalist for the BC Film Director Internship Program. Games were never far away from his thoughts and with his new cinematic skills in hand, Jason returned to the industry as a Level and Game Designer at Radical Entertainment. While there, Jason became a procient scripter, working on several acclaimed titles including Hulk, Hulk Ultimate Destruction, and The Simpsons: Hit & Run. Since 2005, Jason has been a teacher at the Art Institute of Vancouver, and is currently a senior faculty member in the Game Art and Design program. In his spare time, he develops indie games, dabbles in web and graphic design, is the webmaster for the Vancouver chapter of ACM SIGGRAPH, and occasionally blogs at jasonleeelliott.com. I would like to thank my wife Su and my daughter Pixel, for allowing me the time to write this book. I would also like to give a shout out to Bert Dennison for his help with the artwork, and Brian Werst for all of his music and sound effects used in this book. www.it-ebooks.info About the Reviewers Dave Hersey has over 35 years of experience in Apple software development, dating back to the Apple II personal computer in 1977. In 2000, after more than six years in software engineering at Apple, Dave started Paracoders, Inc., focusing on custom Mac OS X-based application and driver development. In 2008, Dave's company expanded into iOS (iPhone) mobile applications, followed by Android applications soon after. Some bigger named clients include Paramount Home Entertainment, Lionsgate Entertainment, Seagate, Creative Labs, and Kraft Foods. Most recently, Dave's business expansion has included additional mobile and server-side platforms as well as support services. As a result, the custom software development division of Paracoders now operates as torchlight apps (http://www.torchlightapps.com). Dave was also a technical reviewer for Creating Games with cocos2d for iPhone 2 by Packt Publishing, and stays busy with his wife raising 3 children, 3 dogs, 2 parakeets, and about 25 ducks, at the last count. www.it-ebooks.info Chris Sanyk is a life-long videogame enthusiast, whose love affair with gaming started in the early 1980s with the Atari 2600 and the golden age of the arcade. He began designing his rst videogame on paper at age six, and has been using GameMaker since 2010. He is an active member of the Cleveland Game Developers, the International Game Developers Association, and is a regular participant in Global Game Jam and Ludum Dare. He blogs and releases his game projects at http://csanyk.com, and his Twitter handle is @csanyk. Chris is the coauthor of Wireless Reconnaissance in Penetration Testing by Matt Neely, Alex Hammerstone, and Chris Sanyk, published by Elsevier Press. I would like to thank Mike Substelny, for providing me with my rst introduction to GameMaker; my many friends at the Cleveland Game Developers, for their continued support and camaraderie; the communities of indie game developers around the world who put together Global Game Jam, Ludum Dare, and similar events; and the many designers, engineers, programmers, and artists who've inspired me over the years and provided me with endless hours of entertainment, challenge, and frustration, and everyone who has ever played one of my games. www.it-ebooks.info www.PacktPub.com Support les, eBooks, discount offers and more You might want to visit www.PacktPub.com for support les and downloads related to your book. Did you know that Packt offers eBook versions of every book published, with PDF and ePub les available? You can upgrade to the eBook version at www.PacktPub. com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at service@packtpub.com for more details. At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks. http://PacktLib.PacktPub.com Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book library. Here, you can access, read and search across Packt's entire library of books. Why Subscribe? • Fully searchable across every book published by Packt • Copy and paste, print and bookmark content • On demand and accessible via web browser Free Access for Packt account holders If you have an account with Packt at www.PacktPub.com, you can use this to access PacktLib today and view nine entirely free books. Simply use your login credentials for immediate access. www.it-ebooks.info www.it-ebooks.info Table of Contents Preface 1 Chapter 1: Getting to Know the Studio with Your First Game 7 Making HTML game development easy 7 Setting up the software 8 Our rst look at the Studio 10 The Menu 10 The Toolbar 11 The Resource tree 11 The Workspace 11 Exploring the resource editors 11 Loading your art assets with the Sprite Properties editor 12 The wall sprite 12 The player sprite 13 Creating game objects with the Object Properties editor 14 The Wall object 16 The Player object 16 Creating worlds with the Room Properties editor 20 Running the game 23 Introducing code with the Script Properties editor 23 Filling the scene with the Background Properties editor 24 Bringing noise with the Sound Properties editor 27 A little background music 28 Controlling the game with the Overlord 28 The collectible 29 Writing text and the Font Properties editor 32 Creating complex movements with the Path Properties editor 35 Using the Time Line Properties editor to spawn collectibles 38 Tools for debugging your games 41 Using the HTML5 DEBUG console 42 www.it-ebooks.info [...]... of HTML5 has revolutionized the web browser as a legitimate gaming platform with unlimited potential Making games for the browsers has never been simpler, especially with GameMaker Studio 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. .. Getting to Know the Studio with Your First Game Welcome to HTML5 Game Development with GameMaker! You are about to enter the exciting world of game development for the web If you have never used GameMaker: Studio before, this book will show you everything you need to know about using the software, making games, and getting them up on the Internet If you have previous experience with GameMaker: Studio, but... default/files/downloads/4100OT_Appendix_Drag_and_drop_Icons_to_ GameMaker_ Language_Reference.pdf What you need for this book This book requires GameMaker: Studio Professional with HTML5 export module, and an HTML5- compliant browser (Google Chrome works the best) Who this book is for This book is for anyone with a passion to create fun and action packed web browser games using GameMaker: Studio This intuitive practical... Chapter 9: Get Your Game Out There 315 Index 339 Releasing a game on your own site Creating the application Hosting the game Uploading the game with FTP Integrating with Facebook Adding a Facebook login button Tracking the game with Flurry Analytics Setting up Flurry Analytics Tracking events in the game Sending the data to Flurry Understanding the Analytics Making money with your games Summary [v] www.it-ebooks.info... social browser-based games with GameMaker What this book covers Chapter 1, Getting to Know the Studio with Your First Game, will help you in making your own game You will have an opportunity to explore the GameMaker: Studio interface In this chapter, we will be creating and implementing every type of resource available while utilizing all the various resource editors Chapter 2, Triple 'A' Games: Art and... Firstly, we need an HTML5 compliant browser, such as Mozilla Firefox, Microsoft Internet Explorer 9.0, or for the best results, Google Chrome Secondly, we need to purchase and install GameMaker: Studio Professional with the HTML5 export module Once we have all of that we can start making games! [8] www.it-ebooks.info Chapter 1 Please be aware that GameMaker: Studio Professional and the HTML5 export module... supports HTML5, go to http://html5test.com Normally, developing a game for HTML5 would require a working knowledge of three different coding languages: HTML5 (Hypertext Markup Language), the code language that creates the structure of a web page, CSS3 (Cascading Style Sheets 3), that determines the presentation of the site, and JavaScript that actually makes the magic happen The GameMaker: Studio HTML5. .. that matter, what is HTML5 and why should I care?" All of these are good questions, so let's try to answer them Making HTML game development easy GameMaker: Studio is an incredibly powerful and easy to use development tool for making games The software was originally designed to be used in a classroom setting as a way for students to learn basic programming concepts, understand game architecture, and... SVN Client and repository for working in groups If you want to know more about Source Control, check out the following GameMaker: Studio wiki page: http://wiki.yoyogames.com/ index.php/Source_Control_and _GameMaker: Studio Exploring the resource editors In order to create a game in GameMaker: Studio, you need a minimum of three types of resource assets: a Sprite (what you see), an Object (what it does),... create games for the web 1 Purchase and download GameMaker: Studio Professional and the HTML5 export module from https://www.yoyogames.com/buy/studio/ professional 2 Once they have been downloaded, run the program GMStudio-Installer.exe 3 Follow the onscreen instructions and then launch the program 4 Enter your license key This will unlock the software and the modules that have been purchased GameMaker: . with GameMaker Studio. HTML5 Game Development with GameMaker will show you how to make and release browser-based games using practical examples. This book utilizes GameMaker& apos;s powerful scripting. of HTML5 has revolutionized the web browser as a legitimate gaming platform with unlimited potential. Making games for the browsers has never been simpler, especially with GameMaker Studio. HTML5. www.it-ebooks.info HTML5 Game Development with GameMaker Experience a captivating journey that will take you from creating a full-on shoot 'em up to your rst social web browser game Jason Lee