Everything you see on a screen is created by colours. I know that’s obvious. What else would it be. But think of a film or a photograph. All the different colours, tones and shades; as many as your eye can see. (But more about that another time.
The sketch above shows a linear spectrum of colours; Red, to Yellow, to Green, to Blue, to Pink and back again.
Here’s a P5js sketch with concentric circles created using a for loop. This is what happens when x += 50. Change x to += a smaller number to draw more circles closer together. This is called iteration. Its one of the best ways to make the code do the work!
There is a bit of randomness hidden behind the commented out code. Remove the // and see what happens.
This code will let you visually understand how assigning X and Y coordinates in P5js works. This is inspired by a similar visual aid on codeAcademy creative coding tutorials
https://www.codecademy.com/courses/learn-p5js – This course is definitely recommended.
If You feel you are in crisis or need immediate mental health support text SPUNOUT to 50808 to start an anonymous conversation with a trained volunteer – 24/7. Below are some links to additional supports available. College Student Counselling Service
Being more mindful of our mental health has really become a greater focus over this past 12 months. Let’s explore some of the ways we can take care of our mental health and improve the quality of our day.