JavaScript tutorial 2/24: Drawing shapes on canvas using p5.js in codeguppy | Coding for beginners
► Chapters
0:00 Introduction
2:34 Recap circles from lesson 01
4:12 Ellipse
8:48 Rectangle
13:02 Line
17:35 Triangle
21:40 Arc
28:14 Text
30:59 Recap drawing commands
36:39 strokeWeight
41:53 Homework
44:00 Drawing programs on codeguppy
► Other lessons and projects
💖 Coding Lessons playlist (Full JavaScript course). Go here for the next lesson.
• Learn JavaScript (creative coding and...
💖 Coding Projects playlist (Cool games and fun projects on the canvas)
• Coding Projects
► About the JavaScript coding course:
This lesson is part of a series of JavaScript lessons for beginners. Watch them in order for a complete understanding. This series is based on the https://codeguppy.com platform (a popular free coding platform used by schools and coding clubs around the world).
The intended audience for this series of JavaScript tutorials are code newbies that want to learn JavaScript in the simples way possible. Advanced JavaScript users can also find tons of fun in the included recreational coding activities.
CS educators and teachers may find this series useful for their activities. Together with the coding there are presented many coding hints and tips that can be used in the coding club.
Lol: just think of "diameter" each time I'm saying "diagonal" of the ellipse 😁