const checkpointURL = modelURL + "model.json";

const metadataURL = modelURL + "metadata.json";

​

const flip = true; 

let webcam;

let model;

let totalClasses;

let myCanvas;

let ctx;

​

let name;

let confidentscore;

​

const canvDim = 600;

let inputpass;

let loginButton;

let creatorLogin, wrong;

​

let previous = 0;

let password = "";

​

async function load() {

  model = await tmPose.load(checkpointURL, metadataURL);

  totalClasses = model.getTotalClasses();

}

​

async function loadWebcam() {

  webcam = new tmPose.Webcam(600, 500, flip); // can change width and height

  await webcam.setup(); // request access to the webcam

  await webcam.play();

  window.requestAnimationFrame(loopWebcam);

}

​

async function setup() {

  myCanvas = createCanvas(canvDim, canvDim);

  ctx = myCanvas.elt.getContext("2d");

​

  await load();

  await loadWebcam();

  inputpass = createInput('Password');

  inputpass.position(canvDim * 1/2 - inputpass.width / 2, canvDim * 1/2 - inputpass.height / 2);

  loginButton = createButton('Login');

  loginButton.position(canvDim * 1/2 - loginButton.width / 2, canvDim * 3/4 - loginButton.height / 2);

  loginButton.mousePressed(login);

}

​

function draw() {

  // background(0);

  textAlign(CENTER, CENTER);

  textSize(32);

  noStroke();

  fill(255);

  if(creatorLogin == true) {

    text('Welcome back, user!', canvDim / 2, canvDim / 2);

  }else if(wrong == true) {

    text('Incorrect Username\nor Password', canvDim / 2, canvDim / 2);

  }

}

​

function login() {

  let password_box = inputpass.value();

  removeElements();

  if (password_box == 'YMCA') { creatorLogin = true;} else {

    wrong=true;

  }

}

​

async function loopWebcam(timestamp) {

  // console.log(timestamp);

  webcam.update(); // update the webcam frame

  await predict();

  window.requestAnimationFrame(loopWebcam);

  snapshot(timestamp);

}

​

function snapshot(current) {

  if ((password.length < 4)&& (current-previous > 4000)){ //GET INPUT ONLY WHEN PASSWORD LENGTH IS LESS THAN 4

    if (confidentscore > 0.9){

      if (name != 'stand still'){

    password += name;

    console.log(password);

    previous = current;

  }  

}

}

}

​

async function predict() {

  const flipHorizontal = false;

  const { pose, posenetOutput } = await model.estimatePose(

    webcam.canvas,

    flipHorizontal

  );

​

  const prediction = await model.predict(

    posenetOutput,

    flipHorizontal,

    totalClasses

  );

​

  const sortedPrediction = prediction.sort((a, b) => - a.probability + b.probability);

​

  const res = select('#res'); // select <span id="res">

  res.html(sortedPrediction[0].className);

  name = sortedPrediction[0].className;

  const prob = select('#prob'); // select <span id="prob">

  prob.html(sortedPrediction[0].probability.toFixed(2));

  confidentscore = sortedPrediction[0].probability.toFixed(2);

  if (pose) {

    drawPose(pose);

  }

}

​

function drawPose(pose) {

  if (webcam.canvas) {

    ctx.drawImage(webcam.canvas, 0, 0);

    // draw the keypoints and skeleton

    if (pose) {

      const minPartConfidence = 0.5;

      tmPose.drawKeypoints(pose.keypoints, minPartConfidence, ctx);

      tmPose.drawSkeleton(pose.keypoints, minPartConfidence, ctx);

    }

  }

}