"Script Nou" - Processing

function setup() {

  createCanvas(400, 400);

  noLoop(); // Stops unnecessary looping

​

  // Create a loading bar

  let loadingDiv = createDiv('Loading...');

  loadingDiv.style('width', '100px');

  loadingDiv.style('height', '20px');

  loadingDiv.style('background', '#ddd');

  loadingDiv.style('position', 'absolute');

  loadingDiv.style('top', '50%');

  loadingDiv.style('left', '50%');

  loadingDiv.style('transform', 'translate(-50%, -50%)');

  loadingDiv.style('text-align', 'center');

  loadingDiv.style('line-height', '20px');

  loadingDiv.style('border-radius', '5px');

​

  // Create the iframe

  let iframe = createElement('iframe', '');

  iframe.attribute('src', 'https://cageoflife.com/a-detailed-guide-to-github-io-games');

  iframe.attribute('width', '400');

  iframe.attribute('height', '400');

  iframe.style('border', 'none');

  iframe.style('position', 'absolute');

  iframe.style('top', '0');

  iframe.style('left', '0');

​

  // Hide loading bar when the iframe loads

  iframe.elt.onload = () => {

    loadingDiv.remove();

  };

}

​