Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
And much more!
There are only two things that you need to take this course: an internet connection and a computer. There is no need to download any paid software or set up complex development environments.
The material in this course is adapted from MDN, licensed under CC-BY-SA 2.5.
I hope to hear from you soon, and look forward to having you in my course!
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Getting Started|
Attribution to MDN
|Section 2: Introduction to the Canvas|
Set up and Basic Shape Creation
More Practice with the Canvas
Extra Information About the Canvas
|Section 3: Creating our Breakout Game|
Creating and Moving the Ball
Canvas Grid System and Draw function
Updating the Collision Detection
Creating the Paddle
Game over State
Review of Arrays and Objects
Creating the Brick Field
Brick Field Collision Detection
Keeping Track of the Score
Adding Mouse Controls
Mouse Controls: Exercise Solution
Adding Player Lives
Adding the drawLives() Function
Based in Ontario, Canada, we are a group of professionals dedicated to creating high quality web development courses. Our content is created with the student in mind. We take care in ensuring the content we create is understandable, relevant and aimed at taking you from novice to expert.
Self-education is the most prominent type of education there is. It shows that you are motivated and willing to explore outside the traditional boundaries of a brick-and-mortar classroom. Anyone serious about learning more about a specific topic would be a fool not to utilize the vast array of information found on the web.