• Is it a positive or negative relationship? Example sketch.

The relationship between mouseX and the width of the ellipse is positive: as mouseX increases, so does the width.

• Is it an amplifying or diminishing relationship? Example sketch.

The relationship between Y (vertical move) and the speed of the ball is a diminishing one, as the ball goes higher, it slows down. The relationship between X (horizontal move) and the speed of the ball is an amplifying one, since as the amount of X increases, so does the speed.

Self-Portrait +

• The elements common to all of your sketches are: position, dimensions, stroke thickness, color values. Can you relate one or more of these elements to:

  • itself over time (so it changes over time)
  • a different element in your sketch
  • frameCount (which frame of animation is now)
  • mouseX or mouseY or the combined (mouseX, mouseY) mouse position
  • or something else!

  New self-portrait link: https://editor.p5js.org/mvlikaa/sketches/aDH9LxWhW

  The Process

  Different things I tried before landing here:

  • Mouse X and Mouse Y for background
  • Mouse X for the location of my pupils - it looked very funny
  • Mouse X and Mouse Y for the size of my pupils - with the background it looked like I was on drugs at a club, I thought its probably not appropriate
  • I then learned how to use map in order to move them in a boundary which was amazing because prior to that I was trying to use trig and tan which I barely remember
  • Afterwards, I used random and set some variables so that I could practice those and that way I changed the background color over time
  • I also finally learned bezier! But, I tried to use this code to make them move with mouse X also but it would remove the whole sketch! I’m not sure why:

  let controlX=0;
  let speedX=5;
  
  function draw() {
    background(220);
    controlX+=speedX;
    if ((controlX>150) || (controlX<0)) {
      speedX*=-1;
    }
    
    circle(50,100,5);
    circle(250,100,5);
    
  	noFill();
    bezier(209,172,222,160,223,170, 222,172)