HTML5 Canvas JavaScript Tutorial | Creating classes and object circles dynamic [#2]

HTML 5 JavaScript Canvas Tutorial. Create and generate objetcs and rectangles dynamic with for and for each loops ind JavaScript. With a constructor, you can give attributes to the objects, and you can create as much objects as you want. Easy canvas game and browser tutorial. Learn canvas and master the skills in canvas. In this tutorial series, you will learn all about canvas. Canvas move game object, the basic for the html canvas game tutorial. Javascript canvas circle drawing and animations.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
[Allgemeine Beschreibung + Keywords]
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
✔️CHECK OUT MY HOMEPAGE ✔️
✔️ADOBE PROGRAMMS FOR BETTER EXPERIENCE ✔️
🔨 LEARN BUILDING YOUR OWN WEBSITES 🔨
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
👀 MY SOCIAL MEDIA 👀
✔️ Instagram: Link✔️
✔️ Twitch: Link✔️
✔️ Homepage: Link✔️
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
⚫️ We are using music and sounds in the videos from the YouTube audio library under the free license.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
⚫️ Links marked with (*) are affiliate links. You can support me for free using those, without paying more. There can be a positive commission for me.

[anrealnub]

for anyone having the color being only black issue like me, add this line to the draw context function:

*context.strokeStyle = this.color;*

The reason it didn't work it because he forgot to use it, anyways like the comment so other can be helped out too?

[jurygans]

In your class Circle need add context.strokeStyle = this.color to draw function

[hadi.edh]

perfect perfect perfect!
thank you a lot.❤

[loverphp]

nicely explained . i liked it . its too helpful

[masonwheeler]

Great video, helped me immensly with my project

[CarlosEduardo-knzf]

I don't even know English and I found it super easy to understand hahaha 😃

[atlantic_love]

You need to work a bit on your classes. To clean things up, put the canvas-related stuff in a class so that you're basically doing:

c = new Canvas('canvas', '2d');
cir = new Circle(c, x, y, radius);
cir.draw();

[curiousprogrammer]

Great! Can I do the same with .svg elements?

[Taydoue]

if I choose another color, other than black, the color won't change it stays black.

[dardanillyr]

How do you create small virvles where the whole circle is red, and that many random virvles falls down from the top (like a fruit cathcher game) and that you have a padle that moves to the left and Right in the Bottom that tries to catch the fruit Apple (red circle)?

[윤사마-vr]

thank you! It is really helpful contents

[necronomicon-xmortis]

😢 i try to follow it seems easy but it works then some of it dont

[xoxoxoxo]

Hi
How do I create a car on canvas with javascript?

[jacobwencloff]

Anyone els having issues getting the circle to appear ?
i coppied the code line for line and its still not working