let label="";

let classifier;

let flipVideo;

​

let xBall = Math.floor(Math.random() * 300) + 50;

let yBall = 50;

let diameter = 50;

let xBallChange = 5;

let yBallChange = 5;

​

let xPaddle;

let yPaddle;

let paddleWidth = 100;

let paddleHeight = 10;

​

let started = false;

let score = 0;

​

function preload(){

  classifier = ml5.imageClassifier('https://teachablemachine.withgoogle.com/models/hDTThUQoR/model.json');

}

​

function setup() {

  createCanvas(800, 600);

  video = createCapture(VIDEO);

  video.hide();

  flipVideo = ml5.flipImage(video);

  video.size(800, 600);

  classifyVideo();

}

​

function classifyVideo(){

  flipVideo = ml5.flipImage(video);

  // video.size(800, 600);

  classifier.classify(flipVideo, gotResult);

}

​

function draw() {

  background(224);

  textSize(20);

  fill(0);

  text(label, 10, 50);

  xBall += xBallChange;

  yBall += yBallChange;

    if (xBall < diameter/2 || 

      xBall > 800 - 0.5*diameter) {

        xBallChange *= -1;

  }

    if (yBall < diameter/2 || 

      yBall > 600 - diameter) {

    yBallChange *= -1;

    }

  if ((xBall > xPaddle &&

      xBall < xPaddle + paddleWidth) &&

      (yBall + (diameter/2) >= yPaddle)) {

    xBallChange *= -1;

    yBallChange *= -1;

    score++;

  }

    fill(0,153,76);

    noStroke();

    ellipse(xBall, yBall, diameter, diameter);

  if (!started) {

    xPaddle = 800 / 2;

    yPaddle = 600 - 100;

    started = true;

  }

  fill(65);

  noStroke();

  rect(xPaddle, yPaddle, paddleWidth, paddleHeight);

  fill(0);

  textSize(24);

  textFont('Monospace');

    text("Score: " + score, 10, 25);

}

​

function controlBall() {

  if (label === 'left') {

    xPaddle -= 50;

  } else if (label === 'right') {

    xPaddle += 50;

  }

}

​

function gotResult(error, results) {

  // If there is an error

  if (error) {

    console.error(error);

    return;

  }

  // The results are in an array ordered by confidence.

  // console.log(results[0]);

  label = results[0].label;

  controlBall();

  // Classifiy again!

  classifyVideo();

}