Intro to HTML5 Game Development

Get started making mobile games with HTML5! Learn how to create HTML5 games and publish them to the Amazon Appstore
3.9 (76 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.
15,253 students enrolled
Free
Start Learning Now
  • Lectures 23
  • Contents Video: 1.5 hours
    Other: 2 mins
  • Skill Level Beginner Level
  • 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 7/2014 English

Course Description

Learn from scratch to create games that run on all platforms and devices!

In this online training you will learn the basics of HTML5 game development by creating your first Mario-style platformer game. All of it using 100% free tools and frameworks!

We’ll be using the Quintus HTML5 game framework, which is a lightweight yet powerful JavaScript library used to create professional 2D games. This course was created by Pablo Farias Navarro, HTML5 developer and founder of ZENVA.

What you’ll learn in this course:

  • Creating levels for your game using the Tiled open source map editor.
  • Loading assets in your game.
  • Making a 2D platformer game that runs on phones, tablets, smart tvs, computers and maybe even cars!
  • Understanding basic platformer mechanics.
  • Implementing enemies and their behaviors.
  • Putting it all together to create your first game!
  • How to publish your finished game to the Amazon Appstore.

Don’t just make a game, publish and monetization are important too!

In the course you’ll also learn how to publish your HTML5 games to the Amazon Appstore and get access to millions of potential customers in over 200 countries!

What are the requirements?

  • Basic knowledge of HTML, CSS and JavaScript
  • Understanding of AJAX and JSON objects
  • In order to run the course examples you need to install a web server such as Apache
  • Any code editor (we'll use Sublime Text)
  • Any current web browser (we'll use Google Chrome)

What am I going to get from this course?

  • Learn how to create simple 2D games using the Quinus HTML5 framework
  • Learn how to use Tiled to create levels
  • Learn how to publish HTML5 games to the Amazon Appstore

What is the target audience?

  • Motivated people with basic JavaScript and web development knowledge

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: Course Intro
02:56

Welcome to the course! In this lesson we'll take a look at the final product of the course, and talk about the course goals and requirements.

---

Connect with ZENVA

What would you like to learn next?

11:40

In this lesson, we'll talk about what the Quintus framework is and go through some of the main concepts of the framework.

---

Connect with ZENVA

What would you like to learn next?

Article

Download the course source code files from the link under "External Resources".


Section 2: Course Project
03:19

In this lesson we'll begin working with Tiled, an open source level editor which we'll use to make the levels for our game. You can get Tiled at www.mapeditor.org

---

Connect with ZENVA

What would you like to learn next?

03:35

In this lesson we'll talk about adding elements to a Tiled level.

---

Connect with ZENVA

What would you like to learn next?

02:03

In this lesson we'll begin with our project by creating a simple level.

---

Connect with ZENVA

What would you like to learn next?

08:33

In this lesson we'll cover how to load a level in Quintus, during the asset preloading sequence.

---

Connect with ZENVA

What would you like to learn next?

05:03

In this lesson we'll talk about spritesheets, which are images that contain all individual tiles.

---

Connect with ZENVA

What would you like to learn next?

04:27

In this lesson we add the player and incorporate platformer controllers, so that you can play the game in both desktop and mobile.

---

Connect with ZENVA

What would you like to learn next?

02:42

In this lesson we'll setup our camera so that the player can be followed around the level.

---

Connect with ZENVA

What would you like to learn next?

05:03

In this lesson we'll add some basic platformer enemies to our game.

---

Connect with ZENVA

What would you like to learn next?

06:14

In this lesson we'll present the concept of custom components, which are custom Quintus modules.

---

Connect with ZENVA

What would you like to learn next?

06:58

In this lesson we'll implement ground enemies, which are enemies that walk in the ground and turn around when they reach a cliff.

---

Connect with ZENVA

What would you like to learn next?

05:07

In this lesson we'll implement vertical flying enemies.

---

Connect with ZENVA

What would you like to learn next?

02:28

In this lesson we'll add some sound into our game. We'll play a sound every time the player steps on an enemy.

---

Connect with ZENVA

What would you like to learn next?

04:28

In this lesson we'll play a sound every time a player jumps.

---

Connect with ZENVA

What would you like to learn next?

Section 3: Publishing HTML5 Games to the Amazon Appstore
Article

This lesson is an intro to the section where we cover the Amazon Appstore and how to publish HTML5 games to it.

---

Connect with ZENVA

What would you like to learn next?

04:31

In this video we introduce the Amazon Appstore for HTML5 app/game developers.

---

Connect with ZENVA

What would you like to learn next?

02:14

In this video we cover the steps to create an account as an Amazon App Developer.

---

Connect with ZENVA

What would you like to learn next?

06:29

In this lesson we talk about HTML5 webapps and games in the Amazon Appstore, and what the steps are to prepare an existing app for the store.

---

Connect with ZENVA

What would you like to learn next?

05:24

In this lesson we talk about the steps to publish a HTML5/web app or game to the Amazon Appstore.

---

Connect with ZENVA

What would you like to learn next?

Section 4: Course Outro
02:03

Congratulations! you've completed the course. In this video we go through the main concepts that we covered.

Hope to see you again in the next course!

---

Connect with ZENVA

What would you like to learn next?

05:13

Before we begin lets take a look at other game development courses which you can find in Udemy. If you like this course feel free to check our other courses. Here you can find all of our courses:

https://www.udemy.com/u/pablofariasnavarro/

---

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?
Start Learning Now