var yObstaculo, yJogador;

var rObstaculo, rJogador;

​

var mostraPergunta = false; 

​

function setup() {

  createCanvas(300, 300);

  xObstaculo = 150;

  yObstaculo = 100; 

  xJogador = 0; 

  yJogador = 300; 

  rObstaculo = 60;

  rJogador = 30;

}

​

function draw() {

  background(255,100,100);

  fill(200);

  ellipse(xJogador, yJogador, 2*rJogador, 2*rJogador);

  if ( keyIsDown(DOWN_ARROW) ){

    yJogador=yJogador+4;

  }

  if ( keyIsDown(UP_ARROW) ){

    yJogador=yJogador-4;

  }

  if ( keyIsDown(LEFT_ARROW) ){

    xJogador=xJogador-4;

  }

  if ( keyIsDown(RIGHT_ARROW) ){

    xJogador=xJogador+4

  }

  console.log(dist(xObstaculo, yObstaculo, xJogador, yJogador))

  if ( dist(xObstaculo, yObstaculo, xJogador, yJogador) < rObstaculo + rJogador) {

    fill(255);

    ellipse(xObstaculo, yObstaculo, 2*rObstaculo, 2*rObstaculo);

    console.log(dist(xObstaculo, yObstaculo, xJogador, yJogador))

    mostraPergunta = true; 

  }

  else {

    fill(0);

    ellipse(xObstaculo, yObstaculo, 2*rObstaculo, 2*rObstaculo);    

  }

  if ( mostraPergunta == true) {

    fill(0,0,200);

    rect(50,100,300,100); 

  }

}