var imagemlorrany;

var imgoi;

var imgmaria;

​

var tela=0;

// 1 =instruções 2 = créditos//

​

var largurabotao = 165 

var alturabotao = 50 

var xMinBotao = 250

var xMaxBotao = xMinBotao + largurabotao

var yMinBotao = 265

var yMaxBotao = yMinBotao + alturabotao

​

function telainstrucoes(){

  background("#FFE471");

  textSize(50)

  fill(10)

  text("Instruções:",200,100)

  textSize(20)

  text("Primeira instruçao: utilize o mouse para selecionar qualquer opção.",35,150,300)

}

​

​

function telacreditos(){

  background("#FFE471");

  textSize(50)

  fill("#7817FF");

  text("Créditos", 220, 75)

  fill("#000000");

  textSize(20)

  fill("#7817FF");

  text("Lorrany Fagundes", 50, 150)

  fill("#000000");

  textSize(18)

  text("Função: Programadora", 50, 175)

  fill("#000000");

  textSize(16)

  text("Discente em Ciências e Tecnologias na Universidade Federal do Rio Grande do Norte. ",50, 188, [215])

  fill("#000000");

  image(imagemlorrany, 65,300)

  image(imgoi, 265,175)

  //

  textSize(20)

  fill("#7817FF");

  text("Maria Joaquina", 420, 150)

  fill("#000000");

  textSize(18)

  text("Função: Educadora", 420, 175)

  fill("#000000");

  textSize(16)

  text("Professora na Escola Mundial...  bla bla bla casou-se com o Cirilo. ", 420, 188, [215])

  fill("#000000");

  image(imgmaria, 435,300,[125],[125])

}

​

​

​

function preload(){

  imagemlorrany = loadImage("lorrany.png")

   imgoi=loadImage("oi.jpg")

   imgmaria=loadImage("mjoaquina.jpg")  

}

​

​

function setup() {

  createCanvas(650, 450);

}

​

function draw() {

  if(tela==0){

    background(220);

    line(mouseX, 0, mouseX, 100);

​

​

    if(mouseX > xMinBotao && mouseX < xMaxBotao && mouseY > yMinBotao && mouseY < yMaxBotao ){

      fill("#4BFAAE");

    }else{

      noFill();

    }

    stroke("#A74CE0");

    rect(xMinBotao, yMinBotao, largurabotao, alturabotao, 10)

    textSize(28)

    textFont('cursive') 

    noStroke();

    fill("#7817FF")

    text("Instruções",xMinBotao+13, yMinBotao+14, largurabotao, alturabotao)        

​

​

    fill("#7817FF");

    textSize(40)

    noStroke();

    textFont('cursive')

    text("Nossos Ossos", 200,75)

  }

  if(tela==1){telainstrucoes()}

  if(tela==2){telacreditos()}

}