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


To change the HTML5 output to your needed canvas size, follow the ensuing steps:

  1. 1. Compile for HTML5.

  2. 2. Open the MonkeyGame.HTML file, which is located inside the build/HTML5 folder of your project. Use Monk to do this as it can open HTML files.

  3. 3. Locate the line that looks like the following:

    <canvas id="GameCanvas" on click="javascript:this.focus();" width=640 height=480 tabindex=1></canvas><br>
    
  4. 4. Now, change the width value to 800 and the height value to 600. Save and close the file.

What just happened?

We have changed the size of the HTML canvas. It is now the size we need it to be so we can test the game easily in the HTML5 browser of your choice.