Book Image

Monkey Game Development: Beginner's Guide

By : Michael Hartlef
Book Image

Monkey Game Development: Beginner's Guide

By: Michael Hartlef

Overview of this book

Monkey is a programming language and toolset that allows its user to develop modern 2D games easily for mobile and other platforms like iOS, Android, HTML5, FLASH, OSX, Windows and XNA. With Monkey you can create best selling games in a matter of weeks, instead of months.Monkey Game Development Beginner's Guide provides easy-to-follow step by step instructions on how to create eight different 2D games and how to deploy them to various platforms and markets. Learning about the structure of Monkey and how everything works together you will quickly create eight classical games and publish them to the modern app markets. Throughout the book you will learn important game development techniques like collision detection, handling player input with mouse, keyboard or touch events and creating challenging computer AI. The author explains how to emit particle effects, play sound and music files, use sprite sheets, load or save high-score tables and handle different device resolutions. Finally you will learn how to monetize your games so you can generate revenue.
Table of Contents (16 chapters)
Monkey Game Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
3
Game #2, Rocket Commander
4
Game #3, CometCrusher
5
Game #4, Chain Reaction
6
Game #5, Balls Out!
8
Game #7, Air Dogs 1942
9
Game #8, Treasure Chest

Time for action — modifying the HTML5 output


Again, when you have your first playable results, if you didn't do it already, do the following:

  1. 1. Compile for HTML5.

  2. 2. Next, open the MonkeyGame.HTML file, which is located inside the build/HTML5 folder of your project. Use Monk for it; it can open HTML files.

  3. 3. Then, locate the line that looks like this:

    <canvas id="GameCanvas" on click="javascript:this.focus();" width=640 height=480 tabindex=1></canvas><br>
    
  4. 4. Change the width value to 320 and the height value to 480. Then, save and close the file.

As you can see, the HTML5 canvas now has the same size as an iOS device.