Lecture – Drawing a Circle on Canvas

Drawing a Circle on the Canvas

Prerequisites

Should have familiarity with JSFiddle and Javascript

Summary

Demonstrates how to draw a circle on the HTML5 Canvas using the equation for a circle and the line. Covers topics

1. HTML5 Canvas
2. Drawing using 2D Context
3. Creating a shape using an equation (circle)
4. Using timer to animate circle
5. Mention of prototypes and adding a function to an object.

Video


Reference Materials
JSFiddle of Loop Version – http://jsfiddle.net/reaglin/0rw5ny4m/

JSFiddle of Timer Version – http://jsfiddle.net/reaglin/rtuz8jn3/

Additional Information

COP 4813 Lectures