HTML5 Mobile Game Development for Beginners with LimeJS
3.0 (43 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6,939 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML5 Mobile Game Development for Beginners with LimeJS to your Wishlist.

Add to Wishlist

HTML5 Mobile Game Development for Beginners with LimeJS

iOS, Android, Amazon and Windows 8 game development course that will get you started with HTML5 game development.
3.0 (43 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6,939 students enrolled
Last updated 9/2015
English
Price: $200
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • 5 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • By the end of the course, you will be able to create simple HTML5 games that run on iOS, Android, Windows 8 and the web
  • Learn how to create games using the LimeJS framework
View Curriculum
Requirements
  • Basic knowledge of HTML, CSS and JavaScript is strongly recommended.
Description

Update July 2015: Added lessons on how to publish hybrid apps with Cordova to iOS and Android using the Intel XDK tool

-

This course will guide you through the creation of games that run on iPhone, iPad, Android, Amazon and Desktop using the open source LimeJS HTML5 game development framework.

The course is a 100% video based tutorial so that you can see in real time how games are created from scratch. Several game demos of different game genres are included in this course.

You've always wanted to make your own games. Don't keep on postponing it. Start TODAY with HTML5 game development for iOS, Android and Amazon.

Some of the things you'll be learning here are:

  • Creating a game that works on iPhone, iPad, Android, Amazon and Desktop
  • Using the touchscreen in your games.
  • Creating cool animations and transitions.
  • Adding sound to your games.
  • Creating your first spaceship game.
  • Using 2D physics in your games.
  • Creating a virtual pet game from scratch.
  • Creating a farming game from scratch.
  • BONUS TRACK: transform your game to a native app using Cordova and publish it to iOS and Android.
  • BONUS TRACK 2: learn how to publish your HTML5 games to the Amazon Appstore so that you can get access to millions of potential customers.
Who is the target audience?
  • Game enthusiasts who want to turn their game ideas into reality
Students Who Viewed This Course Also Viewed
Curriculum For This Course
67 Lectures
05:31:35
+
Intro
3 Lectures 14:28

Hi everyone,

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.

---

Connect with ZENVA

What would you like to learn next?

Preview 08:40

+
Installation
9 Lectures 28:11

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.

---

Connect with ZENVA

What would you like to learn next?

Installation in Ubuntu - Part 1
04:45

Installation in Ubuntu - Part 2
02:42

Lesson for Mac users

Ubuntu 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 Mac OS already.

---

Connect with ZENVA

What would you like to learn next?

Installation in Mac - Part 1
03:16

Installation in Mac - Part 2
04:37

Lesson for Windows users

Mac and Ubuntu screencasts are also available.

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.

---

Connect with ZENVA

What would you like to learn next?

Installation in Windows - Part 1
01:52

Lesson for Windows users

Mac and Ubuntu screencasts are also available.

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.

---

Connect with ZENVA

What would you like to learn next?

Installation in Windows - Part 2
03:43

Lesson for Windows users

Mac and Ubuntu screencasts are also available.

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.

---

Connect with ZENVA

What would you like to learn next?

Installation in Windows - Part 3
03:34

Lesson for Windows users

Mac and Ubuntu screencasts are also available.

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.

---

Connect with ZENVA

What would you like to learn next?

Installation in Windows - Part 4
01:42

Ubuntu 1. type in your terminal: sudo apt-get install python git-core git-svn 2. go to www.limejs.com , download zip package 3. extract somewhere, rename to limejs for simplicity. 4. go into this limejs folder in your terminal, type: bin/lime.py init 5. once everything has been downloaded, type: bin…
Installation Summary
02:00
+
Lights Camera Action!
3 Lectures 19:34

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.

---

Connect with ZENVA

What would you like to learn next?

Lights Camera Action! - part 1
08:25

+
Rocket Launch
5 Lectures 23:37

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.

---

Connect with ZENVA

What would you like to learn next?

Rocket Launch - Part 1
07:25




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.

---

Connect with ZENVA

What would you like to learn next?

Coordinates
8.3 kB
+
Drag and Drop
3 Lectures 18:29


+
Sound and More
4 Lectures 19:24
06:03



If you want to force the bugs to stay inside the visible area, what you can do is add a check using the scheduleManager in order to change the bugs direction movement once they approach the edges.


I've done that in this modified version of bug.js which you can download and play with.

---

Connect with ZENVA

What would you like to learn next?

Bonus: don't let the bugs leave the screen
606 Bytes
+
Spaceship Game
5 Lectures 27:26




+
Animated Enemies
1 Lecture 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.

---

Connect with ZENVA

What would you like to learn next?

Animated Enemies
05:14
+
Making Birds very Angry (2D Physics)
3 Lectures 21:39

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.

---

Connect with ZENVA

What would you like to learn next?

2D Physics
10:01


+
Deployment
1 Lecture 06:47

In this lesson you'll learn how to compile your game project into a single JS file that you can deploy anywhere and that will work with just a web browser.

After generating this JS file, along with your HTML and game assets such as images, you are ready to deploy your game to its final destination.

Those files could also be converted to native phone apps using either tools such as PhoneGap or Titanium.

---

Connect with ZENVA

What would you like to learn next?

Chapter 10 - Deployment
06:47
7 More Sections
About the Instructor
Pablo Farias Navarro
4.3 Average rating
4,957 Reviews
140,058 Students
53 Courses
Game Developer and Founder of ZENVA

Software developer and founder of ZENVA. Since 2012, Pablo has been teaching online how to create games, apps and websites to over 200,000 students through the Udemy and Zenva Academy platforms, and created content for companies such as Amazon and Intel.

Pablo is a member of the Intel Innovator Program in the Asia Pacific, and has run live programming workshops in San Francisco, Brisbane and Bangalore.

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.