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

Drawing with quadratic curves

A quadratic curve is a curve that has one control point. Consider the case when creating a line, we draw it between two points. When we want to create a quadratic curve, we use an external gravity controller that defines the direction of the curve while the middle line (the dotted line) defines how far will the curve reach.

Keynotes:

  • Adding a control point to create curves.
  • Understanding how to use the control point.
  • Drawing an eye.

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

Drawing arcs

In this lecture we will move our attention to the arc again and this time really master it's full capabilities.

07:11

Drawing with quadratic curves

A quadratic curve is a curve that has one control point. Consider the case when creating a line, we draw it between two points.

07:37

Drawing with bezier curves (2 control point)

A bezier curve is a curve that has two control point. Consider the case when creating a line, we draw it between two points.

04:54

Drawing images into canvas

In this lesson we will learn how to add images into canvas, how to resize them and how to maintain there original ratio.

07:21

Creating an interactive linear Gradient

By the end of this lesson you will know how to work with linear gradients.

09:23

Working with interactive Radial Gradient

In this lecture we will learn how to create with it and understand how to control the two anchor points and radius of the gradient.

06:25