createCanvas(400, 400);

  noLoop();

}

​

//version 1

function draw() {

  background(255, 200, 200);

  var cx = width/2;

  var cy = height/2;

  var r = 100;

  var x,y;

  for (var i = 0; i < TWO_PI; i += HALF_PI/6) {

    strokeWeight(5);

    x = cx + 100*Math.cos(i);

    y = cy + 100*Math.sin(i);

    point(x,y);

    strokeWeight(1);

    line(x, y, cx + 100*Math.cos(i+HALF_PI/6), cy + 100*Math.sin(i+HALF_PI/6));

  }

}

​

// //version 2

// function draw() {

//   noFill();

//   background(255, 200, 200);

//   var cx = width/2;

//   var cy = height/2;

//   var r = 100;

//   var x,y;

//   for (var i = 0; i < TWO_PI; i += HALF_PI) {

//     strokeWeight(5);

//     x = cx + 100*Math.cos(i);

//     y = cy + 100*Math.sin(i);

//     point(x,y);

//     strokeWeight(1);

//     var x2 = cx + 100*Math.cos(i+HALF_PI/3);

//     var y2 = cy + 100*Math.sin(i+HALF_PI/3); 

//     var x3 = cx + 100*Math.cos(i+2*HALF_PI/3);

//     var y3 = cy + 100*Math.sin(i+2*HALF_PI/3);

//     var x4 = cx + 100*Math.cos(i+HALF_PI);

//     var y4 = cy + 100*Math.sin(i+HALF_PI);

//     bezier(x, y, x2, y2, x3, y3, x4, y4);

//   }

// }