let poseNet;

let noseX = 0;

let noseY = 0;

let lfteyeX = 0;

let lfteyeY = 0;

let img;

let cards = [];

let frameCount;

let modelReady;

let filter;

​

function preload() {

  img = loadImage("eye.png");

  img1 = loadImage("Etteilla.png");

  img2 = loadImage("1Nuit.png");

  img3 = loadImage("propos.png");

  img4 = loadImage("Depouillement2.png");

  img5 = loadImage("Appui.png");

  img6 = loadImage("Maladie.png");

  img7 = loadImage("Mortalite.png");

  img8 = loadImage("eclairissement sun.png");

  img9 = loadImage("folie.png");

  img10 = loadImage("judgment.png");

  img11 = loadImage("Misere.png");

  img12 = loadImage("Fortune.png");

  img13 = loadImage("Mortalite.png");

  img14 = loadImage("LeChaos.png");

 // img15 = loadImage("Eclairissement");

  cards = [img3, img6, img7, img8, img9, img10, img11, img12, img13, img14];

}

​

function setup() {

  createCanvas(500, 400);

​

  video = createCapture(VIDEO);

  video.size(500, 400);

  video.hide();

  frameRate(3);

  poseNet = ml5.poseNet(video, modelReady);

  poseNet.on('pose', gotPoses);

​

}

​

function gotPoses(poses) {

  //console.log(poses);

  if(poses.length > 0) {

  let nX = poses[0].pose.keypoints[0].position.x; 

  let nY = poses[0].pose.keypoints[0].position.y;

  let eyeX = poses[0].pose.keypoints[1].position.x

  let eyeY = poses[0].pose.keypoints[1].position.y

  noseX = lerp(noseX, nX, 0.4) - 9;

  noseY = lerp(noseY, nY, 0.4) -30; 

  lfteyeX = lerp(lfteyeX, eyeX, 0.4) - 16;

  lfteyeY = lerp(lfteyeY, eyeY, 0.4) - 40;

}

//function modelReady() {

  console.log('model ready');

}

function draw() {

 // background(255);

  image(video, 0, 0, 500, 400);

​

    let d = dist(noseX, noseY, lfteyeX, lfteyeY);

    image(img, noseX, noseY, d);

  randomCard = random(cards);

  image(img4, 150, 260);

  image(img14, 320, 260);

  image(randomCard, 235, 260);

}

  if (frameCount > 60)  {

    filter(INVERT);

                     }