Manoo, muito real. Estou sentindo a mesma coisa, meu desenvolvimento está vindo de fora da faculdade, estou aproveitando quase nada na faculdade. Tudo muito superficial, pouca pratica em projetos, que ao meu ver, é o que consolida o aprendizado.
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")
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 kkkkkkkk, 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.!!
Mais um projetinho f0d@ concluído com sucesso. Melhor canal de Programação do TH-cam. Agradeço demais pelo tempo, paciência e por compartilhar seu conhecimento conosco. Abraço👊
Mano, obg pelos tutoriais! Além de acelerar o aprendizado pela pratica, nos da a chance de simular o que é o trabalho de um programador. Pois dificilmente você vai fazer algo do zero, você grande parte da vezes, vai participar de um projeto já em produção, e a sua função será implementar novas funções, retirar bugs e etc. E com os seus tutorias, podemos fazer justamente isso, copiar parte da logica, mas pensar em novas maneiras de fazer a mesma coisa ou em novasa funções... eu acabo de iniciar a versão para mobile, então vou ter que mudar o canvas e pensar em uma maneira para o usuario controlar a snake. Enfim, vlw mesmo, por comprtilhar conhecimento! Eu pretendo fazer o mesma, assim que achar que consigo agregar conhecimento.
Vídeo sempre com muito aprendizado, eu gostaria de deixar uma dica de vídeo, Como fazer uma enquete com HTML/CSS & JAVASCRIPT, acho que ia ser interessante.
@@ManualdoDev Dev adaptei seu projeto com reconhecimento de voz, tipo uma cobra-cega mesmo hahahahah pode me ajudar com uma dúvida, como faz para adicionar um caminho infinito, meu objetivo é que ao invés que a cobra tenha uma colisão com o final do grid, gostaria que ela surgisse do outro lado igual ao pacman sabe
tudo muito bem didático uma forma bem clara de explicar algo que para um iniciante parece bem complexo, ganhou mais um inscrito, gostaria de ver mais tutoriais nesse estilo, parabéns pelo conteúdo.
DÁ VONTADE DE ABRAÇAR O ADM DAQUI E FALAR OBRIGADO PELO CONTÉUDO ACEITAR SER MEU PAI E ME TREINAR SENSEI Brincadeira, ótimo conteúdo mesmo cara. Obrigado.
muito top, cai de paraquedas aqui é já cheguei com o aroba de número 600 likes , mais só de lembrar do classico jogo da cobrinha parei pra vê é simplesmente gostei de mais, estou começando nesse mudo de html 1 vez que vi to tentado criar um site de delivery... irei acompanhar você agora :D
um trabalho de muita qualidade, parabens.. mas so queria saber como faz aqueles simbolos diferentes?. na parte do (keydown) ( if (key == "ArrowLeft" ?? direction ?? "right"){ direction = "left" )
Bom dia Dev. Seu trabalho é fantástico. Sou Professor de Matemática e Tecnologia e me inspirei no seu vídeo para fazer um trabalho parecido com a garotada, e a turma adorou ! Gostaria muito de poder entrar em contato contigo para dividir a experiência e poder tirar algumas dúvidas. Forte Abraço. Vida Longa e Próspera.
Para adicionar os eventos de teclado tente clicar em console e depois em Enter, depois clica na pagina web onde está sendo exibido o jogo e comece a apertar as teclas que serão os comandos de direção.
eu demorei 5 dias pra assistir, fui assistindo aos poucos e não entendi nada mas gostei muito, to começando a faculdade agora e ainda to no HTML e CSS, mas ja estou muito ansioso pra aprende JS
Faz mais namoraaaal . Ficou muito top. Quero aprender a fazer alguns jogos com javascript para eu analisar se vale a pena focar em desenvolvimento do jogos
Cara sinceramente vc tem o dom de ensinar. Cada codigo cada detalhe . Se todo professor fosse assim nosso mundo seria muito melhor. Por favor fassa um curso de js. Eu te suplico. Comprei o da danki mas é uma verdadeira BOSTA. Mas tenho certeza que você seria incrível dando um curso desses.
@@ManualdoDev simplesmente incrível irmão muito obrigado por existir. Mas ai posso lançar um desafio? Conhece o jogo pokemon delugue? Ele é um joguinho simples que roda em servidor mesmo. Eu to fazendo ele em js e queria ver vc fazendo um desses. É um projeto grande mas tenho certeza que iria agregar muito
Cara não é 1 ou 2 curso que vai te ensinar isso aí não. Isso é com muita experiência. fora que ele deve ter demorado pra criar isso aí, no vídeo obviamente ele já tinha tudo anotado, criado e testado.
Olá, eu sou estudando de desenvolvimento de jogos digitas, to no inicio da graduação ainda, gostei muito de fazer esse projeto e ainda adicionei ao codigo uma função pra incrementar a velocidade do jogo em +1 a cada vez que a cobra come a comida, entretanto o navegador trava algumas vezes quando jogo ta rodando, eu mudei o loop de setTimeout para setInterval e mesmo assim o navegador ainda trava alguma vezes.
uma observação, quando perde no jogo e aparece o game over da pra continuar "jogando", o score continua aumentando só que com a estilização do game over na frente da tela
gostaria de saber se dar para colocar esse jogo na play store. Estou criando um jogo em js também, mas as pessoas jogam mais no celular e eu queria disponibilizar esse jogo no celular devido a isso
Alguém consegue me ajudar, assim que adiciono a função checkEat, a cobrinha trava, e não anda mais, mas se eu paro de executar essa função, a cobrinha volta a funcionar...
Gente, alguém me ajuda. Na parte de aparecer a cobrinha não tá indo na parte do código Const drawSnake = () ==> { ctz.fillstyle = "#ddd" ctz.fillrect(snake[0].x, snake[0].y, size, size)} drawSnake()
Gente, estou estudando cerca de 1 ano... Más o JavaScript, me confunde muito com as aspas simples,duplas, e basicamente tudo KKKKK alguém tem alguma dica para ajudar a lembrar? Eu vire e mexe faço pequenos projetos pessoais, más na hora do JavaScript que é complicado
Ótimo projeto, porém você deixou pegadinhas para solucionarmos, como por exemplo se der comando após fim de jogo dá para continuar jogando infinitamente mesmo que colida com os blocos(basta não pressionar o botão). Conteúdo excelente.
To pagando faculdade só pelo diploma mesmo, pq o verdadeiro ensinamento eu achei de graça nessa canal kkkkkkkkkkk, EXECELENTE VEI MDS DO CÉU
Mas quem não tem diploma tem mais moral no mercado mano, falo por experiência 😅
Manoo, muito real. Estou sentindo a mesma coisa, meu desenvolvimento está vindo de fora da faculdade, estou aproveitando quase nada na faculdade. Tudo muito superficial, pouca pratica em projetos, que ao meu ver, é o que consolida o aprendizado.
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.
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")
A melhor didática do youtube como sempre. Brabo demais. Você inspira muita gente meu mano.
Que isso... muito obrigado, Pedro! Valeu demais pelo apoio! Tamo junto!
Moço, Deus abençoe, está salvando meu amigo e eu com o projeto final do semestre!! A didática tá fantástica 🫡🤯
Sucesso pra vocês, Sophia! :D
Parabéns! Assisti uma hora e meia e pareceu minutos. Sua dicção e explicação são muito boas🎉
Muito obrigado, Ciro! Tamo junto!
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 kkkkkkkk, 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.!!
Show demais, projetos assim fazem com o que a gente aprenda coisas mais avançadas não vistas ainda.
Mais um projetinho f0d@ concluído com sucesso. Melhor canal de Programação do TH-cam. Agradeço demais pelo tempo, paciência e por compartilhar seu conhecimento conosco. Abraço👊
Eu que agradeço o apoio, Gean. Valeu demais! Tamo junto!
Meus Parabéns, tremenda didática, explicação muito completa.
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.
Valeu demais, Guilherme! Tamo junto!
Muito obrigado pelo seu vídeo, consigo aprender muito com seus projetos, espero que futuramente você possa trazer mais vídeos assim
Cara, gostei muito do projeto e me diverti programando junto. Você explica muito bem :)
Mano, obg pelos tutoriais! Além de acelerar o aprendizado pela pratica, nos da a chance de simular o que é o trabalho de um programador. Pois dificilmente você vai fazer algo do zero, você grande parte da vezes, vai participar de um projeto já em produção, e a sua função será implementar novas funções, retirar bugs e etc. E com os seus tutorias, podemos fazer justamente isso, copiar parte da logica, mas pensar em novas maneiras de fazer a mesma coisa ou em novasa funções... eu acabo de iniciar a versão para mobile, então vou ter que mudar o canvas e pensar em uma maneira para o usuario controlar a snake. Enfim, vlw mesmo, por comprtilhar conhecimento! Eu pretendo fazer o mesma, assim que achar que consigo agregar conhecimento.
Vídeo sempre com muito aprendizado, eu gostaria de deixar uma dica de vídeo, Como fazer uma enquete com HTML/CSS & JAVASCRIPT, acho que ia ser interessante.
Ja vi varios videos de cobrinha, mas vc foi o unico que explicou a logica além de fazer, mt bom
Didática otima, muito bom o projeto e uma explicação sensacional, Parabens !
Didática muito boa, explicou muito bem os conceitos de array, objetos e funções.
Ps: todo o conteúdo foi muito bem explicado parabéns!
Caraka nunca foi tão fácil apreender JS, parabéns você é d+++++++++++.💯
Cara sua didática é impecável, parabéns melhor que muitos cursos, muita benção em sua vida
Muito obrigado, Vinicius! Tamo junto!
@@ManualdoDev Dev adaptei seu projeto com reconhecimento de voz, tipo uma cobra-cega mesmo hahahahah pode me ajudar com uma dúvida, como faz para adicionar um caminho infinito, meu objetivo é que ao invés que a cobra tenha uma colisão com o final do grid, gostaria que ela surgisse do outro lado igual ao pacman sabe
Parabéns, sua didática é incrível. Continue assim TOP demais.
Muito obrigado, Sergio!
Conteúdo de altíssima qualidade. Didática perfeita! Parabéns pelo trabalho.
Estou anestesiado com esse projeto muito obrigado me ajudou a entender algumas funções sobre javaScript continue sempre não para!
Conteúdo high level! Este é o melhor canal de programação dentre todos que já vi.
tudo muito bem didático uma forma bem clara de explicar algo que para um iniciante parece bem complexo, ganhou mais um inscrito, gostaria de ver mais tutoriais nesse estilo, parabéns pelo conteúdo.
DÁ VONTADE DE ABRAÇAR O ADM DAQUI E FALAR OBRIGADO PELO CONTÉUDO ACEITAR SER MEU PAI E ME TREINAR SENSEI
Brincadeira, ótimo conteúdo mesmo cara.
Obrigado.
Lkkkkkkk tamo junto Kelvin!
Obrigado pela SUPER AULA, bem explicada!
Parabéns pelo excelente conteúdo. Não sabia usar a tag canvas, pra mim foi um grande aprendizado. Valew!!
Tamo junto, Renan!
Adorei, é o segundo projeto que faço com vc, e aprendi vários conceitos! Muito obrigada!
Eu que agradeço seu apoio, Camila! Valeu demais!
@@ManualdoDev moço! Estou aprendendo react! Bem que vc poderia ensinar algumas coisas né?
@@ManualdoDev eu já fiz seu carrinho de compras 🥰 quero outra coisa agora mas ainda não sei o que…
Que projeto!!! Muito bom seus projetos e explicações
Muito obrigado, Samuel! Tamo junto!
muito top, cai de paraquedas aqui é já cheguei com o aroba de número 600 likes , mais só de lembrar do classico jogo da cobrinha parei pra vê é simplesmente gostei de mais, estou começando nesse mudo de html 1 vez que vi to tentado criar um site de delivery... irei acompanhar você agora :D
Ótimo vídeo, man! Vou tentar quebrar a cabeça pra fazer aqui também. Kkkkkkk
Aí simm heheh
um trabalho de muita qualidade, parabens.. mas so queria saber
como faz aqueles simbolos diferentes?.
na parte do (keydown)
( if (key == "ArrowLeft" ?? direction ?? "right"){
direction = "left" )
Incrível, projeto divertido💯
Muito bom, vou tentar adicionar a dificuldade e o armazenamento dos pontos, conteudo incrivel!!
Bom dia Dev. Seu trabalho é fantástico. Sou Professor de Matemática e Tecnologia e me inspirei no seu vídeo para fazer um trabalho parecido com a garotada, e a turma adorou ! Gostaria muito de poder entrar em contato contigo para dividir a experiência e poder tirar algumas dúvidas. Forte Abraço. Vida Longa e Próspera.
Para adicionar os eventos de teclado tente clicar em console e depois em Enter, depois clica na pagina web onde está sendo exibido o jogo e comece a apertar as teclas que serão os comandos de direção.
eu demorei 5 dias pra assistir, fui assistindo aos poucos e não entendi nada mas gostei muito, to começando a faculdade agora e ainda to no HTML e CSS, mas ja estou muito ansioso pra aprende JS
Booooa, Igor! Sucesso pra você nesse caminho!
Parabéns, muito didática as sua explicação !
Faz mais namoraaaal . Ficou muito top. Quero aprender a fazer alguns jogos com javascript para eu analisar se vale a pena focar em desenvolvimento do jogos
adoreeeeeeeiiii
mano, vou te seguir, quando crescer quero ser igual vooce
hahahaha você pode ser beeeem mais
Muito bom, parabéns....
Otima didática.
Nem vi o vídeo ainda mas ja vou deixar salvo aqui para acompanhar, porque ja sei que vai ser excelente
Muito obrigado pelo apoio, Vinicius! Valeu demais!
@@ManualdoDev tmj!
Muito Bom! Ótima didática!
Cara sinceramente vc tem o dom de ensinar. Cada codigo cada detalhe . Se todo professor fosse assim nosso mundo seria muito melhor. Por favor fassa um curso de js. Eu te suplico. Comprei o da danki mas é uma verdadeira BOSTA. Mas tenho certeza que você seria incrível dando um curso desses.
Já comecei a produzir em! E que tal se fosse de graça? :O
@@ManualdoDev simplesmente incrível irmão muito obrigado por existir. Mas ai posso lançar um desafio? Conhece o jogo pokemon delugue? Ele é um joguinho simples que roda em servidor mesmo. Eu to fazendo ele em js e queria ver vc fazendo um desses. É um projeto grande mas tenho certeza que iria agregar muito
Que video sensasional cara, didática espetacular;
Cara! Como isso é possível? Você é muito bom! Me aconselha algum curso on-line pra eu aprender tudo isso?
Cara não é 1 ou 2 curso que vai te ensinar isso aí não. Isso é com muita experiência. fora que ele deve ter demorado pra criar isso aí, no vídeo obviamente ele já tinha tudo anotado, criado e testado.
Brabo demais!
mto bom mesmo! Didática impecável!
Primeiro nesse canal top demais, esse cara é fera
Valeu demais pelo apoio, meu amigo!
Que conteúdo foda! 👏🏻
Eu amo esse canal!
Olá, eu sou estudando de desenvolvimento de jogos digitas, to no inicio da graduação ainda, gostei muito de fazer esse projeto e ainda adicionei ao codigo uma função pra incrementar a velocidade do jogo em +1 a cada vez que a cobra come a comida, entretanto o navegador trava algumas vezes quando jogo ta rodando, eu mudei o loop de setTimeout para setInterval e mesmo assim o navegador ainda trava alguma vezes.
Parabéns pela didática!
Valeu demais, Eduardo!
incrivel esse projeto!
muito boa aulaaa! legal
Parabéns! estou fascinado com estes projetos/aulas. Preciso de uma dica, nome não sai o som tem como descobrir o porque?
uma observação, quando perde no jogo e aparece o game over da pra continuar "jogando", o score continua aumentando só que com a estilização do game over na frente da tela
fui tentar mexer nisso, a cobrinha sumiu, socorro kkkkkkk
o problema: uma {} ao inves de [ ], eu te amo programação
If (key == "ArrowRight" && direction != "right")
Sinal de diferente que ele fala é !=
Excelente projeto
Poderia fazer um jogo de xadrez como JS?
muito bom
cara nunca para de fazer video nao por favor
Like direto sem nem ver o video só pelo jogo da cobrinha
Muito top 😃
Sensacional
Não consegui assistir o video inteiro, mas essa recursão não vai gerar um stack overflow?
Ajudou muito !
Muito top!!!
tu poderia trazer um aplicaçao full stack né man, tipo um site de aluguel de carros, sem e-commerce porque ja tem muitos kk
É uma boa em!
Fala meu mano, por curiosidade, qual é o tema do seu vs?
36:12 no mac como faz para configurar console?
gostaria de saber se dar para colocar esse jogo na play store. Estou criando um jogo em js também, mas as pessoas jogam mais no celular e eu queria disponibilizar esse jogo no celular devido a isso
Muito bom!!
Você fala igual a anya de Spy x Family kkssk muito fofo
kkkkkkkk
Que aula!
hey, vc é minha inspiração na próxima sera que oce pode usar java? ou php
Da pra colocar botões pra poder jogar pelo celular ?
sensacional! qual tema você usa no vs code meu amigo?
One Dark Pro :D
Pq vc não bota ; no js? Eu sei que n influencia em nada mas vc acha q as outras pessoas reclamam ao verem isso no cdg? :)
Alguém consegue me ajudar, assim que adiciono a função checkEat, a cobrinha trava, e não anda mais, mas se eu paro de executar essa função, a cobrinha volta a funcionar...
qual foi a fonte ultilizada?
Gente, alguém me ajuda. Na parte de aparecer a cobrinha não tá indo na parte do código
Const drawSnake = () ==> {
ctz.fillstyle = "#ddd"
ctz.fillrect(snake[0].x, snake[0].y, size, size)}
drawSnake()
Muito daora
No .css a fonte a ser usada está incorrectamente declarada como Poppings
bora para mais um!
Boraaa!
Gente, estou estudando cerca de 1 ano... Más o JavaScript, me confunde muito com as aspas simples,duplas, e basicamente tudo KKKKK alguém tem alguma dica para ajudar a lembrar? Eu vire e mexe faço pequenos projetos pessoais, más na hora do JavaScript que é complicado
Funciona sem fonte?
Sei que fora só tema mas e site ensinara? Queria tbm saber como posso contratar para fazer um site?
Era so fazer um filter por x e y e ver se o resultado é maior que 1, se sim é pq bateu....
Ótimo projeto, porém você deixou pegadinhas para solucionarmos, como por exemplo se der comando após fim de jogo dá para continuar jogando infinitamente mesmo que colida com os blocos(basta não pressionar o botão). Conteúdo excelente.
Será que foi pegadinha ou eu só não percebi isso? hahahahah
Boa, Jozimar!
Mano, que tema você usa no vscode? vídeo brabo dms mano!
One Dark Pro :D
Só o meu que não saiu o áudio?
Mano, qual fonte esta usando no vs code?
JavaScript ou node js?
PODE CRIAR UM JOGO DE TIRO USANDO USANDO O CANVAS EO FIREBASE?
Manda a URL do início por favor
qual é a imagem da cobra ?
eu tenho o notepad++. vc pode mandar o link do app?
So nao descobri como colocar o audio