createCanvas(400, 400);

}

​

function draw() {

  background(220);

​

  //variables

  var ax = 200;

  var ay = 80;

  var bx = 310;

  var by = 20;

  var cx = 340;

  var cy = 150;

  var dx = 260;

  var dy = 210;

  var ex = 220;

  var ey = 240;

  var fx = 210;

  var fy = 250;

  var gx = 200;

  var gy = 300;

  var hx = 190;

  var hy = 250;

  var ix = 180;

  var iy = 240;

  var jx = 140;

  var jy = 210;

  var kx = 70;

  var ky = 150;

  var lx = 90;

  var ly = 20;

​

  strokeWeight(6);

  stroke(0);

  beginShape();

  vertex(200, 80);

  bezierVertex(bx, by, cx, cy, dx, dy);

​

  vertex(dx, dy);

  bezierVertex(ex, ey, fx, fy, gx, gy);

​

  vertex(gx, gy);

  bezierVertex(hx, hy, ix.iy, jx, jy);

​

​

  vertex(jx, jy);

  bezierVertex(kx, ky, lx, ly, ax, ay);

  endShape();

​

  stroke("red");

  point(ax, ay);

  point(bx, by);

  point(cx, cy);

  point(dx, dy);

  point(ex, ey);

  point(fx, fy);

  point(gx, gy);

  point(hx, hy);

  point(ix, iy);

  point(jx, jy);

  point(kx, ky);

  point(lx, ly);

​

​

​

}