MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch

Genre: eLearning | Language: English | Duration: 38 Videos (15h 29m) | Size: 4 GB

Learn HTML5 Canvas by doing

With the advent of the HTML5 Canvas tag, the world of graphical manipulation in the browser has become a reality. This series is an exploration of some the possibility that are available when using the canvas element. The ultimate aim is to use project-based exploration of the capabilities of the HTML5 Canvas element by building games as well as some utilities. Along the way, you may learn some other interesting JavaScript uses. See you there!

Outline:

Pong

Project Planning and Setup

Creating The Ball

Creating The Paddle

Creating The Human Player Paddle

Creating Computer Player Paddle

Refactoring to a Game Object

Creating the Scoring System

Detecting Collisions

Extensions

Photo Editor

Project Planning and Setup

Creating The Interface

Accessing The Photo

Build the Photo Manipulation Functions

Saving the Photo

AtmoAttack

Planning The Project

Creating A Basic Fighter

Creating A Basic Attacker

Creating The Pellets

Cleanup and Refactor

Swarming the Attackers

Adding Sprites

Win or Lose: Play!

DevPaint

Planning the Project

Creating the Pencil Drawing

Adding Color Choices

Adding Size Choices

Adding Tool Choices

Super SmileyBiteMan

Planning the ProjectSuper SmileyBiteMan