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}