logica.js

let ALTURA = 500;
let LARGURA = 500;
let P1;
let GRAVIDADE = 0.7;
let FORCA_DO_PULO = -6;
let teclas = {};
let canvas = document.getElementById("myCanvas");
let ctx = canvas.getContext("2d");
let motor  = null;// timer para execucao principal
let logs = null; //timer para mostrar dados
let objetos = [];

window.addEventListener('keydown',(ev)=>{pressionou(ev)});
window.addEventListener('keyup',(ev)=>{soltou(ev)});
let MAPEAMENTO = {
    frente:'d',
    tras:'a',
    cima:'w'
}
let inf = document.getElementById('info');




function logar(){
    inf.innerHTML = `

        <div>aceleracao: <div class="sub"> ${P1.aceleracao.x.toFixed(2)}</div></div>
        <div>força do pulo: <div class="sub">${FORCA_DO_PULO}</div></div>
        <div>Atores no Palco: <div class="sub">${objetos?objetos.length:0}</div></div>
        <div>STAMINA: <div class="sub">${P1.stamina}</div></div>
        <div>PULO DUPLO: <div class="sub">${P1.duploPulo}</div></div>
    `;
}

class Jogador{
    constructor(posicao){
        this.posicao = posicao;
        this.largura = 10;
        this.aceleracaoMaxima = 6;//velocidade maxima
        this.fatorAceleracao  = 0.2;//fator de aumento
        this.altura = 10;
        this.duploPulo = true;
        this.player1 = false;
        this.stamina = 10;
        this.aceleracao = {
            x:1,
            y:0
        }
    }

    noChao(){
        if(this.posicao.y+this.altura<ALTURA)return false;
        return true;
    }

    colisao(){
        
    }

    bloqueado(lado){
        if(this.posicao.x<=0 && lado=='esquerda'){
            this.posicao.x = 0;
            return true;
        }
        if(this.posicao.x+this.largura>=LARGURA && lado=='direita'){
            this.posicao.x = LARGURA-this.largura;
            return true;
        }

        return false;
    }

    processarGravidade(){
        if(!this.noChao())this.posicao.y = this.posicao.y+this.aceleracao.y;
        this.aceleracao.y+=GRAVIDADE;
    }

    atualizar(ctx){
        
        ctx.fillStyle = "#FF0000";
        if(this.player1) ctx.fillStyle = "#00FF00";
        this.processarGravidade();
        // console.log('queda ',this.aceleracao.y)
        if(this.noChao()){
            this.aceleracao.y = 0;
            this.posicao.y = ALTURA-this.altura;
        }
        if(this.player1){
            if(teclas.frente && !this.bloqueado('direita')){
                this.posicao.x = this.posicao.x+this.aceleracao.x;
                if(this.aceleracao.x<=this.aceleracaoMaxima){
                    this.aceleracao.x+=this.fatorAceleracao;
                }
                
            }
            if(teclas.tras && !this.bloqueado('esquerda')){
                this.posicao.x = this.posicao.x-this.aceleracao.x;
                if(this.aceleracao.x<=this.aceleracaoMaxima){
                    this.aceleracao.x+=this.fatorAceleracao;
                }
            }
        }
       
        ctx.fillRect(this.posicao.x,this.posicao.y,this.largura,this.altura);
    }



}

let gamepad = new Gamepad();

gamepad.bind(Gamepad.Event.CONNECTED, function(device) {
    // a new gamepad connected
    console.log("Controle conectado ",device);
});

gamepad.bind(Gamepad.Event.BUTTON_DOWN, function(e) {
    // e.control of gamepad e.gamepad pressed down
    console.log("pressionou ",e.control);
    if(e.control=='FACE_1')teclas.tras = true;
    if(e.control=='FACE_4')teclas.frente = true;
    if(e.control=='FACE_3')executarPulo();
});

gamepad.bind(Gamepad.Event.BUTTON_UP, function(e) {
    // e.control of gamepad e.gamepad released
    console.log("Soltou ",e.control);
    if(e.control=='FACE_1')teclas.tras = false;
    if(e.control=='FACE_4')teclas.frente = false;
});

gamepad.bind(Gamepad.Event.AXIS_CHANGED, function(e) {
    // e.axis changed to value e.value for gamepad e.gamepad
    console.log("Eixo ",e);
});

if (!gamepad.init()) {
    console.log("JOystick não suportado");
}
 
  function apertouPular(){
    console.log("Apertou Pular");
  }

  function andouPraEsquerda(){
    console.log("Andou pra esquerda");
  }

  

 

    //=========Configuração=====================
    P1 = new Jogador({x:450,y:0});
    P1.player1 = true;    
    objetos.push(P1);
    objetos.push(new Jogador({
        x:60,
        y:20
    }));
    motor = setInterval(()=>{
        
        
        
          
        
          
               
        desenhar();
    },1000/60);
    logs = setInterval(()=>{
        logar();
    },200);

    //========Ignição==========================


    function desenhar(){
        branco(); 
        objetos.forEach(ob=>{ob.atualizar(ctx);});
    }

    function branco(){
        ctx.fillStyle = "#FFFFFF";
        ctx.fillRect(0,0,LARGURA,ALTURA);
    }

   function executarPulo(){
    if(P1.noChao()){
        P1.duploPulo = true;
        P1.posicao.y--;      
        P1.aceleracao.y=FORCA_DO_PULO; 
    }else if(P1.duploPulo){
        P1.duploPulo = false;
        P1.aceleracao.y=FORCA_DO_PULO; 
    }
   }

    function pressionou(ev,face){
        console.log(ev);
        if((ev && ev.key==MAPEAMENTO.cima)){
            executarPulo();
              
        }
        if((ev && ev.key==MAPEAMENTO.frente) )teclas.frente = true;
        if((ev && ev.key==MAPEAMENTO.tras) )teclas.tras = true;
    }

    function soltou(ev,face){

        

        if((ev && ev.key==MAPEAMENTO.frente) ){
            teclas.frente = false;
            P1.aceleracao.x = 1;
        }
        if((ev && ev.key==MAPEAMENTO.tras) ){
            teclas.tras = false;
            P1.aceleracao.x = 1;
        }
        
    }