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.
@@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.
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.
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.
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
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
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
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
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.
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.
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" )
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
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.
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
quando a cobra esta indo para cima e eu clico rapido para ela ir pro lado e pra baixo, ela entra denro dela mesma. Isso acontece com todas as direções. Alguem sabe como resolver?
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 será que é só eu que acho esse canal INCRÍVEL. a didática desse cara é a melhor que eu ja vi na minha vida.
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.
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!
Meus Parabéns, tremenda didática, explicação muito completa.
Show demais, projetos assim fazem com o que a gente aprenda coisas mais avançadas não vistas ainda.
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.!!
eu agorinha mesmo, mas agora o meu ta dando erro no drawGrid
Caraka nunca foi tão fácil apreender JS, parabéns você é d+++++++++++.💯
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
Muito top parabéns, eu adicionei tbm uma função que aumenta a velocidade conforme nossos pontos vão aumentando. Parabéns pelo conteúdo!
Muito obrigado pelo seu vídeo, consigo aprender muito com seus projetos, espero que futuramente você possa trazer mais vídeos assim
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!
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!
Ja vi varios videos de cobrinha, mas vc foi o unico que explicou a logica além de fazer, mt bom
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!
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.
Estou anestesiado com esse projeto muito obrigado me ajudou a entender algumas funções sobre javaScript continue sempre não para!
Didática otima, muito bom o projeto e uma explicação sensacional, Parabens !
Conteúdo de altíssima qualidade. Didática perfeita! Parabéns pelo trabalho.
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!
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
Obrigado pela SUPER AULA, bem explicada!
valeu pelo vídeo. muito didático, gostei bastante e só de ver ele já me inscrevi e verei outros daqui
Parabéns, sua didática é incrível. Continue assim TOP demais.
Muito obrigado, Sergio!
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.
Parabéns pelo excelente conteúdo. Não sabia usar a tag canvas, pra mim foi um grande aprendizado. Valew!!
Tamo junto, Renan!
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.
Que projeto!!! Muito bom seus projetos e explicações
Muito obrigado, Samuel! Tamo junto!
Incrível, projeto divertido💯
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…
Muito bom, vou tentar adicionar a dificuldade e o armazenamento dos pontos, conteudo incrivel!!
Muito bom, parabéns....
Otima didática.
adoreeeeeeeiiii
mano, vou te seguir, quando crescer quero ser igual vooce
hahahaha você pode ser beeeem mais
Muito Bom! Ótima didática!
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.
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
Parabéns, muito didática as sua explicação !
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!
Brabo demais!
Eu amo esse canal!
Que conteúdo foda! 👏🏻
Que video sensasional cara, didática espetacular;
Like direto sem nem ver o video só pelo jogo da cobrinha
Ótimo vídeo, man! Vou tentar quebrar a cabeça pra fazer aqui também. Kkkkkkk
Aí simm heheh
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!
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
incrivel esse projeto!
mto bom mesmo! Didática impecável!
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
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!
Parabéns pela didática!
Valeu demais, Eduardo!
muito boa aulaaa! legal
Excelente projeto
projeto bem legal
Sensacional
Primeiro nesse canal top demais, esse cara é fera
Valeu demais pelo apoio, meu amigo!
Que aula!
Ajudou muito !
Muito top!!!
Muito top 😃
36:12 no mac como faz para configurar console?
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.
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" )
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.
cara nunca para de fazer video nao por favor
Muito bom!!
bora para mais um!
Boraaa!
muito bom
Muito daora
Você fala igual a anya de Spy x Family kkssk muito fofo
kkkkkkkk
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
Poderia fazer um jogo de xadrez como JS?
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.
Parabéns! estou fascinado com estes projetos/aulas. Preciso de uma dica, nome não sai o som tem como descobrir o porque?
Acho suas aulas incríveis, mas tenho uma dúvida, tem como colocar uma imagem ou um gif para representar a cabeça e as partes do corpo da cobrinha?
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
hey, vc é minha inspiração na próxima sera que oce pode usar java? ou php
Como rodar o projeto no live server? Como testo os codigos ?
onde veio essa fonte que vc usou?
Fala meu mano, por curiosidade, qual é o tema do seu vs?
Mano, qual fonte esta usando no vs code?
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!
Cara, gostei muito do projeto e me diverti programando junto. Você explica muito bem :)
quando a cobra esta indo para cima e eu clico rapido para ela ir pro lado e pra baixo, ela entra denro dela mesma. Isso acontece com todas as direções. Alguem sabe como resolver?
qual foi a fonte ultilizada?
alguem poderia me dizer qual simbolo é aquele que ele coloca depois do direction no minutio 38:39
É o "diferente". Você pode digitar != no lugar que deve funcionar.
No .css a fonte a ser usada está incorrectamente declarada como Poppings
Sei que fora só tema mas e site ensinara? Queria tbm saber como posso contratar para fazer um site?
Da pra colocar botões pra poder jogar pelo celular ?
If (key == "ArrowRight" && direction != "right")
Sinal de diferente que ele fala é !=
sensacional! qual tema você usa no vs code meu amigo?
One Dark Pro :D
eu tenho o notepad++. vc pode mandar o link do app?
PODE CRIAR UM JOGO DE TIRO USANDO USANDO O CANVAS EO FIREBASE?
qual é a imagem da cobra ?
Não consegui assistir o video inteiro, mas essa recursão não vai gerar um stack overflow?
Manda a URL do início por favor
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()
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? :)
Mano, que tema você usa no vscode? vídeo brabo dms mano!
One Dark Pro :D