This repository is a collection of P5 sketches exploring the areas of shape and pattern. Each sketch can be viewed by clicking the link below the title.
This section will touch on:
- polar co-ordinates
- beginShape & endShape functions
- vertices
- grid systems & distortion of grid systems
- rotation of a system elements
- mouse interaction
Creating a circle through use of vertices and begin shape.
Press "S" to save the image as a PNG file.
Creating a custom shape by altering the number of vertex points it is composed of.
Click and drag to draw the shape. Alter the shape by moving the mouse around the screen.
Press 1 to randomise the color;
Press "Back Space" to clear the screen
Press "S" to save the image as a PNG file.
Creating a grid system populated by shapes rotated to form patterns.
Press 1 - 3 to alter the stroke style.
Click the mouse to generate a new grid system;
Press "S" to save the image as a PNG file.
Rotating the elements of a grid system towards the mouse using ATAN2.
Press 1 - 3 to alter the stroke style.
Press "S" to save the image as a PNG file.
Rotating the SVG elements of a grid system towards the mouse using ATAN2.
Press "S" to save the image as a PNG file.
altering the size and offset of grid elements using the mouse.
Click to change color.
Press "S" to save the image as a PNG file.
Obscuring one offset grid with a static grid.
Click to change color.
Press "S" to save the image as a PNG file.
Sizing and rotating elements in a grid based on their distance from the mouse.
Click to change color.
Press "S" to save the image as a PNG file.