Skip to content

rafa-san/dio-jogo-resgate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Badge  Sparkles   Badge  Folded Hands Light Skin Tone

HTML Web Developer #3 | Construindo seu Primeiro Jogo de Naves (Jogo Resgate)

1️⃣ Objetivo

Desenvolver um jogo utilizando HTML5, CSS3 e JavaScript.

2️⃣ Descrição

Este projeto foi realizado como parte do Bootcamp HTML Web Developer, oferecido pela Digital Innovation One (DIO).

A atividade foi conduzida pelo instrutor Denilson Bonatti.

Neste divertido joguinho, o(a) jogador(a) controla um helicóptero que deve destruir inimigos enquanto resgata um soldado antes que ele seja atropelado por um caminhão.

O projeto segue uma abordagem passo a passo, cobrindo:

  • Criação da estrutura básica em HTML.
  • Estilização com CSS3.
  • Implementação da lógica do jogo e eventos com JavaScript.
  • Publicação para acesso via navegador.

3️⃣ Principais Modificações

Realizei apenas algumas alterações durante o desenvolvimento da minha versão:

CSS

  • Adicionei cursor: pointer nos seletores #inicio e #fim;
  • Simplifiquei declarações, como:
    • margin-left: auto; margin-right: auto; margin-top: 100px por margin: 100px auto 0;
    • border-style: solid e border-color: #fff por border: 2px solid #fff.
  • Incluí background-size: cover no seletor body para ajustar a imagem de fundo de maneira uniforme.

JavaScript

  • Alterei a tecla de disparo de D para ENTER para maior conveniência.

4️⃣ Tecnologias Utilizadas

Linguagens

  

Ferramentas

  

5️⃣ Créditos

Agradeço ao didático instrutor Denilson Bonatti e à equipe da DIO pelo excelente conteúdo, que contribuiu demais para o meu aprendizado e para a construção do meu portfólio.

6️⃣ Licença

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações.


Star Gostou do projeto? Deixe uma estrelinha Star