​

function setup() {

  createCanvas(400, 650);

}

​

​

function draw() {   

  background(0,65,130) //blue background

  noStroke()

  rectMode (CENTER) //center on X

  fill (220,44,10)//red

  rect (200, 450, 353) //x, y, size (square)

  fill(0,65,130)//blue

  rect (200, 450, 346)

  fill (220,44,10)//red

  rect (200, 450, 307)

  fill (0,65,130)//blue

  rect (200, 450, 289)

  fill (220,44,10)//red

  rect (200, 450, 257)

  fill (0,65,130)//blue

  rect (200, 450, 234)

  fill (220,44,10)//red

  rect (200, 450, 208)

  fill (0,65,130)//blue

  rect (200, 450, 184)

  fill (220,44,10)//red

  rect (200, 450, 162)

  fill (0,65,130)//blue

  rect (200, 450, 133)

  fill (220,44,10)//red

  rect (200, 450, 117)

  fill (0,65,130)//blue

  rect (200, 450, 83)

  fill (220,44,10)//red

  rect (200, 450, 72)

  stroke(255)

  strokeWeight(2)

  line(178, 473, 221, 431);

  strokeWeight(2)

  line(178, 431, 221, 473);

  noStroke()

  fill(255)

  triangle (173, 425, 180, 438, 186, 433)

  triangle (213, 433, 218, 439, 226, 425)

  textSize(24);

text('generalized thermodynamics', 14, 30);

fill(255, 30, 20)

text('Tisza', 325, 30);

 for (let i = 2; i < 12; i++) {

    fill(200, 255-(fillstep*i), 200);

 }

​

}