Create Cross Platform Games and Apps using Canvas
- Description
- Curriculum
- FAQ
- Reviews
Gaming is one of the most popular computer activities. New technologies are constantly arriving to make it possible to develop better and more powerful games that can be run in any standards-compliant web browser.
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
-
1IntroductionVideo lesson
-
2What is CanvasVideo lesson
-
3Why is Canvas PopularVideo lesson
-
4What You can Create with CanvasVideo lesson
-
5Create Your First Canvas Part 1Video lesson
-
6Create Your First Canvas Part 2Video lesson
-
7Understanding Co-ordinatesVideo lesson
-
8Create a simple GraphicVideo lesson
-
9ConclusionVideo lesson
-
10IntroductionVideo lesson
-
11Creating The CanvasVideo lesson
-
12Accessing The Canvas With JavaScriptVideo lesson
-
13Drawing The BallVideo lesson
-
14Moving The BallVideo lesson
-
15Clearing the CanvasVideo lesson
-
16Bouncing The Ball : Part1 - Refining The JavaScript CodeVideo lesson
-
17Bouncing The Ball : Part2 - Implementing Collision DetectionVideo lesson
-
18Project TourVideo lesson
-
19Create The Canvas For The GameVideo lesson
-
20Accessing the Canvas Using JavaScriptVideo lesson
-
21Create The Ball For The GameVideo lesson
-
22Make the Ball MoveVideo lesson
-
23Remove Obstructions to the BallVideo lesson
-
24Make The Ball Bounce Using Collision Detection-Part 1Video lesson
-
25Make The Ball Bounce -Part 2Video lesson
-
26IntroVideo lesson
-
27Create VariablesVideo lesson
-
28Create Functions For The PaddleVideo lesson
-
29Create Event Listeners and EventsVideo lesson
-
30Create Functions to Control EventsVideo lesson
-
31Create More VariablesVideo lesson
-
32Determine how to move the PaddleVideo lesson
-
33How to end the GameVideo lesson
External Links May Contain Affiliate Links read more