sketch.js

let imagemCenario;
let imagemPersonagem;
let imageInimigo;

let cenario;
let somDoJogo;
let somDoPulo;
let personagem;
let inimigo;

const matrizPersonagem = [
  [0, 0],
  [220, 0],
  [440, 0],
  [660, 0],
  [0, 270],
  [220, 270],
  [440, 270],
  [660, 270],
  [0, 540],
  [220, 540],
  [440, 540],
  [660, 540],
  [0, 810],
  [220, 810],
  [440, 810],
  [660, 810],
];
const matrizInimigo = [
  [0, 0],
  [104, 0],
  [208, 0],
  [312, 0],
  [0, 104],
  [104, 104],
  [208, 104],
  [312, 104],
  [0, 208],
  [104, 208],
  [208, 208],
  [312, 208],
  [0, 312],
  [104, 312],
  [208, 312],
  [312, 312],
  [0, 418],
  [104, 418],
  [208, 418],
  [312, 418],
  [0, 522],
  [104, 522],
  [208, 522],
  [312, 522],
  [0, 626],
  [104, 626],
  [208, 626],
  [312, 626],
];

function preload() {
  imagemCenario = loadImage("./assets/imagens/cenario/floresta.png");
  imagemPersonagem = loadImage("./assets/imagens/personagem/correndo.png");
  personagem = new Personagem(imagemPersonagem);
  somDoJogo = loadSound("./assets/sons/trilha_jogo.mp3");
  somDoPulo = loadSound("./assets/sons/somPulo.mp3");
  imagemInimigo = loadImage("./assets/imagens/inimigos/gotinha.png");
}

function setup() {
  createCanvas(window.screen.width, window.screen.height);
  cenario = new Cenario(imagemCenario, 3);
  personagem = new Personagem(
    matrizPersonagem,
    imagemPersonagem,
    0,
    110,
    135,
    220,
    270
  );
  inimigo = new Inimigo(
    matrizInimigo,
    imagemInimigo,
    width - 52,
    52,
    52,
    104,
    104
  );
  frameRate(40);
  somDoJogo.loop();
}

function keyPressed() {
  if (key === "ArrowUp") {
    personagem.pula();
    somDoPulo.play();
  }
}

function draw() {
  cenario.exibe();
  cenario.move();

  personagem.exibe();
  personagem.aplicaGravidade();
  inimigo.exibe();
  inimigo.move();

  if (personagem.estaColidindo(inimigo)) {
    console.log("colidiu");
    noLoop();
  }
}