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
Free tutorial
Rating: 4.2 out of 5 (506 ratings)
34,701 students
Intro to HTML5 Game Development
Free tutorial
Rating: 4.2 out of 5 (506 ratings)
34,701 students
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

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)
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!

Who this course is for:
  • Motivated people with basic JavaScript and web development knowledge
Course content
4 sections • 24 lectures • 1h 38m total length
  • Course Intro
    02:56
  • Intro to HTML5 Quintus
    11:40
  • Source Code
    00:11
  • Additional Resources
    00:17
  • Using the Tiled Map Editor - Part 1
    03:19
  • Using the Tiled Map Editor - Part 2
    03:35
  • Making a Simple Level
    02:03
  • Loading a Level in Quintus
    08:33
  • Quintus Spritesheets
    05:03
  • Adding the Player
    04:27
  • Setting the Viewport
    02:42
  • Basic Enemies
    05:03
  • Custom Components
    06:14
  • Ground Enemies
    06:58
  • Vertical Enemies
    05:07
  • Audio Support
    02:28
  • Playing Sound on Player Jump
    04:28
  • Section Intro
    01:55
  • Intro to the Amazon Appstore for Web App Developers
    04:31
  • Amazon Developer Account Creation
    02:14
  • HTML5 Web Apps at the Amazon Appstore
    06:29
  • Publishing a HTML5 Game to the Amazon Appstore
    05:24
  • Course Outro
    02:03
  • BONUS LECTURE: GET 20 COURSES - COMPLETE BUNDLE
    00:24

Instructors
Certified Game Developer and Founder of ZENVA
Pablo Farias Navarro
  • 4.4 Instructor Rating
  • 20,773 Reviews
  • 415,039 Students
  • 40 Courses

Certified game developer and Founder of ZENVA - the world's leading platform to learn game making, VR, machine learning and full-stack programming. Since 2012, Pablo has been developing professional-grade courses that have helped over 400,000 learn to code.

Pablo is a member of the Intel Innovator Program in the Asia Pacific Region, 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.

Build Games, Apps, Websites and VR Experiences
Zenva Academy
  • 4.4 Instructor Rating
  • 20,770 Reviews
  • 415,028 Students
  • 39 Courses

Trusted by 500,000+ learners and developers, Zenva provides world-class training on in-demand programming skills covering game development, machine learning, virtual reality and full-stack web development.

Our e-learning platform Zenva Academy is the leading place to upskill, learn and gain key tech skills for the innovation economy.