var img;

function preload() {

  myFont = loadFont('AlteHaasGroteskRegular.ttf');

  couveuse = loadImage('couveuse.gif');

}

​

function setup() {

 createCanvas(windowWidth, windowHeight);

 //background(240,200,54);  

  background (255, 204, 0);

  imageMode(CENTER);

    image(couveuse, windowWidth/5, windowHeight/1.5, 321.5, 330.25);

  let s = 'De baby kan in drie verschillende bedjes liggen. Omcirkel het bedje waar jouw broertje of zusje in ligt. Als je de uitleg over de bedjes wil horen, klik op de tekst.';

fill(255,255,255);

textSize(25);

textFont(myFont);

//textAlign(CENTER)

text(s, windowWidth/12, windowHeight/12, windowWidth/1.2, windowHeight);

  button = createImg('knopterug.png');

button.size(130,68.3);

button.style("font-family","Helvetica");

button.style("Size","50");

button.style("color","#000");

button.position(50, 520);

button.mousePressed(changeBH);

​

  }

​

function changeBH() {

  window.open("https://editor.p5js.org/Rose_Thys/present/cSzowFj1d", "_self").close();

   }