Mini-Project: Vision Board

Na lang na te hebben gedacht wat ik hierin wou stoppen en aardig wat gepuzzel heb ik het vision board af weten te maken. Ik vind hem persoonlijk heel erg goed gelukt! Het heeft even geduurd voordat ik een plan had maar het plan kwam onderweg vanzelf.

De opdracht: vision board

De link naar de vision board!

De link naar de code!

let achtergrond, unirotterdam, uniutrecht, cijfer, tekst, ik, vliegtuig, vraagteken
let scholen = []

function preload() {
  achtergrond = loadImage('achtergrond.jpg')
  unirotterdam = loadImage('uni_rotterdam.png')
  uniutrecht = loadImage('universiteit.png')
  scholen = [unirotterdam,uniutrecht]
  cijfer = loadImage('cijfer.png')
  tekst = loadImage('tekst.png')
  ik = loadImage('ik.png')
  vliegtuig = loadImage('vliegtuig.png')
  vraagteken = loadImage('vraagteken.png')
}

function setup() {
  createCanvas(600, 600);
}

function draw() {
  noLoop()
    
  //resize
  unirotterdam.resize(127,120)
  uniutrecht.resize(286,97)
  achtergrond.resize(600,600)
  cijfer.resize(250,187)
  tekst.resize(268,233)
  ik.resize(434,326)
  vliegtuig.resize(223,124)
  vraagteken.resize(86,143)
  
  //background
   tint(150);
image(achtergrond,0,0)
  randscholen = random(scholen)
  
  //universiteit
  tint(255)
  image(randscholen,300,430)
  
  //cijfer
  image(cijfer,0,420)
  
  //wolkje
  tint(200)
  image(tekst,0,0)
  
  //ik
  tint(220)
  image(ik,120,110)
  
  //vliegtuig
  image(vliegtuig,340,40)
  
  //vraagteken
  image(vraagteken,420,200)

}

function mousePressed() {
    if (mouseX<=427 && mouseX>=300&& mouseY<=550 && mouseY>=430 && randscholen == uniutrecht) {
  tint(200)
      image(tekst,0,0)
  textSize(15)
  fill(0, 255, 204)
  text("Ik wil graag in",75,35)
  text("Utrecht Dierengeneeskunde\nstuderen, dit wil ik bereiken\ndoor goed mijn best te\nblijven doen op school!",50,55)
}
  if (mouseX<=600 && mouseX>=300&& mouseY<=527 && mouseY>=430 && randscholen == unirotterdam) {
    tint(200)
  image(tekst,0,0)
    textSize(15)
  fill(0, 255, 204)
  text("Ik wil graag in",75,35)
  text("Rotterdam geneeskunde\nstuderen als dierengenees-\nkunde niet lukt,door goed \nmijn best te blijven doen\n  zou dit moeten lukken!",50,55)
}
  
  if (mouseX<=250 && mouseX>=0&& mouseY<=600 && mouseY>=420) {
    tint(200)
  image(tekst,0,0)
    textSize(15)
  fill(0, 255, 204)
  text("           Ik blijf goed\n      mijn best doen op\n      school om mijn doelen \n         te behalen!",50,55)
}  
  
  if (mouseX<=563 && mouseX>=340&& mouseY<=164 && mouseY>=40) {
    tint(200)
  image(tekst,0,0)
    textSize(15)
  fill(0, 255, 204)
  text("Reizen wil ik\nook veel doen later\n maar hier heb je \nnatuurlijk geld voor\n          nodig...",70,55)
}    
    if (mouseX<=506 && mouseX>=420&& mouseY<=343 && mouseY>=200) {
    tint(200)
  image(tekst,0,0)
    textSize(15)
  fill(0, 255, 204)
  text("Maar het belangerijkste is\ndat nog niet heel mijn\nleven is uitgestippeld,\nhet komt vanzelf!",65,55)
} 
}