​

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  textAlign(CENTER, CENTER);

  frameRate(60);

​

  // Add an item every 500ms. 

  setInterval(function() {

    items.push({

      text: "Item " + items.length + 1,

      size: 1,

      opacity: 255,

      left: random(windowWidth),

      top: random(windowHeight)

    });

  }, 500);

}

​

function draw() {

  background(220);

​

  // Draw all items

  for (let i = 0; i < items.length; i++) {

    let item = items[i];

    textSize(item.size);

    fill(0, 102, 153, item.opacity);

​

    text(item.text, item.left, item.top);

​

    // Increse size and lower opacity each draw to animate

    items[i].size += 2;

    items[i].opacity -= 3.5;

  }

  // Remove all invisible items to increse performance

  items = items.filter(function(item) { 

    return item.opacity > 0;

  })

}