Bohermore Community Project

P5 Concenteric Circles

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.

P5js Canvas Coordinate Visual Example

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.

P5 – Stroke Weight Demo

Edit Post Add title Click the canvas to increase the stroke weight of the ellipses by 10px

P5js – Red Green Blue and Alpha Channel

P5js – Red Green Blue and Alpha Channel demonstration with Circles.
Edit on the Bohermore CodePen page