Apple Watch

var count = 0;

var count2 = 0;

var count3 = 0;

var current2 = 100;

var current3 = 134;

​

function setup() {

  createCanvas(500, 600);

  background(0);

  //change colors

  fill(255);

  stroke(0,255,0);

  strokeWeight(10);

  noFill();

  //draw shapes

  // rectMode(CENTER);

  // rect(width/2,height/2,300,300);

  // rect(width/2,height/2,200,200);

  // rect(width/2,height/2,100,100);

  // ellipse(width/2,height/2,300,300);

  // ellipse(width/2,height/2,200,200);

  // ellipse(width/2,height/2,100,100);

​

}

​

function draw() {

  background(0);

  noStroke();

  fill(255);

  textSize(30);

  textAlign(CENTER, CENTER);

  text("Calories",width/2,height/2);

  text(count,width/2,(height/2)-30);

  noFill();

  strokeWeight(50);

  stroke(200,200,200,50);

  ellipse(width/2,height/2,400,400);

  stroke(200,200,200,40);

  ellipse(width/2,height/2,300,300);

  stroke(200,200,200,30);

  ellipse(width/2,height/2,200,200);

  stroke("#81D2C7");

  arc(width/2,height/2,200,200,radians(-90),radians(count3-90));

  stroke("#E06D06");

  arc(width/2,height/2,300,300,radians(-90),radians(count2-90));

  stroke("#D36060");

  //400 cal goal

  //375 cal current

  var current = map(220,0,400,0,359);

  arc(width/2,height/2,400,400,radians(-90),radians(count-90));

  if (count < current) {

    count = count + 1;

  }

  if (count2 < current2) {

    count2 = count2 + 1;

  }

  if (count3 < current3) {

    count3 = count3 + 1;

  }

}

​

function mouseClicked() {

  count = 0;

  count2 = 0;

  count3 = 0;

}

​

​

​

​

​

​

​

​

​

​