Nog even alle opdrachten afmaken voor het eindproject


Ik dacht laat ik nog even alle opdrachten er doorheen schieten voordat het te laat is, ik heb alles nu ruim van te voren af om de opdrachten nog op tijd af te krijgen. Ik ben geen problemen tegengekomen bij 1.5 t/m 3.1 van unit 2 (https://nycdoe-cs4all.github.io/index.html). Hieronder treft u alle opdrachten met de code aan.

function setup() {
  createCanvas(200, 200);
  colorMode(HSB); 
}
function draw() {
  var hue = map(mouseX, 0, width, 0, 360);
  background(hue, 100, 100);  
}
var x, y;
var diameter;

function setup() {
  createCanvas(600, 120);
  ellipseMode(CENTER);
  noStroke();

  x = 300;
  y = 60;
  diameter = 40;
}

function draw() {
  background(0,0,255);
  var d = dist(mouseX, mouseY, x, y);
  if (d < diameter/2) {
    fill(0,255,0);
  } else {
    fill(255,0,0);
  }
  ellipse(x, y, diameter, diameter);
}
var r, g, b;
var d;
var x = 300;
var y = 60;
var radius = 60;

function setup() {
  createCanvas(600, 120);
  strokeWeight(8);
  smooth();

  r = 70;
  g = 70;
  b = 70;

}

function draw() {
    stroke(r, g, b);
    d = dist(mouseX, mouseY, x, y);

    if (d < radius) {
        stroke(r, g, b);
        fill(0);
 
    }
    else{
      fill(r, g, b);
    }

    ellipse(x, y, radius, radius);

    if (mouseIsPressed){
        if (d < radius) {
          r = random(0, 255);
          g = random(0, 255);
          b = random(0, 255);
        }
    }
}
function setup() {
  createCanvas(600, 120);
  textSize(50);
}

function draw() {
  background(180); 
  
  if (keyIsPressed) {

    textStyle(BOLD);
    text(key, 60, 60);
  }
}
var size;

function setup() {
  createCanvas(600, 120);
  textSize(50);
  noStroke();
  background(180);
  fill(255, 0, 0);

  size = 20;
}

function draw() {
  if (keyIsPressed) {
    if (key == "c") {
      background(180);
    } else if (key == "l") {
      size--;
    } else if (key == "m") {
      size++;
    } else if (key == "r") {
      fill(255, 0, 0);
    } else if (key == "g") {
      fill(0, 255, 0);
    } else if (key == "b") {
      fill(0, 0, 255);
    }
  }
  ellipse(mouseX, mouseY, size, size);
}