live coding plan - random polygons

live-coding-plan-random-polygons.md

this is a rough plan for a demonstration. it is NOT a guide for students.

demo plan - random polygons

start with nothing

see [beginShape() documentation](https://p5js.org/reference/#/p5/beginShape

beginShape();
vertex(100, 100);
vertex(200, 100);
vertex(200, 200);
vertex(100, 200);
endShape(CLOSE);

random triangles - 3 random vertices anywhere on screen (copy paste)

random 6-vertex polys anywhere on screen (copy paste) - done

	beginShape();
	vertex(random(width), random(height));
	vertex(random(width), random(height));
	vertex(random(width), random(height));
	vertex(random(width), random(height));
	vertex(random(width), random(height));
	vertex(random(width), random(height));
	endShape(CLOSE);

factor out a randomVertex() - vertex anywhere on screen

limit the range of the randomness: randomVertexAroundCentre(variance) - first impl:

let x = width / 2 + random(-variance, variance)
let y = height / 2 + random(-variance, variance)

change to randomVertexAroundPoint(mouseX, mouseY)

factor out drawShape(x, y, variance)

mouse dragged

keypresses change variance

silhouette palette

blendMode()

grid

symmetry

sketch stage snapshots

• simplest
• stage 2 - random around centre
• stage 3 - random around point
• stage 4 - keypresses change size