Free Course – Intro to HTML5 Game Development

Intro to HTML5 Game Development

[button link=”https://academy.zenva.com/product/intro-to-html5-game-development/?zva_src=gamedevacademy” target=”_blank” style=”none, small, large, biglarge” title=”ACCESS THE COURSE FOR FREE”][/button]

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!

Will I get a certificate after course completion?

Yes :)

Zenva Academy diploma

By completing any course at Zenva Academy you’ll be awarded with a completion diploma which can be verified via URL and exported to LinkedIn to boost your career and impress potential employers.

[button link=”https://academy.zenva.com/product/intro-to-html5-game-development/?zva_src=gamedevacademy” target=”_blank” style=”none, small, large, biglarge” title=”ACCESS THE COURSE FOR FREE”][/button]

Intro to HTML5 Mobile Game Development with Quintus

html5 quintus mobile game development tutorial

Quintus is a lightweight JavaScript HTML5 game development framework created by Pascal Rettig. Making games with Quintus is really easy if you have basic JavaScript skills. The great thing about it is that your games will run on desktop, mobile phones, tablets, smart tvs and any HTML5 supporting device. You can learn how to create … Read moreIntro to HTML5 Mobile Game Development with Quintus

HTML5 Mobile Game Development by Example – Veggies vs Zombies [NEW]

HTML5 Mobile Game Development by Example - Veggies vs Zombies

Learn how to create games similar to the award winning Plants vs Zombies

What if you could use your HTML, CSS and JavaScript knowledge to create awesome mobile games for iOS, Android and the web?

In this course we’ll build an entire game called Veggies vs Zombies, defence game inspired in the popular game Plants vs Zombies. The game we’ll build doesn’t only cover all the game dev mechanics you need to know to fly free and make any game you want, but it’s also very addictive and fun to play!

Though out the course, we’ll use the lightweight and awesome game framework HTML5 Quintus, which allows you to make your own video games using only a text editor, a web browser and a local host.

What you’ll learn in this course:

  • Create a complete multilevel defence game
  • Basics of 2D games: sprites, scenes, stages.
  • Collision detection.
  • Making games that adjust to the screen resolution – a must in a post-pc world!
  • Loading levels from JSON files.
  • Adding audio to make your games memorable.
  • Putting it all together to make a fun and addictive gameplay!

This course was created by Pablo Farias Navarro, founder of ZENVA and the tech blogs GameDev Academy, HTML5 Hive and De Idea A App. Pablo specializes in web and mobile app development and has produced over 20 courses teaching over 35,000 students how to make games, apps and websites.

[button link=”https://lounge.zenva.com/product/html5-mobile-game-development-by-example-veggies-vs-zombies/?zva_src=gamedevacademy” target=”_blank” style=”none, small, large, biglarge” title=”ACCESS THE COURSE AND START MAKING GAMES”][/button]

HTML5 Game Development by Example – Educational Game (NEW!)

HTML5 Game Development by Example – Educational Game

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.

How to Make a HTML5 PacMan with Quintus

html5 quintus game dev tutorial

The following tutorial was created by Pascal Rettig (@cykod) and can be found in his site HTML5 Game Dev Tutorial, which will feature a collection of Quintus tutorials. If you’ve been following our Quintus tutorials such as the Math Racing Game or the Mario Clone series you’ll definitely enjoy this tutorial as well. First a … Read moreHow to Make a HTML5 PacMan with Quintus

Adding Coins and Lives to the Mario-Style HTML5 Platformer

html5 mario style game with coins quintus

NOTE: This tutorial is not updated to the latest Quintus version and doesn’t run with it. This tutorial is the third part in the Mario HTML5 platformer series, so get ready to dig in deeper into the awesome Quintus game framework. In this tutorial we’ll learn how to add coins, lives to our player and … Read moreAdding Coins and Lives to the Mario-Style HTML5 Platformer

Adding Enemies to a HTML5 Mario-Style Platformer

NOTE: This tutorial is not updated to the latest Quintus version and doesn’t run with it. HTML5 Mario-Style Platformer Series with Quintus: Part 1 – Create a HTML5 Mario-Style Platformer Game Part 2 – Adding Enemies to a HTML5 Mario-Style Platformer Part 3 – Adding Coins and Lives to the Mario-Style HTML5 Platformer Are you … Read moreAdding Enemies to a HTML5 Mario-Style Platformer

Create a HTML5 Mario-Style Platformer Game

html5 platformer with quintus

NOTE: This tutorial is not updated to the latest Quintus version and doesn’t run with it. HTML5 Mario-Style Platformer Series with Quintus: Part 1 – Create a HTML5 Mario-Style Platformer Game Part 2 – Adding Enemies to a HTML5 Mario-Style Platformer Part 3 – Adding Coins and Lives to the Mario-Style HTML5 Platformer Are you … Read moreCreate a HTML5 Mario-Style Platformer Game

Create a Mobile Educational Game with HTML5

html5 educational game tutorial with quintus

Kids nowadays get bored at school. A teacher talking to dozens of kids and expecting them to transform those low pitched sound vibrations into interesting concepts in their heads, can you imagine? And learning math in particular is hard for many, including some of my cousins and sons and daughters of people I work with. … Read moreCreate a Mobile Educational Game with HTML5