Video description
In this training video on creating Interactivity with HTML5 and CanvasJS, author and designer Mark Shufflebottom will introduce you to CanvasJS and how to use it with the HTML5 Canvas to create rich, interactive content.
Throughout the course of this tutorial, Mark uses the example of an interactive game to show you how to use CanvasJS. You will build this game using EaselJS and Flash components (provided in the working files), and along the way learn how to create mouse interactions, debugging, create animation and movement, deal with collisions and much more.
By the completion of this training course, you will be familiar with the Canvas tag for HTML5, and using EaselJS to create interactive content for your website. Working files are included to allow you to follow along and use the same files that the author uses throughout the training.
Publisher resources
Table of contents
-
Introduction
- HTML5 Canvas And EaselJS Introductions 00:04:58
- Install The Plug-in 00:04:58
- Export To Canvas 00:04:53
-
Title Screen Interactions
- Mouse Interactions 00:04:34
- Tidying The Display 00:02:49
-
Hero Movement
- Clicking And Debugging 00:03:02
- Creating Movement 00:07:11
- Adding Animation 00:01:31
-
Enemy Control
- Managing Attacks 00:04:25
- Setting The Retreat 00:03:40
- Controlling The Steal 00:02:51
-
Controlling The Collectables
- Controlling The Collectables 00:04:03
- Cracking Up 00:02:48
- Colliding With Player 00:06:49
- Returning The Collectable 00:03:17
-
Finishing The Game
- Setting Game Over 00:05:08
- Increasing Difficulty 00:03:10
-
About The Author
- About Me 00:00:39
Product information
- Title: HTML5 And CreateJS
- Author(s):
- Release date: September 2012
- Publisher(s): Infinite Skills
- ISBN: 9781771370295
You might also like
video
Modern JavaScript From The Beginning
Learn and Build Projects with Pure JavaScript (No Frameworks or Libraries) About This Video Understanding of …
video
Bootstrap 4 From Scratch With 5 Projects
Master the latest version of Bootstrap (4.0.0 Beta) and build 5 real-world themes while learning HTML5 …
video
The Modern JavaScript Bootcamp (2019)
Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7! About …
video
20 Web Projects with Vanilla JavaScript
Build 20 mini frontend projects from scratch with HTML5, CSS, and JavaScript About This Video Gain …