HTML5 Mobile Game Development for Beginners

TAUGHT BY

Pablo is a web + mobile app developer and entrepreneur. Pablo is the founder of ZENVA. Besides teaching online how to create games, apps and websites to over 60,000 students, Pablo has created content for companies such as Amazon and Intel.

ZENVA runs four development communities featuring game, web and mobile app development tutorials: Zenva Academy, GameDev Academy, HTML5 Hive (also known as "the hive"), and for Spanish speakers, De Idea A App.

Pablo holds a Master in Information Technology (Management) degree from the University of Queensland (Australia) and a Master of Science in Engineering degree from the Catholic University of Chile. Specialized in web and mobile HTML5, his preferred technologies for the development of web and mobile apps are PHP (Symfony2 and Code Igniter), MySQL, JavaScript and NodeJS.

WHAT'S INSIDE

Lifetime access to 63 lectures

4+ hours of high quality content

A community of 6300+ students learning together!

90+ discussions

SHARE

HTML5 Mobile Game Development for Beginners

iOS, Android, Amazon and Windows 8 game development course that will get you started with HTML5 game development.

HOW UDEMY WORKS?

Discover courses made by experts from around the world.

Take your courses with you and learn anytime, anywhere.

Learn and practice real-world skills and achieve your goals.

COURSE DESCRIPTION

At ZENVA we specialize in making high-quality technology courses that will give you all the skills you need to turn your ideas into reality. Get in touch to find out about our latest courses and discounts:

My name is Pablo Farias, I'm founder of Zenva, a global company that specializes in web and mobile applications that support education. I would like to welcome you to this course. You are on the right track for turning those amazing game ideas you've always had into reality, and we'll do our best to help you get there.

Well, enough talking.. lets get the action started (actually, it will take a few videos to get properly started as we need to cover some basics, but we'll get there soon!)

NOTE ABOUT THE VIDEOS: when you watch our screencasts you need to press a button that says "HD" on the top right area of the video, this will give you a much better resolution.

Installation

4

Installation in Ubuntu - Part 1

04:45

Lesson for Ubuntu users

Mac and Windows screencasts are also available.

Firstly, we need to install the packages that are required for LimeJS to run. These are GIT, SVN and Pyton. We don't need to worry about Python, as it comes in Ubuntu already. Then, we'll download LimeJS and initiate the library so that we can get started with creating amazing games.

Firstly, we need to install the packages that are required for LimeJS to run. These are GIT, SVN and Pyton. Then, we'll download LimeJS and initiate the library so that we can get started with creating amazing games.

Firstly, we need to install the packages that are required for LimeJS to run. These are GIT, SVN and Pyton. Then, we'll download LimeJS and initiate the library so that we can get started with creating amazing games.

Firstly, we need to install the packages that are required for LimeJS to run. These are GIT, SVN and Pyton. Then, we'll download LimeJS and initiate the library so that we can get started with creating amazing games.

Firstly, we need to install the packages that are required for LimeJS to run. These are GIT, SVN and Pyton. Then, we'll download LimeJS and initiate the library so that we can get started with creating amazing games.

Let's get into the basics of LimeJS. Learn what the Director is and how it gives the application global settings such as screen resolution. We'll go over Scenes and you will learn how to put elements such as rectangles, circles or images into your game scenes. After this lesson you'll be ready to create your game's environment if you are too impatient and want to get started with building it right away.

Rocket Launch

16

Rocket Launch - Part 1

07:25

Lets get started with animations and user input for both mouse and touch based devices. Also, we'll go a bit deeper into displaying things on the screen and understanding how coordinates work in LimeJS.

Coordinates in LimeJS start from the top left corner of the screen. This is the same manner it is done when using the HTML5 canvas element. The X axis increases when going from left to right, whereas the Y axis increases from top to bottom.

When working with Sprite elements (or other elements as well), they have their own coordinates which have their origin in their own top left corner. These coordinates are used when defining an "anchor point". Also, for Polygon elements, the coordinates of the poygon's points are given in these "inner" coordinates.

Animated Enemies

33

Animated Enemies

05:14

The objective of this lesson, which is shorter than usual, is to show how you can use simple sprite animations in your games. So far we've seen other kinds of animations such as movement, rotation and fading. Using sprite animations allows you add a nice touch to your games. We'll be working on the same spaceship project.

Making Birds very Angry (2D Physics)

34

2D Physics

10:01

Imagine you could build games such as Angry Birds or Cut The Rope. Well, if that draws your attention this is the right lesson for you. We'll get into the Box2D JavaScript physics library that already comes with LimeJS. We'll look into a basic example so you can familiarize with the basic concepts and can begin working on your own games with a good headstart.

Tile Based Maps

38

Tile-based Maps - part 1

04:09

In this lesson we'll learn how to create tile-based maps using the open source Tiled Map Editor and how to import them in your games. Even though LimeJS is not particularly focused on tile-based games, it offers support for the TMX format (the one created with Tiled Map Editor).

When running the example locally, open it with Firefox as loading a local image file from XML is not allowed in Chrome (this is what happens when you load a TMX map). This restriction only applies when running the stuff locally, so if you put your game on the web it will indeed work in Chrome or mobile browsers that support HTML5.

If you just can't live without using Chrome for your local dev, you have to run it from command line adding the parameter: --allow-file-access-from-files (http://peter.sh/experiments/chromium-command-line-switches/ )

Other links from this chapter:

-Download Tiled Map Editor: http://www.mapeditor.org/

-Get free game art: http://opengameart.org/ (be respectful of the licenses!)

BONUS TRACK - Go Native and Sell your Games

56

Go Native and Sell your games - part 1

12:20

So far we've created html5 game demos that can run in different browsers, mobile devices and tvs that support HTML5.

By transforming your html5 game to a native app, you can reach a huge audience through out the various app stores around. If you build a great product, you can use all these channels to monetize your creation.

This lesson, added as a Bonus Track, will guide you though the main steps of this process.

RATING

AVERAGE RATING

NUMBER OF RATINGS

REVIEWS

Great Course!

This course is great for people that are new to HTML5 game development; it introduces the main concepts of game development.

Ale Pan_Housefra

10 months ago

Examples well-structured

The course is perfect for those who want to enter the world of game development because it has the perfect examples of well structured in a simple way to understand the individual aspects of a game.
Of course, you must already have a background in HTML and JS. I hope will'be fixed bugs between Chrome and Lime.js

Laurie Morse

a year ago

Great class for getting started with HTML5

Even if you aren't into games I think this is a good class to learning about things like Javascript.

Daniel Morgan

a year ago

Great Beginner course

This class taught me the basics of what I needed to get started in making HTML 5 mobile games. With this knowledge I have the ability to go and make a mobile game and package it up for any mobile app store out there! If you can get a discount on the price I would highly recommend this class for anyone interested in mobile games.