Difference between revisions of "Variable Geometry"

@@ Line 1: / Line 1: @@
-<script>
+<div id="variable-geometry"></div>
-/*Inspired by David Reinfurt's work - Multi*/
-let moving_size = 50;
-let static_size = 20;
-function setup() {
-  createCanvas(windowWidth, windowHeight);
-  frameRate(15);
-}
-function draw() {
-  //background
-  background(random(230, 240));
-  //left
-  noStroke()
-  fill(0);
-  rect(97, 169, 79, 12);
-  //right
-  rect(365, 184, 20, 15);
-  fill(20, 20, 120);
-  beginShape();
-  vertex(365, 199);
-  vertex(385, 199);
-  vertex(372, 216);
-  vertex(358, 216);
-  endShape(CLOSE);
-  //bottom
-  noFill();
-  stroke(130);
-  strokeWeight(2);
-  ellipse(255, 350, static_size, static_size);
-  //mouse interactions
-  stroke(180);
-  ellipse(mouseX, mouseY, moving_size, moving_size);
-  if (mouseIsPressed) {
-    static_size = floor(random(5, 20));
- }
-}
-</script>

Revision as of 10:29, 29 September 2021