HTML5 Mobile Game Development by Example - Educational Game

Learn from scratch how to create awesome games for all devices and platforms!
4.7 (3 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.
119 students enrolled
$200
Take This Course
  • Lectures 20
  • Contents Video: 2.5 hours
    Other: 0 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

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

About This Course

Published 4/2014 English

Course Description

What if you could turn that great game idea into a real game that could be played on the web, on desktop, iOS, Android and all other platforms?

Stop postponing your dreams and get started TODAY. Learn at your own pace how to create HTML5 games in this course that follows the learn by doing approach.

Through out the course, we'll make an educational game with the Quintus HTML5 framework, one of the most powerful and lean game frameworks out there that allows you create games that work on phones, desktop, smart tvs and any HTML5 supporting devices!

These are just some of the many things you'll learn in this course:

  • Creating simple 2D games for the web, mobile and all devices.
  • Working with modules to keep your code organized.
  • Creating 2D tile-based worlds.
  • Using sprites and spritesheets in your games.
  • Collision detection.
  • 2D physics basics.
  • Game flow: game over and restart game.
  • Loading level data from JSON objects.
  • Putting it all together in a simple demo!

This course was created by Pablo Farias Navarro, founder of ZENVA and active contributor to the Quintus open source project, the same library we use in this course.

After teaching over 30.000 people how to code games, apps and websites we've gained valuable insight on how online education should be.

We are putting it all in practice on this course and we are sure it will give you the tools you need to get your game ideas up and running.

What are the requirements?

  • Basic knowledge of HTML, CSS and JavaScript, which you can obtain in our free courses
  • Installing a web server

What am I going to get from this course?

  • Learn how to create games that run on desktop, ios, android and all platforms
  • Learn the basics of the HTMl5 Quintus game development framework

What is the target audience?

  • Motivated people with basic HTML, CSS and JavaScript skills who want to code awesome games

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Start Your Engines
04:30

Welcome to HTML5 Game Development by Example! in this video we are gonna go through the course goals and give a quick intro to HTML5 game development

---

Connect with ZENVA

What would you like to learn next?

11:40

In this lesson we'll cover the basics of the Open Source project HTML5 Quintus framework.

---

Connect with ZENVA

What would you like to learn next?

Source code
Article
Other Game Development Courses by Zenva
05:13
Section 2: Course Project
07:37

In this lesson we'll get started with our project. We'll talk about tiles and we'll load some of the assets of the game.

---

Connect with ZENVA

What would you like to learn next?

06:48

In this lesson we'll talk about some core concepts such as stages, scenes and we'll add layers to our example.

---

Connect with ZENVA

What would you like to learn next?

06:20

In this lesson we'll introduce the concept of sprites and we'll create a couple of sprites in our game.

---

Connect with ZENVA

What would you like to learn next?

05:14

In this lesson we'll cover the topic of collision detection, which is when two sprites "crash" or collide with each other. Quintus makes it very easy to handle this.

---

Connect with ZENVA

What would you like to learn next?

06:28

In this lesson we'll add a camera in our game. The camera can follow the player and be restricted by a bounding box.

---

Connect with ZENVA

What would you like to learn next?

07:56

In this lesson we'll add the rival racers.

---

Connect with ZENVA

What would you like to learn next?

07:48

In this lesson we'll add the princess, which is the goal of the game.

---

Connect with ZENVA

What would you like to learn next?

12:22

In this lesson we'll add a Game Over screen and a dialog box that allows us to restart the game.

---

Connect with ZENVA

What would you like to learn next?

07:51

In this lesson we'll learn how to enter special options in our scene so that we can represent multiple levels with one scene.

---

Connect with ZENVA

What would you like to learn next?

06:45

In this lesson we'll create some of the user interface in a separate module.

---

Connect with ZENVA

What would you like to learn next?

07:17

In this lesson we'll introduce the concept of game states, used to represent game level variables. Also we'll add the question generation.

---

Connect with ZENVA

What would you like to learn next?

07:22

In this lesson we'll add the number keypad to enter answers. We won't handle the answers just yet.

---

Connect with ZENVA

What would you like to learn next?

03:14

In this lesson we'll add the answer area to show the player's answer.

---

Connect with ZENVA

What would you like to learn next?

09:32

In this lesson we'll check the player's answer and make him go faster if the answer is correct, and slower if the answer is wrong.

---

Connect with ZENVA

What would you like to learn next?

05:09

In this lesson we'll add audio in our game.

---

Connect with ZENVA

What would you like to learn next?

Section 3: Course Summary
06:04

Congratulations! you've reached the end of this course :)

In this lesson we'll do a quick summary of the course.

---

Connect with ZENVA

What would you like to learn next?

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Pablo Farias Navarro, Software 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 150,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.

Ready to start learning?
Take This Course