HTML5 Game Development : Beginner to Pro

HTML5 游戏几乎可以在所有设备上运行。从过去 20 年来一直致力于创建休闲游戏的人那里了解如何创建它们。所有 HTML5 游戏都基于使用 JavaScript 在 Canvas 上显示内容的知识。我们使用最新的 JavaScript 版本 ES6，因此在学习游戏开发的同时，您还将学习最新的 JavaScript 语法。在本课程中，我们将从 Canvas 上单个图像的基础知识开始。从那里我们转向精灵 – 逐步开发一个您可以在自己的游戏中自由使用的精灵库。该库允许您显示帧动画精灵，这些精灵显示图像翻书以显示步行和跑步角色等等。

您将学习：

关于物理，轻松为您的游戏添加动态碰撞检测。

如何创建平台游戏、拼图和纸牌游戏。

如何添加多层音频。

如何为您的游戏添加预加载器。

如何添加使您的游戏脱颖而出的花里胡哨。

如何通过 WebSockets 处理多个用户。

所有代码都可以在您自己的游戏中免费使用。该课程包含大量资源和代码示例，您可以在自己的游戏中自由使用。作为课程学生，您还可以访问用于创建 spritesheets 和动画的在线工具。

完成本课程后，您将准备好开发任何 2d 游戏。仅假设您具有 HTML 和 Javascript 的基本知识，所有想法都通过您可以尝试的示例和您可以在自己的游戏中使用的资源进行解释。

查看预告片，了解学习课程后您将构建的内容类型。HTML5 游戏开发学习起来非常有趣，您在本课程中学到的技能将大大提高您的 JavaScript 技能，这将对您的 Web 开发职业有用。

h264, yuv420p, 1280×720 |ENGLISH, aac, 44100 Hz, stereo | 5h 39 mn | 3.35 GB
Created by: Nicholas Lever

Learn to use the HTML5 Canvas to create HTML5 games that will run in all modern desktop and mobile browsers.

What you’ll learn

Create stunning games that will run in most modern browsers, desktop and mobile.
Understand how to approach a complex interactive game for a client.
Understand how to approach multi-player games using web sockets.
How to add the bells and whistles to your game that make it stand out in the market

Requirements

Basic knowledge of setting up a website.
A text editor, Brackets (free) is recommended.
A basic knowledge of HTML and javascript is assumed.

Description

HTML5 Games run on just about all devices. Learn how to create them from someone who has spent the last 20 years creating casual games. All HTML5 games are based around a knowledge of displaying content on a Canvas using JavaScript. We use the latest JavaScript version, ES6, so as well as learning game development you will also learn the latest JavaScript syntax. In this course we start with the basics of individual images on a Canvas. From there we move onto sprites – developing step by step a sprite library that you are free to use in your own games. The library allows you to display frame animated sprites that show a flip book of images to display walking and running characters and much more.

You will learn:

About physics to easily add dynamic collision detection to your games.

How to create platform games, puzzle and card games.

How to add multiple layers of audio.

How to add a preloader to your games.

How to add the bells and whistles that make your game stand out.

How to handle multiple users via WebSockets.

All code is free to use in your own games. The course contains lots of assets and code examples that you are free to use in your own games. As a course student you also have access to an online tool for creating spritesheets and animations.

Having completed this course you will be ready to develop any 2d game. Only a basic knowledge of HTML and Javascript are assumed, all ideas are explained with examples you can try and resources you can use in your own games.

Take a look at the trailer to see the kind of content that you will be building once you’ve studied the course. HTML5 Game Development is great fun to learn and the skills you learn in this course will greatly improve your JavaScript skills which will be useful in your Web Development career.

Student reviews

“Great Course!!! I am learning so much. Nicholas is very good at presenting a concept explaining it and then implementing it into code all the while, allowing me the student to code along addressing any nuances that may be there. He is also very responsive to any questions. I know that enrolling into this course was a great decision and I already have the confidence to begin planning and developing my first game”

“If you’re looking for the stepping stones to becoming a Game Developer with HTML5, this is the best starting stone you could possibly find. Love this course!!”

“This is the first game development course I have been through where I really feel like I am being taught by an absolute expert/professional in the field.”

Who this course is for:

Students wishing to learn about 2d game authoring
Developers who want to use the HTML5 canvas for complex graphic content.
Students who want to learn tips and tricks from a pro on interactive sprite animation
Developers who want to learn how to create platform, tiled, card and puzzle games.