02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoPrevious Video

Meeting canvas paths

<p>In the last lecture we started to create the flag of Greece. We are still short on a few lines of code to complete this flag but before we can complete creating the flag we need to meet another new concept paths. By the end of this lesson you will understand how to work with paths in HTML5 Canvas. </p><h2>Keynotes:</h2><ul><li> Moving from stand alone lines to paths.</li><li> Explicitly defining the start point of a shape.</li><li> Drawing out the flag of Greece.</li></ul>

Drawing our first canvas lines

In this lecture, we move our attention to lines.

10:21

Meeting canvas paths

By the end of this lesson you will understand how to work with paths in HTML5 Canvas.

05:43

Drawing triangles with paths

By the end of this lesson you will know how to work with the beginPath and closePath methods and create your own geometric shapes.

08:35

Creating the Flag of Guyana

In this lecture we will take advantage of this new utility function to create the flag of Guyana. In the process we will learn how to create relative designs that can easily scale.

12:59

Creating Multi Pointed Shapes ( Kingdom of Bahrain )

By the end of this lesson you will have a deep understanding of how to work with paths to create complex shapes.

09:04