Vita

// Matter.js variables

let engine;

let world;

​

let tempos = [{in:33, out:43}, {in:53, out:63}, {in:73, out:83}, {in:93, out:103}, {in:113, out:123}];

let cores = ['#B8FCC0', '#609669', '#FAACDA', '#F4D03F', '#FFBA76']; 

let tempoDeTroca = 10000; // 10 segundos em milissegundos

let ultimoTempo = 0;

var indice;//da cor atual

var corAtual;

let bolas = []; // Array para armazenar as bolinhas

let contadorDeCores = new Array(cores.length).fill(0); // Contador de cada cor

​

let myCapture;

let lastVideoTime = -1;

​

let bodyPose;

let poses = [];

​

var mao1 = {x:0, y:0};

var mao2 = {x:0, y:0};

​

var musica;

​

//------------------------------------------

function preload() {

  bodyPose = ml5.bodyPose();

  musica = loadSound("PROJETO JULIA_1.mp3")

}

​

//------------------------------------------

function setup() {

  createCanvas(640, 480);

  myCapture = createCapture(VIDEO);

  myCapture.size(640, 480);

  myCapture.hide();

  // Configuração do Matter.js

  engine = Matter.Engine.create();

  world = engine.world;

  engine.world.gravity.y = 1;

  let paredeEsquerda = Matter.Bodies.rectangle(0, height / 2, 20, height, { isStatic: true });

  let paredeDireita = Matter.Bodies.rectangle(width, height / 2, 20, height, { isStatic: true });

  let paredeSuperior = Matter.Bodies.rectangle(width / 2, 0, width, 20, { isStatic: true });

  let paredeInferior = Matter.Bodies.rectangle(width / 2, height, width, 20, { isStatic: true });

  Matter.World.add(world, [paredeEsquerda, paredeDireita, paredeSuperior, paredeInferior]);

  bodyPose.detectStart(myCapture, gotPoses);

​

  musica.play();

}

​

function draw() {

  corAtual = undefined;

  const tempo = musica.currentTime();

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

    if(tempos[i].in < tempo && tempos[i].out > tempo) {

      corAtual = cores[i];

      indice = i;

    }

  }

  background("white");

  drawVideoBackground();

  if(corAtual != undefined){

    drawHandPoints();

  }

  drawDiagnosticInfo();

  Matter.Engine.update(engine);

  desenharBolas();

  exibirContadorDeCores();  // Função para mostrar a quantidade de bolinhas por cor

​

  let agora = millis();

  if (agora - ultimoTempo >= tempoDeTroca) {

    console.log("Porcentagens de cores:");

    for (let i = 0; i < cores.length; i++) {

      let porcentagem = (contadorDeCores[i] / bolas.length) * 100 || 0;

      console.log(`${cores[i]}: ${porcentagem.toFixed(2)}%`);

    }

  }

  circle(width-mao1.x, mao1.y, 10);

  circle(width-mao2.x, mao2.y, 10);

}

​

function gotPoses(results) {

  poses = results;

}

​

function desenharBolas() {

  for (let bola of bolas) {

    fill(bola.render.fillStyle);

    noStroke();

    ellipse(bola.position.x, bola.position.y, bola.circleRadius * 2); // Usando o raio do corpo Matter.js

  }

}

​

//------------------------------------------

function drawVideoBackground() {

  push();

  translate(width, 0);

  scale(-1, 1);

  tint(255, 255, 255, 72);

  image(myCapture, 0, 0, width, height);

  tint(255);

  pop();

}

​

//------------------------------------------

let lastHandPositions = [];

​

function drawHandPoints() {

  for (let i = 0; i < poses.length; i++) {

    let pose = poses[i];

​

    let movement = 0;

    if (lastHandPositions[i]) {

      for (let j = 0; j < pose.keypoints.length; j++) {

        let prevPosition = lastHandPositions[i][j] || { x: 0, y: 0 };

        let distX = pose.keypoints[j].x - prevPosition.x;

        let distY = pose.keypoints[j].y - prevPosition.y;

        movement += Math.sqrt(distX * distX + distY * distY);

      }

    }

​

    lastHandPositions[i] = pose.keypoints.map(p => ({ x: p.x, y: p.y }));

​

    let numBalls = int(map(movement, 0, 300, 0, 5, true)); // Reduzido número máximo de bolas

    for (let j = 0; j < numBalls; j++) {

      let hand = pose.keypoints[random([9, 10])];

      mao1 = pose.keypoints[9];

      mao2 = pose.keypoints[10];

​

      // Criando a bolinha como um corpo do Matter.js

      let novaBola = Matter.Bodies.circle(

        width - hand.x + random(-15, 15), // Mais alinhado com a mão

        hand.y + random(-15, 15),

        5, // Raio da bolinha

        {

          restitution: 0.6, // Rebote

          friction: 0.01, // Fricção

          render: {

            fillStyle: corAtual // Cor da bolinha

          }

        }

      );

      // Adiciona a bolinha ao mundo do Matter.js

      Matter.World.add(world, novaBola);

      bolas.push(novaBola); // Armazena o corpo no array para desenhá-lo

​

      contadorDeCores[indice]++; // Incrementa o contador da cor atual

    }

  }

}

​

// Função para exibir os contadores de bolinhas por cor

function exibirContadorDeCores() {

  fill("black");

  textSize(14);

  textAlign(LEFT, TOP);

  let yOffset = 10;

​

  let titulos = ["Saúde", "Vida Financeira", "Vida Amorosa", "Trabalho", "Vida Social"];

​

  for (let i = 0; i < cores.length; i++) {

    text(`${titulos[i]}: ${contadorDeCores[i]}`, 10, yOffset);

    yOffset += 20;

  }

}

​

function drawDiagnosticInfo() {

  noStroke();

  fill("black");

  textSize(12); 

  text("FPS: " + int(frameRate()), 40, 30);

}