Finger Waves

var y_array;

​

function setup() {

  createCanvas(600, 800);

  setFrameRate(30);

  fill(0);

  stroke(0);

  y_array = new Array(width / 15);

  for(var i = 0; i < y_array.length; i++){

    y_array[i] = height;

  }

  Leap.loop(drawHand);

}

​

function draw() {

​

}

​

function drawHand(frame){

  background(255);

​

  var y;

  if(frame.pointables.length > 1){

      var pointable = frame.pointables[1]; // Index Finger

      y = map(pointable.tipPosition[1], 0, 300, height, 0);

  }

  for(var i = 1; i < y_array.length; i++){

      y_array[i - 1] = y_array[i];

  }

  y_array[y_array.length - 1] = y;

  for(var i = 0; i < y_array.length; i++){

    ellipse(i * 15, y_array[i], 10, 10);  

    line(i * 15, y_array[i], i * 15, height / 2);

  }

  /*

  // Get Palm Position 

  if(frame.hands.length > 0){

    for(var i = 0; i < frame.hands.length; i++){

      var hand = frame.hands[i];

      var x = map(hand.palmPosition[0], -150, 150, 0, width);

      var y = map(hand.palmPosition[1], 0, 300, height, 0);

      var z = hand.palmPosition[2];

      ellipse(x, y, z, z);

    }

  }

  */

  /*

  // Get Finger Position

  stroke(255, 255, 0);

  if(frame.pointables.length > 0){

    for(var i = 0; i < frame.pointables.length; i++){

      var pointable = frame.pointables[i];

​

      var x = map(pointable.tipPosition[0], -150, 150, 0, width);

      var y = map(pointable.tipPosition[1], 0, 300, height, 0);

      ellipse(x, y, 3, 3);

    }

  }

  */

}