Semana de desenvolvimento de jogos com JavaScript da Alura.
Desenvolvendo um jogo em JavaScript coma biblioteca X em 5 aulas excluisvas e inéditas, totalmente gratuito e dos dias 22/06 a 26/06. Vamos criar nosso jogo, com o P5JS e JavaScript, e publicar no Github! Melhor que certificado: aumente seu portfolio, compartilhe no instagram e linkedin! Serão 5 aulas inéditas, explorando o JavaScript para GameDev.
Agradecimentos aos participantes Juliana Negreiros , Guilherme Lima e Paulo Silveira.
Planejamento: DIA 1 - Motor do Jogo Historia, Personagem, movimento, background e música
DIA 2 - Inimigos e colisão Mais sprites e algoritmos de colisão
DIA 3 - Mapas, textos e powerup Deixando o jogo mais profissional
DIA 4 - Gerenciamento de estado Telas, estados e historia do jogo.
DIA 5 - Adicionando complexidade Movimentação diferente dos inimigos e powerups.
Utilizando a biblioteca JavaScript para animações, a p5.js, para criar as animações iniciais do jogo, do personagem ao background. Assim como, adicionar a trilha sonora do jogo.
Desafios:
- Organizar a matriz no personagem.js, tirando os números fixos e substituindo-os por um cálculo.
- Criar a história da bruxa Hipsta. Por que ela está andando nessa floresta?
- Fazer seus próprios sprites, criando um jogo com visual bem diferente! Homenageie seu heroi preferido, seu youtuber mais amado :).
- Deixar a função de imagem mais limpa e organizada!
Começando a dar vida ao endless runner desenvolvendo a matemática por trás dos pulos, da gravidade e da colisão.
Desafios:
- Fixe o pulo duplo em no máximo 2!
- Faça um background com aparência 3D usando duas imagens diferentes, com velocidades diferentes. É o efeito paralaxe. Para isso, você precisa que o da frente tenha transparência
- Coloque elementos diferentes em seu jogo: abelhas, borboletas, o que você achar que vai ficar legal!
- Faça uma tela de game over mais elaborada, explicando o que aconteceu com a personagem e porque a pessoa perdeu.
Incluindo diferentes tipos de desafios, painel de pontos e tela de fim de jogo.
Desafios:
- Configure o jogo para que tenhamos apenas um inimigo aparecendo de cada vez.
- A colisão da Hipsta com os inimigos não está muito legal...será que conseguimos melhorar isso?
- Crie uma tela inicial para o jogo.
- Faça com que moedas apareçam durante o jogo e, conforme a Hipsta as pega, ela acumula mais pontos.
Criando uma tela inicial, resolvendo ordem de aparição dos inimigos e organizando o código.
Desafios:
- Crie a história do seu jogo através de várias cenas diferentes, por exemplo: qual a missão da Hipsta? O que acontece se ela não chegar onde precisa?
- Onde mais você pode colocar estado? Criar uma segunda fase, depois de ter atingido X pontos ou passado N inimigos, é um bom desafio.
- Quer ir realmente longe: a passagem de fase poderia ser feita de forma transparente: o novo background começa a aparecer, mas encaixando no background antigo. Entao voce precisa achar imagens de background que se encaixem e que, duas ou tres passadas de tela depois, possa levar a Hipsta de uma floresta a um deserto.
Adicionando vidas ao inves de finalizar o jogo apenas com uma colisão e com esse mesmo mecanismo é possivel criar power-ups. Além de centralizar as configurações, como quantiade de vidas, tipos de inimigos e a frequencia deles em um mapa.
Desafios:
- Deixar personagem piscando enquanto invencivel
- Adicionar ganho de vidas, ao inves de perder colidindo com o inimigo, ganhar colidindo com um coração.
- Crie a história do seu jogo através de várias cenas diferentes, por exemplo: qual a missão da Hipsta? O que acontece se ela não chegar onde precisa?
- Submeta seu jogo para participar da competição dos melhores! Teremos uma Live na terça feira.