​

function setup() {

  createCanvas(windowWidth, windowHeight);

  pixelDensity(displayDensity());

  background(100, 200, 100);

  width = 100;

  height = 100;

  textSize(30);

}

​

​

function draw() {

  background(100, 200, 100, 30);

  if (mouseIsPressed) {

    text("Try again on a mobile device", 100, 100);

  }

​

  if (touches.length > 0) {

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

      //ellipseReset();

      fill(255, 255, 0);

      stroke(255, 255, 0, 100);

      strokeWeight(width/2);

      ellipse(touches[i].x, touches[i].y, width, height);

      width = width + (10 - touches.length * 2);

      height = height + (10 - touches.length * 2);  

      print(width);

    }

  }

}

​

// function ellipseReset(){

//   width = 100;

//   height = 100;

// }

​

function touchStarted() {

  inTouch = true;

  return false;

}

​

function touchEnded() {

  width = 100;

  height = 100;

  inTouch = false;

  return false;

}