image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Carlos CGS
Carlos CGS25/11/2024 15:22
Compartilhe

Recriando o Jogo "Galinha Feliz" com JavaScript 🎮

    Olá, galera dev! 👋

    Durante o Bootcamp Ri Happy - Front-end do Zero pela Digital Innovation One (DIO), me deparei com um desafio incrível de recriar o jogo DetonaHalp usando técnicas de manipulação de DOM em JavaScript. Inspirado por isso, decidi dar um toque pessoal e criar o jogo "Galinha Feliz" , baseado no famoso minigame da Peppa Pig!

    🎯 O Objetivo do Jogo

    A proposta é simples e divertida:

    • Cada vez que o jogador clica na galinha, 10 pontos são acrescentados à partitura.
    • Um ovo é gerado na posição exata do clique, trazendo dinamismo e interatividade.
    • Tudo isso foi desenvolvido pensando em responsividade , garantindo que o jogo funcione perfeitamente em telas menores, como celulares.

    Foi uma experiência incrível criar algo que combina lógica de programação e diversão . E o mais gratificante: minhas filhas amaram jogar! 😄

    💻 Tecnologias Utilizadas

    • HTML : estrutura básica do jogo.
    • CSS : para criar um layout divertido e adaptável a diferentes dispositivos.
    • JavaScript : o coração do projeto, usado para manipular eventos de clique, atualizar o score e posicionar os ovos dinamicamente.

    🚀 O que Aprendi com o Projeto

    Esse desafio foi uma excelente oportunidade para:

    • Praticar a manipulação de eventos no DOM .
    • Melhore minhas habilidades em JavaScript puro , sem o uso de frameworks.
    • Implementar responsividade para garantir acessibilidade em múltiplas plataformas.
    • Estimular a criatividade , transformando uma ideia simples em algo interativo e envolvente.

    🌟 Desafios Encontrados

    • Posicionar os ovos dinamicamente : preciso ajustar as coordenadas para que eles apareçam no lugar correto.
    • Responsividade : garantir que a experiência fosse agradável em telas menores foi um aprendizado valioso.

    🔗 Confira o Projeto

    Você pode acessar o jogo neste link: https://carlos-cgs.github.io/CGS/games/GalinhaFeliz-Game/index.html

    Ou ver o video no meu LinkedIn: https://www.linkedin.com/posts/carlos-cgs_dio-desenvolvimentodejogos-projetostech-activity-7266752520029392896-NVmC?utm_source=share&utm_medium=member_desktop

    Experimente e conte-me o que achou!

    Compartilhe
    Comentários (1)

    JL

    Joanderson Lima - 25/11/2024 16:04

    Alguém precisando de um cupom de 95% de desconto? Para se tornar Global, eu era dio pro agora sou dio Global vitalício, a plataforma me deu um código cupom de 95 % de presente mais funciona pra qualquer um q quiser fazer a compra, interessados chama no Whats 96991813178