Note: This course was created by Packt Publishing. We are pleased to host this training in our library.
- Planning your first game
- Setting up your file structure
- Setting up HTML and JS
- Drawing basic shapes with EaselJS
- Implementing your first game object
- Creating the core game logic
- Adding graphics to your game
- Planning your second game
- Handling obstacle and hero collisions
- Making the hero run and jump
- Adding graphics and animations
- Polishing your final game
Skill Level Beginner
- [Instructor] Hi there, I'm Thomas Mak. Welcome to the HTML5 game development video course by Packt Publishing. I've been a professional web developer and game designer for 15 years. I ran my own game company and trained students to get awards in international web design competitions. I made games on different platforms including on the web with HTML5. I also built Facebook games with social features. Moreover, I made iPad games and real-time multiplayer games with WebSocket.
We use a library called CreateJS. It is a collection that contains many different parts. Its EaselJS handles object hierarchy when drawing vector and bitmaps on Canvas. The SoundJS allows us to have better control on the HTML audio playback. The PreloadJS allows us to preload the sprite sheet and audio before the game starts. The first game is a counting game that we learn how to handle mouse clicking and tapping event.
We also make the game run nicely in mobile devices with retina display. The second game is called Rush. We make the game in minimal style. The player needs to run on some floating platforms and jump through the gaps and obstacles to avoid game over. We will create a gravity environment to make the player falls in the game world. Then, we detect collision so that the player can stand on the floating platforms and we'll interact with the other game objects.
We also learn how to adjust the difficulties and count scores based on the levels. The games are built using HTML5 canvas tag with the CreateJS library. CreateJS is a collection of utilities to help creating rich interactive content with web standards. We will draw the vector graphics in Adobe Animate and export it to CreateJS drawing script. Don't worry if you aren't Adobe Creative Cloud membership.
And last, we finalize the game's webpage and publish the game on the web for others to play. By going through the course, we will have built two games that are published and ready for play.
Q: Should the exercise files be run from a server or locally?
A: Please run the exercise files from a server as directed. The files will not work properly if run locally.