createCanvas(400, 400);

  pattern();

  var b = createButton("Generate pattern");

  b.mousePressed(pattern);

  pattern();

}

​

function pattern() {

   var r = random(100,255);

      var g = random(10,255);

      var b = random(255);

  background(r,g,b);

  stroke(random(300));

​

  for (var x = 0; x <= width; x += 50) {

    for (var y = 0; y <= width; y += 50) {

​

      var r = random(100,255);

      var g = random(10,255);

      var b = random(255);

      push();

      translate(x, y);

// party hat

      fill(r,g,b);

      triangle(0, 0, 62, 30, 36, 50);

//pompom on top

      fill("blue");

      circle(10, 9, 20);

      var TPr = random(255);

      var TPg = random(100);

      var TPb = random(100);

// top polka dot

      fill(TPr,TPg,TPb);

      circle(30, 20, 8);

      var RPr = random(100);

      var RPg = random(255);

      var RPb = random(100);

// right polka dot

      fill(RPr,RPg,RPb);

      circle(48, 30, 8);

      var LPr = random(100);

      var LPg = random(100);

      var LPb = random(255);

// left polka dot

      fill(LPr,LPg,LPb);

      circle(30, 35, 8);

​

      pop();

    }

  }

}

​