arnaucube
arnaucube/imgProcessingProjectsPublic Self-hosted repository
imgProcessingProjects/clmtracker/sketch.js
clmtracker/sketch.jsRaw
 1var ctracker;
 2var slider;
 3
 4function setup() {
 5
 6  // setup camera capture
 7  var videoInput = createCapture();
 8  videoInput.size(400, 300);
 9  videoInput.position(0, 0);
10
11  // setup canvas
12  var cnv = createCanvas(400, 300);
13  cnv.position(0, 0);
14
15  // setup tracker
16  ctracker = new clm.tracker();
17  ctracker.init(pModel);
18  ctracker.start(videoInput.elt);
19
20  slider = createSlider(0, 50, 10);
21  slider.position(0, 400);
22
23  noStroke();
24}
25
26function draw() {
27  clear();
28
29  // get array of face marker positions [x, y] format
30  var positions = ctracker.getCurrentPosition();
31
32  for (var i=0; i<positions.length; i++) {
33    // set the color of the ellipse based on position on screen
34    fill(map(positions[i][0], width*0.33, width*0.66, 0, 255), map(positions[i][1], height*0.33, height*0.66, 0, 255), 255);
35    // draw ellipse at each position point
36    var val = slider.value();
37    ellipse(positions[i][0], positions[i][1], val, val);
38  }
39
40}