Desafio: CupHead em JavaScript
comentada em 03/01/2020 23:18

Opa, recentemente assinei aquela Alura com o intuito de aprender mais de programação. Eu fiz programação na faculdade de engenharia mas foi com Fortran e Matlab o que me deu uma base de lógica. 

Agora estou aprendendo mais dessas linguagens comerciais, primeiro por hobby e quem sabe, para agregar em algo profissionalmente. Iniciei pelo conjunto html, css e JavaScript. 

Achei legal essa ideia do desafio, se puder detalhar mais sobre qual deve ser a trajetória das bolas, como deve ser feito o acionamento etc ficaria mais interessante ainda. 

Detalha mais aí, cria um gif ou um vídeo do jogo funcionando, pra ficar mais fácil de entender. 

@Monreal O funcionamento das Bullets é bem simples.
Bom, no meu, eu fiz da seguinte maneira:

- Tudo é controlado pela fórmula aceleração da gravidade indexado à X e Y de cada objeto.
Antes de tudo, defini a gravidade base, que para fins convencionais, chamei de Gravity.

Atribuí-a com um valor global de 0.5; E cada objeto Bullet receberia ela. Além disso, teria outra variável chamada Velocity. A velocity é a velocidade da queda.

Deve-se entender que a queda não acontece apenas para baixo, mas pode, também, acontecer para os lados. A real é que as Bullets estão caindo para a direita em uma aceleração constante, e quando entram no eixo X ou Y de um inimigo, estas somem e prejudicam dano ao inimigo.

class Bullet {
      constructor() {
          this.x = 0;
          this.y = 0
          this.radius = 0;
          this.velocity = 0;
          this.gravity = 0.5;
          this.color = "#000000";
      }

      draw() {
              ctx.beginPath();

              ctx.fillStyle = this.color;
              ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
              ctx.fill();
      }
}

Esta seria classe base das Bullets, que se aplicam tanto as do jogador, quanto a dos "Bosses".

Antes de tudo, hei de explicar a função Draw(); Ela é bem básica. Só serve para desenhar uma circuferência no Canvas. A váriavel ctx é o Contexto do Canvas.

Então, para o Bullet do Jogador, tem esta classe:

class PlayerBullet extends Bullet {
      update() {
          this.velocity += this.gravity;
          this.x += this.velocity;

          if (enemy.isAlive()) {
                 // Ataca o Inimigo
           }
      }
}

Veja que a velocity é incrementada a todo momento com a gravidade. Adicionando ao X da Bullet, que andaria para os lados. Essa seria a lógica.

@ThiagoDV Este seria uma demonstração do jogo: