Creating a Responsive Multiplayer Action Web Game in HTML5
Pluralsight
Course Summary
In this tutorial we'll learn advanced topics surrounding HTML5 game development. Software required: HTML5, CSS.
-
+
Course Description
In this tutorial we'll learn advanced topics surrounding HTML5 game development. Throughout these lessons we will look at the steps required to build a multiplayer action game from scratch.We'll start by setting up our game scene using the Pixi.js open source library. We'll continue by implementing physics, audio and other game elements that are often tricky in-browser. We'll take a look at getting the most out of our performance by using Google Chrome's Developer Tools. Finally, we'll use WebSockets and Node.js to add multiplayer elements to our game.By the end of this tutorial, you'll have a solid understanding of advanced HTML5 game development topics and workflows, as well as a fully functioning game that will scale to fit any screen size. Software required: HTML5, CSS.
-
+
Course Syllabus
Introduction and Project Overview- 1m 7s
—Introduction and Project Overview 1m 7sCreating a Responsive Multiplayer Action Web Game in HTML5- 2h 9m
—Setting up an Efficient Workflow 8m 59s
—Drawing Our Character on the HTML5 Canvas 8m 36s
—Setting up Keyboard User Input 10m 15s
—Adding a Physics Simulation to Our Game Loop 8m 33s
—Setting up Physics-based User Input 9m 42s
—Creating Randomly Spawning, Physics-based Enemies 10m 54s
—Setting up Browser Audio 9m 0s
—Triggering Audio from Physics-based Collisions 10m 11s
—Tuning Cpu/gpu Performance in the Browser 15m 16s
—Identifying and Patching Memory Leaks 8m 45s
—Making the Game Responsive 8m 36s
—Adding Multiplayer Gameplay 11m 31s
—Preparing the Game for Deployment 9m 4s
