HTML5 Canvas: Adding more vertices

We are currently consolidating our various websites to streamline our online presence and enhance user experience. This effort involves merging multiple sites into a single, cohesive platform, aiming to improve accessibility and provide our visitors with a more unified and efficient way to access our services and resources. During this transition, we recognize that navigation may become temporarily confusing, and we sincerely apologize for any inconvenience. Our goal is to archive all existing content and make it freely available, while simultaneously launching a new site that will feature content more relevant to today's modern workforce. For content that has not been merged into the brand of yet: learn.02skills.com.

Home » Courses » Drawing with Angles » Adding more vertices

Next
Video

Drawing with Angles

Working with sine, cosine and radians (12:09)
Creating an animating clock (10:15)
Creating Complex Shapes (11:01)
Adding more vertices (12:31)
Overlapping shapes to create other shapes (07:34)

Adding more vertices

There are many flags that contain stars that just cannot be created by overlapping triangles. In this recipe, we will figure out how to create a star that contains an arbitrary number of points We will use the same key concept we discovered in the previous lesson by taking advantage of a virtual circle to calculate positions, this time with two virtual circles. In this lesson , we will create the flag of Somalia and in the process figure out how to create a function that will enable us to create stars.

Keynotes:

Creating a multi pointed shape
It's all about stars now.
Using two virtual circles to create a shape.

Got A Question?

'I love being Prime'

Have a question but don't want to ask it publicly? If you are a prime member just ask right here and we will get back to you within 48 hours. Not prime yet? no worries you can ask publicly below.

Courses