Como criar o jogo da cobrinha com JavaScript e HTML | JavaScript para iniciantes - Tutorial

Fala, pessoal!

Nesse vídeo, vamos criar o clássico jogo da cobrinha utilizando JavaScript, HTML e CSS. Através do poderoso elemento canvas do HTML5, vamos construir uma experiência interativa muito legal!

Vamos fazer tudo passo a passo, desde a configuração do canvas até a implementação da lógica do jogo. Vamos aprender como lidar com eventos de teclado, criar o movimento da cobrinha, detectar colisões e atualizar o tabuleiro em tempo real.

Com a combinação do JavaScript para a lógica, o CSS para o estilo e o elemento canvas para a renderização do jogo, você terá todas as ferramentas necessárias para criar seus próprios projetos futuro.

Espero muito que gostem!

Repositório do projeto:

#javascript #css #html #gamedev

[moisesjunior]

To pagando faculdade só pelo diploma mesmo, pq o verdadeiro ensinamento eu achei de graça nessa canal EXECELENTE VEI MDS DO CÉU

[jslsmpv]

Gente será que é só eu que acho esse canal INCRÍVEL. a didática desse cara é a melhor que eu ja vi na minha vida.

[leticiasildozo]

Uma dica bem simples q ocorreu cmg, quem estiver com dificuldade em somar na parte no (score--value), é so chamar o span novamente igual ele faz (finalscore). Ou seja ficará assim (".score--value > span")

[pedroaragao]

A melhor didática do youtube como sempre. Brabo demais. Você inspira muita gente meu mano.

[sophiacodes]

Moço, Deus abençoe, está salvando meu amigo e eu com o projeto final do semestre!! A didática tá fantástica 🫡🤯

[blackMiror_]

Show demais, projetos assim fazem com o que a gente aprenda coisas mais avançadas não vistas ainda.

[jesusmarcostomaz]

Meus Parabéns, tremenda didática, explicação muito completa.

[luanjose]

Muito obrigado pelo seu vídeo, consigo aprender muito com seus projetos, espero que futuramente você possa trazer mais vídeos assim

[geansoares]

Mais um projetinho f0d@ concluído com sucesso. Melhor canal de Programação do Youtube. Agradeço demais pelo tempo, paciência e por compartilhar seu conhecimento conosco. Abraço👊

[CarlosBatistaHP]

Cara, gostei muito do projeto e me diverti programando junto. Você explica muito bem :)

[guiipdr]

Projetinho muito divertido de se fazer e com um um ótimo aprendizado! didática muito boa amigo, parabéns por mais uma aula incrível.

[felipe]

Didática otima, muito bom o projeto e uma explicação sensacional, Parabens !

[iarley]

Ja vi varios videos de cobrinha, mas vc foi o unico que explicou a logica além de fazer, mt bom

[viniciusribeiro]

Cara sua didática é impecável, parabéns melhor que muitos cursos, muita benção em sua vida

[Gb_MusicList]

const snake = [
{x:200, y:200},
{x:230, y:200},
{x:260, y:200}

]
parece muito bobo mas estava me matando para achar essa virgula no final codigo dando erro e eu procurando.

parabens pelo trabalho cara muito bomm mesmo, sou mais um que esta fazendo faculdade pelo diploma porque videos como esse seu que realmente nos motiva a continuar. obrigado mesmo.!!

[atyllakossatz]

Conteúdo de altíssima qualidade. Didática perfeita! Parabéns pelo trabalho.

[Radsonb]

Estou anestesiado com esse projeto muito obrigado me ajudou a entender algumas funções sobre javaScript continue sempre não para!

[antenassatellite]

Caraka nunca foi tão fácil apreender JS, parabéns você é

[Sergio_lf]

Parabéns, sua didática é incrível. Continue assim TOP demais.

[paulofranco]

Obrigado pela SUPER AULA, bem explicada!