Book Image

HTML5 Game Development with ImpactJS

By : Davy Cielen, Arno Meysman
Book Image

HTML5 Game Development with ImpactJS

By: Davy Cielen, Arno Meysman

Overview of this book

<p>ImpactJS is a JavaScript library specially geared towards building 2-dimensional games. It is intuitive and versatile and allows the game developer to get results in no time while keeping an easy overview when games grow more complex. Games built with ImpactJS can be published on websites and even as an app on both Android and iOS. <br /><br />With "HTML5 Game Development with ImpactJS", building games for the Web and app markets has never been so easy. Using the ImpactJS JavaScript engine, you only need this book and basic knowledge of JavaScript in order to build and publish your own game. <br /><br />"HTML5 Game Development with ImpactJS" allows a single person to build a full game. Using only basic knowledge of JavaScript and this book, you will end up publishing a 2D game for the entire world to enjoy. You will learn to set up a working environment and gather all the necessary tools and resources your game needs. Develop both a top-down and a side scroller game, integrate physics such as gravity, and deploy your game as an app or to your website.</p>

Related Content you might be interested in

Current Title:

Small book image
HTML5 Game Development with ImpactJS
Davy Cielen | Arno Meysman
Mar, 2013 | 304 pages
No titles found
Table of Contents (17 chapters)
HTML5 Game Development with ImpactJS
HTML5 Game Development with ImpactJS
Credits
Credits
Foreword
Foreword
About the Authors
About the Authors
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Firing Up Your First Impact Game
Firing Up Your First Impact Game
Installing a XAMPP server
Installing the game engine: ImpactJS
Choosing a script editor
Running the premade game
Debugging your game with the browser and ImpactJS
Which helpful tools are out there
Summary
2
Introducing ImpactJS
Introducing ImpactJS
Building your own levels
Objects – playable and non-playable characters
The camera view
Adding music and sound effects
Game physics with Box2D
Summary
3
Let's Build a Role Playing Game
Let's Build a Role Playing Game
The RPG game setting
Building an RPG level
Adding a playable character
Introducing a defeatable opponent
Giving the player some weapons
Bringing your NPCs to life with artificial intelligence
Pickup items to help out your player
Keeping score for player feedback
Transitioning from one area to another
NPCs and conversation
The final battle
Summary
4
Let's Build a Side Scroller Game
Let's Build a Side Scroller Game
The side scroller game setting
Building a side scroller level
The playable character
Adding a minor foe
Introducing formidable weapons
Artificial intelligence
Pickup items
Keeping score
Transitioning from one level to another
The final battle
Summary
5
Adding Some Advanced Features to Your Game
Adding Some Advanced Features to Your Game
The Start and Game-over screen
Handling game data
Extra functionalities for the RPG
Artificial intelligence: The hive mind
Implementing Playtomic for game analytics
Summary
6
Music and Sound Effects
Music and Sound Effects
Making or buying the music
Buying tunes and sound effects
Making a basic tune using FL Studio
Adding background music to your game
Playing a sound when an action has happened
Tips when using sound files in your game
Summary
7
Graphics
Graphics
Making/buying the graphics
Where to buy graphics
Introduction to vector graphics
Creating your own avatar using Adobe Photoshop
Adding your creation to the RPG
Hints for graphics in HTML5
Summary
8
Adapting Your HTML5 Game to the Distribution Channels
Adapting Your HTML5 Game to the Distribution Channels
Preparing your game for the web browser
Preparing our game for mobile web browsers
Turning the game into a web app for the Google Chrome Web Store
Pushing your game to Android's Google play store
Making your game available on Facebook
Direct canvas game acceleration with AppMobi
Summary
9
Making Money with Your Game
Making Money with Your Game
Your game development strategy
Making money with game apps
In-game advertising
Selling distribution rights with MarketJS
Summary
Index
Index

Building an RPG level

Now it is time to put our own little RPG together. We will start our journey with a clean slate. Following are the steps to build an RPG level:

  1. Let's take a copy of the freshly installed ImpactJS folder that we kept in the chapter 1 folder and rename it to RPG. Copy the media folder from the chapter 3 folder to your RPG/media folder. This way at least we have some graphics to work with.

  2. Go back to the it works! screen you get when you enter localhost/RPG in your browser.

  3. Let's start by opening the Weltmeister (localhost/Weltmeister.html) and drawing a small level.

  4. You will notice that there is nothing prepared for you this time around. The only available layer is the entities layer and it doesn't even contain a single entity. However, we can draw ourselves a small playing field to get started once we have something to populate the world.

  5. So let's add another layer (+-sign) and call it grass. Let's set the tile size to 16 and have a 30 x 20 zone at a distance of 1 pixel....

Previous Section
End of Section 3
Next Section