2.2 – Custom variabelen

In de tweede les van LA 2, hebben we verder gewerkt aan het gebruiken van variabelen. Om goed te kunnen snappen hoe ik dit kan doen heb ik naast het lezen van de tekst bij de opdracht, deze video bekeken. Het heeft me uiteindelijk, met de uitleg erbij, ongeveer een lesuur gekost. Het eindresultaat en de code staan in dit bericht.

var x; 
var y; 

 

function setup() {
  createCanvas(400, 400);
  x = 200;
  y = 200;
}

 

function draw() {
  background(200);
  fill(270);
  ellipse(x, y, 250, 250); 
  fill(0);
  ellipse(x - 50, y - 30, 50, 50); 
  ellipse(x + 50, y - 30, 50, 50); 
  rectMode(CENTER);
  rect(x, y + 50, 120, 30); 
}