var iter2 = 0;

var size = 9;

var turn = true;

​

function setup() {

  createCanvas(400, 400);

  background(31);

​

  fill(255, 215, 0);

  noStroke();

  noLoop();

}

​

function draw() {

  background(31);

  triforce(36, size - iter2, width / 2, (size - iter2) / 2, iter);

  iter2 += 0.1;

  if (iter2 >= width / 72) noLoop();

}

​

function touchStarted() {

  if (iter <= 36) {

    triforce(36, size, width / 2, size / 2, iter);

    iter++;

  } else if (iter2 < width / 72) {

    loop()

  } else if (turn) {

    triforce(5, width / 10,

      width / 2 - 20.5 * (2 + (size - iter2)),

      39 * (2 + (size - iter2)), 5);

    triforce(6, width / 12,

      width / 2 + 19.5 * (2 + (size - iter2)),

      38 * (2 + (size - iter2)), 6);

    turn = false;

  } else {

    background(31);

    triangle(width / 2, 0, width / 4, width / 2, width * 0.75, width / 2);

    triangle(width / 4, width / 2, 0, width, width / 2, width);

    triangle(width / 2, width, width * 0.75, width / 2, width, width);

  }

}

​

function triforce(n, sz, _x, _y, _step) {

  let x = _x;

  let y = _y;

  let pad = 2 + sz;

  let step = constrain(_step, 0, n);

​

  for (let i = 0; i < step; i++) {

    for (let j = 0; j <= i; j++) {

      ellipse(x + pad * j, y, sz);

    }

    x -= pad / 2;

    y += pad;

  }

}