该行在clmtrackr中的位置移动。如何通过p5.js

时间:2018-03-27 19:23:36

标签: p5.js

我是p5.js的新手,我正在尝试使用位置为21 clmtrackr.js的p5.js创建一条水平线。但这条线正在移动。我想创建不移动的线。在这里我的代码。

var ctracker;
var trigHeight = 0;
var ypos = 0;
var button;
var test = false;

function setup() {
  var videoInput = createCapture();
  videoInput.size(400, 300);
  videoInput.position(0, 0);

  var cnv = createCanvas(400, 300);
  cnv.position(0, 0);

  ctracker = new clm.tracker();
  ctracker.init(pModel);
  ctracker.start(videoInput.elt);

  noStroke();

  button = createButton("set height");
  button.position(150, 260);
  button.mousePressed(showLine)
  background(100);
}

function draw() {
  clear();
  noStroke();

  var positions = ctracker.getCurrentPosition();
  for (var i = 0; i < positions.length; i++) {
    fill(0, 255, 0);
    rect(positions[i][0], positions[i][1], 3, 3);
    if (i == 21) {
      ypos = positions[i][1];
    }
  }
  stroke("rgb(0,255,0)");
  strokeWeight(4);
  test && line(0, trigHeight, width * 2, trigHeight
}

function showLine() {
  test = true;
}

谢谢。

0 个答案:

没有答案