Day 1 - Mousey Twins
For one of my first experiments playing around with p5.js, I focused on a few drawing essentials including shapes, fills and strokes, using the mouse position on the canvas to determine the height and width of the ellipses being drawn. Inspired by Adam’s fine line plotting masterpieces, I wanted to create something that felt organic yet precise. The mouse controls make it feel as though I’m painting the canvas. I like the small differentiations that show up in the space between the lines as I move the cursor, and the woven effect they create. I still haven’t quite wrapped my head around how to control the drawing, but maybe that’s not such a bad thing. I do love how a few simple lines of code can produce such unique drawings each time around depending on how the cursor moves, but that each still feels like part of the same system.
Code:
function setup() { createCanvas(700, 700); background(51) } function draw() { ellipse(200, 350, mouseX, mouseY) ellipse(500, 350, mouseX, mouseY) noFill() strokeWeight(.25) stroke(150) }