let myFont;

function preload() {

  gif_createImg = createImg("couveusealler.gif");

  myFont = loadFont('AlteHaasGroteskRegular.ttf'); 

}

​

function setup() {

 createCanvas(windowWidth, windowHeight);

 //background(240,200,54);  

  //background (255, 204, 0);

background (238, 180, 46);

  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();

   }

​

function draw() {

  gif_createImg.position(20,300);

  gif_createImg.size(960, 592);

}