let h = 500;

let n = 0;

let c=0

let jsveinar = [];

class jsveinn {

  constructor(name) {

    this.name = name;

    this.w = random(name.length*10, w);

    this.h = random(20, h);

    this.x = random(0, w - this.w);

    this.y = random(0, h - this.h);

    this.g = random(0, 1)

    this.ts=min(this.w/this.name.length,this.h)

  }

  teikna() {

    rect(this.x, this.y, this.w, this.h);

    textSize(this.ts)

    text(this.name,this.x+this.w/2-this.name.length,this.y+this.h/2)

  }

}

function setup() {

  createCanvas(w, h);

  coal = loadImage("images/coal.jpg");

  present = loadImage("images/present.jpg");

  jsveinarnir=loadImage('images/jsveinarnir.jpg')

  jsveinar.push(new jsveinn("Stekkjastaur"));

  jsveinar.push(new jsveinn("Giljagaur"));

  jsveinar.push(new jsveinn("Stúfur"));

  jsveinar.push(new jsveinn("Þvörusleikir"));

  jsveinar.push(new jsveinn("Pottaskefill"));

  jsveinar.push(new jsveinn("Askasleikir"));

  jsveinar.push(new jsveinn("Hurðaskellir"));

  jsveinar.push(new jsveinn("Skyrjarmur"));

  jsveinar.push(new jsveinn("Bjúgnakrækir"));

  jsveinar.push(new jsveinn("Gluggagægir"));

  jsveinar.push(new jsveinn("Gáttaþefur"));

  jsveinar.push(new jsveinn("Ketkrókur"));

  jsveinar.push(new jsveinn("Kertasníkir"));

}

​

function draw() {

  background(220);

  image(jsveinarnir,0,0,w,h)

  for (let i = jsveinar.length-1; i>=n; i--) {

    jsveinar[i].teikna();

  }

  if (mouseIsPressed&&n<13) {

    if (

      mouseX < jsveinar[n].x + jsveinar[n].w &&

      mouseX > jsveinar[n].x &&

      mouseY > jsveinar[n].y &&

      mouseY < jsveinar[n].y + jsveinar[n].h

    ) {

      if (jsveinar[n].g > 0.385) {

        image(coal, jsveinar[n].x, jsveinar[n].y, jsveinar[n].w, jsveinar[n].h);

      } else {

        image(present, jsveinar[n].x, jsveinar[n].y, jsveinar[n].w, jsveinar[n].h);

      }

      c=1

    }

  } else if(c==1){

    n++

    c=0

  }

}

​