Create Cross Platform Games and Apps using Canvas
3.8 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
400 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Create Cross Platform Games and Apps using Canvas to your Wishlist.

Add to Wishlist

Create Cross Platform Games and Apps using Canvas

Learn to create 2D Graphics and Animations
3.8 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
400 students enrolled
Last updated 6/2016
English
Current price: $10 Original price: $125 Discount: 92% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Create a Canvas
Spot unsupported Canvas browsers
Understand Co-ordinates
Familiar with Canvas Attributes
Know how to render 2d graphics
Create a function to draw on Canvas
View Curriculum
Requirements
  • Basic HTML Skills
  • Basic CSS Skills
  • Basic JavaScript Skills
  • How to use a text editor
Description

Canvas is an HTML element that acts as a container or surface that you can draw 
2d and 3d graphics on using the javascript scripting language.  Canvas behaves like
any HTML element in that you can assign attributes and css styling to it.

Canvas is a fairly new technology of HTML5 and not supported in much older versions 
of major web browsers. The more recent versions of the major web browsers supports the canvas element.

Canvas is quite popular with developers as the development tools required to create canvas
based applications are free.Another cool thing with canvas is that you only have to create canvas
applications once and deployed to any device or medium that has a modern web browsers. 
This is a huge advantage over other apps that have to be deployed to the app store,google play
or windows store.

Canvas can be used in a variety of ways such as to create 2d and 3d games, Advertising,Data representation and reporting 
as well educational related projects.

What You Will Learn

  • What is Canvas
  • Why Canvas is popular
  • What Browser's support Canvas
  • What you can create with Canvas
  • Creating your first canvas
  • Understanding The Coordinates 
  • Creating a simple graphic
Who is the target audience?
  • This course is meant for those with basic knowledge of HTML,CSS and Javascript
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 43 Lectures Collapse All 43 Lectures 03:57:33
+
Learning The Basics
9 Lectures 39:43





Create Your First Canvas Part 2
07:58

Understanding Co-ordinates
04:28

Create a simple Graphic
11:45

Conclusion
01:20
+
Project: Creating a Continuous Bouncing Ball
8 Lectures 50:54
Introduction
00:44

Creating The Canvas
05:03

Accessing The Canvas With JavaScript
04:52

Drawing The Ball
11:46

Moving The Ball
07:55

Clearing the Canvas
06:21

Bouncing The Ball : Part1 - Refining The JavaScript Code
03:48

Bouncing The Ball : Part2 - Implementing Collision Detection
10:25
+
Project 2: Create a complete 2d game on Canvas
8 Lectures 52:02
Project Tour
01:51

Create The Canvas For The Game
05:04

Accessing the Canvas Using JavaScript
04:52

Create The Ball For The Game
11:46

Make the Ball Move
07:55

Remove Obstructions to the Ball
06:21

Make The Ball Bounce Using Collision Detection-Part 1
03:48

Make The Ball Bounce -Part 2
10:25
+
Project 2: Create A Paddle and Controls for The Keyboard
8 Lectures 42:26
Intro
00:28

Create Variables
05:35

Create Functions For The Paddle
07:09

Create Event Listeners and Events
04:52

Create Functions to Control Events
07:04

Create More Variables
03:40

Determine how to move the Paddle
07:40

How to end the Game
05:58
+
Project 2: Create The Bricks
10 Lectures 52:28
Intro
01:26

Create Variables For The Bricks
04:16

Create Arrays For The Bricks
04:30

Create Functions To Draw Bricks
07:06

Collision Detection
08:31

Activating Collision Detection
04:05

Create Game Score To Win
09:44

Create Mouse Controls
06:17

Sample Games
04:39

Where You Could Sell Your Games
01:54
About the Instructor
Bluelime Learning Solutions
4.1 Average rating
963 Reviews
24,062 Students
62 Courses
Learning made simple

Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills .

Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need.