Beginning HTML 5 Game Development With Quintus

In this course, you'll learn how to create an HTML5 game using the JavaScript game engine Quintus.
Course info
Rating
(183)
Level
Intermediate
Updated
Oct 25, 2013
Duration
2h 52m
Table of contents
Introduction
Drawing On Canvas
Getting Started With Quintus
Moving And Shooting
Making Enemies
Description
Course info
Rating
(183)
Level
Intermediate
Updated
Oct 25, 2013
Duration
2h 52m
Description

Game development is awesome! And it is actually much easier than you think, especially now that you can develop games completely using web technologies you probably are already familiar with. Modern browsers today that have support for HTML5 and fast JavaScript engines are more than capable of running complex games that would have been impossible years earlier. In this course, I’ll show you how to create a complete game using only HTML5 and JavaScript. We’ll start off by learning the basics of game development and the basics of how HTML5 and modern browser technologies support it. Then, we’ll dive right in and start implementing the basics of a game. We’ll start off by actually creating the start of a game completely from scratch, implementing everything ourselves. Once we’ve seen the basics of doing things from scratch, we’ll introduce a JavaScript game engine to help us out as we learn about Quintus and start building our first real complete game. From there on we’ll expand our game little by little as we add features like moving a player around and firing shots in the game. We’ll also learn how to create enemies in the game and give them some intelligence. So, if you are interested in game development or if you just want to see what is possible with HTML5, check out this course. You’ll be surprised how easily you can put together a real HTML5 game.

About the author
About the author

John Sonmez is the founder of Simple Programmer (http://simpleprogrammer.com), where he tirelessly pursues his vision of transforming complex issues into simple solutions

More from the author
Beginning Lua
Intermediate
2h 50m
2 Dec 2013
Beginning HTML5 Apps For Firefox OS
Intermediate
2h 20m
17 Oct 2013
Developing for Leap Motion in C#
Intermediate
2h 52m
11 Oct 2013
More courses by John Sonmez
Section Introduction Transcripts
Section Introduction Transcripts

Introduction
Hi, this is John Sonmez from Pluralsight, and welcome to this course on Beginning HTML5 Game Development with Quintus. In this course, I'll be showing you how to create a real game just using web technologies like HTML5 and JavaScript. We'll also be using the Quintus game engine to make things a bit easier once we understand the basics. It's pretty amazing how easily you can create real games using HTML5 today. In this course, we'll learn the basics of game development, as well as how to utilize the HTML5 canvas to display our game and the basics of the Quintus game engine. By the end of this course, you should have a good idea of how to create games using HTML5 and have a basic understanding of important game development concepts, as well as have created your own space shooter game.

Drawing On Canvas
Hi, this is John Sonmez from Pluralsight, and in this module, we'll be continuing to learn about HTML5 game development as we implement the basics of the game from scratch using nothing but the HTML5 canvas, JavaScript, and a little bit of jQuery. I think you'll be pretty surprised to find just how easy it is to create the very basics of a game using HTML5. All we really have to do is create a basic game loop and be able to draw an image on an HTML canvas, as well as get input from a user in order to create the basic workings of a game. We aren't going to try and implement a complete game in this way though, but after implementing the very basics from scratch, you'll be in a much better position to understand what a game engine like Quintus does for us and why we would want to use it.

Getting Started With Quintus
Hi, this is John Sonmez from Pluralsight, and in this module, we're going to be getting started creating our first real HTML5 application using the game engine Quintus. Okay, so now that we know the basics of games and how to create a game using HTML5 technologies, it's time to put what we learned into use and to learn the basics of a pretty easy to use HTML5 game engine called Quintus. In this module, we'll be creating our shooting game and we'll learn the basics of Quintus. You can of course create HTML5 games without a game engine, but why not use someone else's plumbing code so you can focus on the core of your game. By the end of this module, you should have a basic understanding of Quintus and how to use it to draw some sprites on the screen and animate those sprites.

Moving And Shooting
Hi, this is John Sonmez from Pluralsight, and in this module we are going to be adding some more capabilities to the game that we've been developing so far using the Quintus game engine. So far we haven't done a lot, we just have our game set up, we've drawn our background, and we have our player ship being drawn, we've learned a little about sprites and animation to do that, but in this module we're going to be expanding out a bit further and we're going to be adding some more capabilities. And along the way we're going to learn a couple of important concepts, some things like how to get input from the user and to use that input to move the player around, as well as to do something that a lot of games need to do, which is to manage shots on a screen. And there's a couple of considerations that we'll have to take into account when we do this. So, by the end of this module, you should have a pretty good idea of how you can implement some simple movement from keyboard input or touch input in your game, and how to fire shots and manage those shots on the screen.

Making Enemies
Hi, this is John Sonmez from Pluralsight, and in this module we're going to be making enemies. We're going to be expanding the game that we've been creating so far to actually add an opponent so that we can actually do something in the game. So in this module, I'm going to be showing you how to create an enemy sprite, which isn't going to be all that different from creating a player sprite, but what will be a bit of a challenge is making the enemy sprite move on its own, and to move in a way that makes sense, and to fire at the player. Then we'll also be adding the functionality to make it so that if a player is hit with a shot or an enemy is hit with a shot, then we handle that appropriately and kill the player or kill the enemy. And then towards the end of this module, I'll be leaving you with some ideas for some next steps where you can take the game further than we could in this short course.