Início do projeto: 13/03/2021
Código em JavaScript, CSS e HTML.
Status do Projeto: Em desenvolvimento
⚠️
Ver o Dinosaur Game em Funcionamento - brevemente
No projeto inicial boa parte da engine do game era feita em css, que se afastava do meu âmbito de estudo o qual é ganhar mais conhecimento em JavaScript, procurei por vários códigos para tomar por base visto não ter tanto conhecimento neste tipo de programação. Depois de testar e estudar vários códigos encontrei um com uma boa explicação, sendo este programado em javascript e utilizando canvas.
O código inicial foi escrito acompanhando o vídeo para que eu pudesse digitar e ganhar uma melhor percepção da sua programação, logo optei por não copiar do GitHub.
Com o desenvolvimento pretendo acrescentar outras funcionalidades, fundos, mais obstáculos e talves níveis.
- O dragão fica fixo no canto esquerdo da tela, os obstáculos se movimentam na direção do dinossáuro, é necessário saltar ou abaixar para evitá-los.
- Com o decorrer do jogo, conforme o jogar passa os obstáculos, a velocidade aumenta e os números de obstáculos.
- Um toque leve no botão para saltar, ele faz um salto baixo e rápido, se manter pressionado, um salto mais alto e longo.
- Comandos do Jogo:
- Saltar - W e Barra de Espaço ou botão Saltar
- Abaixar - S ou botão Abaixar
- V1-0321
- Início do código - fundo branco, dinossauro fixo a esquerda e a saltar para desviar dos cactos com caixa de mensagem "Game Over" caso esbarre em um obstáculo.
- V2-0321
- Alteração de todo o código para um programação mais orientada a objteto (OOP) com uso de classes e canvas.
- O jogo ocupa a tela inteira do navegador com fundo branco e os personagens são figuras geométricas (quadrados), o vermelho representa o Dinossauro e e azuis os Obstáculos fixos e flutuantes.
- De momento vou deixar o código antigo comentado e eventualmente irei excluí-lo.
- V3-0321
- Substituição e adição da imagem do dinossauro e dos obstáculos (cacto e piterodaptero).
- V4-0321
- Adição de dois botões (Pular e Abaixar) logo abaixo da tela do jogo. A adição deste botões foi para adicionar a jogabilidade em dispositivos móveis, lógico que é algo a melhorar, utilizando gestos ou toques de tela nas próximas alterações.
- V5-0323
- Melhoria no código html e css.
- Update do ReadMe
As versões estão classificadas da seguinte forma:
v1-0820, sendo v1(versão 1) seguido da data do update -0820 (mês e ano).