Create simple HTML5 Canvas Game with JavaScript Pong Game

Create simple HTML5 Canvas Game with JavaScript Pong Game, available at $44.99, has an average rating of 4.25, with 19 lectures, based on 21 reviews, and has 5701 subscribers.

You will learn about How to apply JavaScript to make a simple HTML5 canvas game Draw with JavaScript in HTML5 Canvas How to plan and create a JavaScript game Creating games with JavaScript This course is ideal for individuals who are JavaScript developers or Anyone who wants to create a fun simple game online or HTML5 game developers or Anyone who is starting out with game development It is particularly useful for JavaScript developers or Anyone who wants to create a fun simple game online or HTML5 game developers or Anyone who is starting out with game development.

Enroll now: Create simple HTML5 Canvas Game with JavaScript Pong Game

Summary

Title: Create simple HTML5 Canvas Game with JavaScript Pong Game

Price: $44.99

Average Rating: 4.25

Number of Lectures: 19

Number of Published Lectures: 19

Number of Curriculum Items: 19

Number of Published Curriculum Objects: 19

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

How to apply JavaScript to make a simple HTML5 canvas game
Draw with JavaScript in HTML5 Canvas
How to plan and create a JavaScript game
Creating games with JavaScript

Who Should Attend

JavaScript developers
Anyone who wants to create a fun simple game online
HTML5 game developers
Anyone who is starting out with game development

Target Audiences

JavaScript developers
Anyone who wants to create a fun simple game online
HTML5 game developers
Anyone who is starting out with game development

Explore how you can create a quick simple game using JavaScript and HTML5 canvas element

Create an HTML5 Pong Game from scratch

Learn coding with FUN interactive game development – See what you can build in less than 1 hour with JavaScript!!!

Course covers all the core functions needed in a game

Basics of drawing on HTML5 canvas
How to create and track key presses
Setting basic game objects to manipulate and move on screen
Planning and game concepts
Adding second player and creating interaction
How to setup collision detection of two objects in canvas
How to add a bouncing ball on screen within HTML5 canvas
How to create smooth animations with JavaScript request animation frame object
Game review and how to make tweaks and adjustments

Source code is included so you can build your own version of the game as you go through the lessons

Quick straight to the point instruction by professional developer with over 19 years of experience – ready to help you learn and answer any questions you may have.

Learn and explore what HTML is and how it can be used to create amazing web pages – Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript

Course Curriculum

Chapter 1: Introduction to creating a simple game using HTML5 Canvas and JavaScript

Lecture 1: HTML5 Canvas Game Introduction.

Lecture 2: Web Development Code Editor Update Information

Lecture 3: How to Setup of HTML5 Game Board

Lecture 4: Source Code code snippet simple HTML5 Game setup

Lecture 5: How to Draw more shapes on Canvas HTML5 and JavaScript coding

Lecture 6: Source Code drawing on HTMl5 canvas element

Lecture 7: How to add KeyBoard Interaction to your HTML5 Simple Game

Lecture 8: Source Code adding keyboard event listeners HTMl5 canvas game

Lecture 9: How to create an opponent Second object on Screen HTML5 Canvas game

Lecture 10: Source Code adding second player HTML5 game code snippet

Lecture 11: How to create smooth animations in an HTML5 Canvas game Animation Frames

Lecture 12: Source Code for animation frames with HTML5 example code

Lecture 13: How to add collision detection between two objects on Canvas JavaScript

Lecture 14: Source Code for HTML5 Collision detection objects Code example

Lecture 15: How to add a Bouncing Ball on canvas using JavaScript Code in HTML5 canvas

Lecture 16: Source Code code snippet for animation of bouncing ball

Lecture 17: JavaScript simple game Final Game Tweaks

Lecture 18: Source Code Final Game Code

Lecture 19: Create pong game with pure javascript Pong Game Code Review.

Instructors

Laurence Svekis
Instructor, GDE, Application Developer

Rating Distribution

1 stars: 0 votes
2 stars: 1 votes
3 stars: 4 votes
4 stars: 12 votes
5 stars: 4 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu