var capture;

var ctracker;

var crown;

​

function preload() {

 crown = loadImage('crown.png'); 

}

​

function setup() { 

  canvas = createCanvas(320, 240);

  capture = createCapture(VIDEO);

  ctracker = new clm.tracker();

  ctracker.init(pModel);

  ctracker.start(capture.elt);

  capture.size(320, 240);

  capture.hide();

  noStroke();

  background(0);

} 

​

function draw() {

  var positions = ctracker.getCurrentPosition();

  var parameters = ctracker.getCurrentParameters();

  capture.loadPixels();

  // background(0);

  imageMode(CORNER);

  image(capture, 0, 0, width, width*capture.height/capture.width);

  // ctracker.draw(canvas.elt);

  if (positions) {

//     var eyePos1 = positions[27];

//     var eyePos2 = positions[32];

​

//     ellipse(eyePos1[0], eyePos1[1], 20, 20);

//     ellipse(eyePos2[0], eyePos2[1], 20, 20);

    var forehead = positions[33];

    var left = positions[0];

    var right = positions[14];

    var crownWidth = right[0] - left[0] + 50;

    var crownHeight = crown.height/crown.width*crownWidth;

    imageMode(CENTER);

    image(crown, forehead[0], forehead[1] - 50, crownWidth, crownHeight);

  }

}