Тёмный

Jogo com JavaScript #01: Criando um Flappy Bird do ZERO!!! 

Подписаться
Просмотров 485 тыс.
% 8 102

Já imaginou programar um jogo do ZERO? 😱
Nesse primeiro vídeo da série de Flappy Bird, vamos juntos fazer todo o código necessário para desenhar o cenário e o Flappy Bird, 100% com JavaScript em cima da API do Canvas do navegador.
🔸 Código do Jogo: #DevSoutinho #JogoComJavaScript
■ Arquivos Iniciais: github.com/omariosouto/flappy-bird-devsoutinho/tree/a38409f294f8df2b92240a076af57bad043c8c53
■ Código completo desse vídeo: github.com/omariosouto/flappy-bird-devsoutinho/tree/a38409f294f8df2b92240a076af57bad043c8c53
■ Versão mais recente: github.com/omariosouto/flappy-bird-devsoutinho/
■ Demo online: omariosouto.github.io/flappy-bird-devsoutinho/
🔸 Documentação
■ getContext(): developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext
■ drawImage(): developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
🔸Programas de imagem para ver as coordenadas
■ PhotoShop: www.adobe.com/products/photoshop/free-trial-download.html
■ Gimp:
■ Tutorial de como pegar medidas: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-nmhQqyTLUzQ.html
■ Affinity Photo: affinity.serif.com/en-gb/photo/
🔸 Quer ver mais conteúdos meus? Segue ai!
omariosouto
■ t.me/hipstersfrontend
🔸Sabia que eu tenho séries na Alura também?
■ www.alura.com.br/webseries/fronteiras-do-frontend
■ www.alura.com.br/webseries/git-e-github-para-sobrevivencia

Наука

Опубликовано:

 

13 мар 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 301   
@DevSoutinho
@DevSoutinho 4 года назад
Vem ver o segundo vídeo da série!!! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-6ubysIIjarI.html
@samueln.s
@samueln.s 3 года назад
tem uma playlist? quero salvar os videos n sei quantos ep tem kk
@tiodavid4255
@tiodavid4255 3 года назад
o meu não aparece a Imagem
@luanpereira1484
@luanpereira1484 2 года назад
por que vc não ussa uma biblioteca ?
@jussarafelix4713
@jussarafelix4713 2 года назад
Cu
@franciscomoraes8519
@franciscomoraes8519 2 года назад
'Ou
@FilipeDeschamps
@FilipeDeschamps 4 года назад
QUE MASSAAAAAA!! Nossa cheguei super tarde nesse vídeo, muito obrigado pela citação!!! E primeiro vídeo assistido, partindo para o segundo 👍
@DevSoutinho
@DevSoutinho 4 года назад
CARACA Tu veio mesmo!!! 😍
@kadu5597
@kadu5597 2 года назад
Eu cheguei muuuuuuuuuuuito mais tarde
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@FernandoSilva-ge4is
@FernandoSilva-ge4is 2 года назад
.
@gustavo5314
@gustavo5314 2 года назад
@@kadu5597 hehehjejejejjeje
@CarlosSilva-rq3us
@CarlosSilva-rq3us 4 года назад
Aguardo ansiosamente pelo vídeo 2. Muito obrigado, sensacional o video.
@DevSoutinho
@DevSoutinho 4 года назад
Opaaa, saiu hoje \o/ ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-6ubysIIjarI.html
@eduardodias4698
@eduardodias4698 2 года назад
comecei a estudar programação há alguns meses e de longe esse é o projeto mais delicinha que estou fazendo. muito obrigado por compartilhar os conhecimentos!!!
@MarcoBrunoDev
@MarcoBrunoDev 4 года назад
Muito top! Adorei o vídeo e os bigotes :-)
@DevSoutinho
@DevSoutinho 4 года назад
Hahahahah valeuzão!
@pg2006pe
@pg2006pe 4 года назад
Aula top. Muito obg. Você cortou um pixel do bico do Flappy Bird. Tadinho. kkkkk
@DevSoutinho
@DevSoutinho 4 года назад
Cara, manda um pull request disso lá no github \o/
@gui18327
@gui18327 4 года назад
Muito bacana, tem tudo pra ser uma série muito produtiva com muita coisa para aprender! Parabéns!
@DevSoutinho
@DevSoutinho 4 года назад
Vaaaleu \o/
@angelobaroni406
@angelobaroni406 4 года назад
Sensacional!! Conheci através do #QuarentenaDev
@DevSoutinho
@DevSoutinho 4 года назад
Que massa!!! Fica de olho aqui que pode ti ajudar nos próximos passos
@simpaticao82
@simpaticao82 8 месяцев назад
Muito legal!!!
@criptordev
@criptordev Месяц назад
salve professor, muito bom mesmo, eu to acompanhando com calma, mas para desenhar o chao, eu usei um laço for, talvez fique mais pesado pra carregar ou nao, usei o mesmo para desenhar o fundo for(var i = 0; i < canvas.width; i+=112){ context.drawImage( spritsMain, // resource da imagem que ira ser carregada chao.spriteX, chao.spriteY, // posição X & Y do sprite chao.larguraSprit, chao.alturaSprit, // largura, altura do recorte do sprite (chao.px + i), chao.py, // posição X e Y dentro da tela chao.larguraSprit, chao.alturaSprit, // largura e altura do sprite ); } assim se eu mudar a largura da tela, ele preenche pra me
@alexandreexalts925
@alexandreexalts925 2 года назад
Caí nesse vídeo completamente sem querer, mais muito tempo que não assisto mais nada sobre programação
@eduardocrafts
@eduardocrafts 2 года назад
Nossa Que Legal 😀😀
@_vlmdr
@_vlmdr 4 года назад
Massa mano, já salvei pra acompanhar!
@DevSoutinho
@DevSoutinho 4 года назад
Boooa! Semana que vem tamo junto de novo :)
@leonanrafael5251
@leonanrafael5251 Год назад
Muito top o vídeo!
@ELISEUGUEDESGUITAR
@ELISEUGUEDESGUITAR 2 года назад
Cheguei aqui pelo vídeo do Miguel WM Informática !!!
@quintanilha.
@quintanilha. 4 года назад
Vim pela Brazil.js e já me inscrevi! Conteúdo ótimo e divertido. Abraço!
@DevSoutinho
@DevSoutinho 4 года назад
Aaaaaaaaaa abração cara! Valeu :D
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@JoaoPedroTeo
@JoaoPedroTeo 2 года назад
Curti muito, parabéns!
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@matheusgoncalves2174
@matheusgoncalves2174 4 года назад
Muito bom! Estou esperando os próximos episódios
@DevSoutinho
@DevSoutinho 4 года назад
Tá no 4 e em breve vem o 5 /o
@elmocontrabandistadedrogas3563
@elmocontrabandistadedrogas3563 2 года назад
slk que dahora, javascript é foda
@DevSoutinho
@DevSoutinho 2 года назад
SIIIIM
@DevSoutinho
@DevSoutinho 2 года назад
melhor user UHSAHUASHUA
@murilodagustin6382
@murilodagustin6382 4 года назад
Muito top, estou aprendendo js,html e css e será de grande ajuda pra mim :)
@DevSoutinho
@DevSoutinho 4 года назад
Que massa!!! Fica de olho que em vídeos futuros posso contribuir bastante com esses estudos, aqui no canal já tem até vídeo de como centralizar com CSS
@murilodagustin6382
@murilodagustin6382 4 года назад
@@DevSoutinho A centralização com css é um sério problema pra mim kkkkkkk, mas ja to pegando o jeito agora, valeu pelo retorno!!
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@devHB
@devHB 2 года назад
D2.1 - maratona do canal;
@caiocesar6644
@caiocesar6644 2 года назад
Muito legal, parabéns e obrigado.
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@izaccsantos9232
@izaccsantos9232 2 года назад
Que incrível, mano. To empolgado para começar a estudar programação e quem saber ganhar a vida com isso. Não tem noção do quando você incentiva as pessoas. Obrigado.
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@VictorHugoAlves7
@VictorHugoAlves7 Год назад
Massa demais
@maysalemos2740
@maysalemos2740 4 года назад
Bicho, tu é um baita de um professor. Acho muito massa por que é visível que tu gosta do que faz e que é algo divertido pra você. É muito legal... Excelente vídeo 👌
@DevSoutinho
@DevSoutinho 4 года назад
Muuuuitissímo obrigado Maysa, eu realmente amo mt e me divirto, da cada bug na hora que eu faço os roteiros que vcs nao tem ideia husuhsa mas no geral fico bem feliz de compartilhar e ver o resultado
@edgardsa3731
@edgardsa3731 3 года назад
@@DevSoutinho no caso... vc está se DEVertindo HAHAHA desculpa, parei :'(
@marcusvale
@marcusvale 4 года назад
Fala mario, vim do quarentenadev, agr vou maratonar essa serie hehehe
@DevSoutinho
@DevSoutinho 4 года назад
Booooa!!!! Semana que vem tem vídeo novo, tá chegando na reta final já :)
@marcusvale
@marcusvale 4 года назад
@@DevSoutinho Tô começando agr ainda kk; man uma vez eu editei um jogo no estilo flappy bird, mas o código já estava pronto, só alterei as arts do jogo; Agora a meta é criar do zero
@DevSoutinho
@DevSoutinho 4 года назад
Lembra que qualquer dúvida só mandar aqui nos comentários e tamo aqui pra ajudar /o
@veckshoe6256
@veckshoe6256 4 года назад
mal iníciei o video, e ja gostei! Parabéns...
@DevSoutinho
@DevSoutinho 4 года назад
Muuuuuuuitoo obrigado!!! Fica de olho que essa semana tem episódio novo dessa série :)
@thiagoalvesfoz
@thiagoalvesfoz 4 года назад
cara, como eu não tinha visto esse canal antes. só conteúdos de alta qualidade. a edição e os roteiros também não deixa nada a desejar
@DevSoutinho
@DevSoutinho 4 года назад
Muuuitisissimo obrigado pelo reconhecimento dos trabalhos aqui! Hahahaha espero que curta a tour pelos outros vídeos e logo logo tem vídeo saindo do forno /o
@thiagorock554
@thiagorock554 3 года назад
Que massa velho , comecei a estudar canvas api agora. É um bom projeto pra praticar js , top demais.
@DevSoutinho
@DevSoutinho 3 года назад
Haaa, missão cumprida
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@lizianefelix3178
@lizianefelix3178 4 года назад
shooow, marioo! uma das minhas primeiras referências em JS
@DevSoutinho
@DevSoutinho 4 года назад
Que honra \o/
@mauricioreguete466
@mauricioreguete466 3 года назад
Que obra prima de aula...
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@JorgeMiguel91
@JorgeMiguel91 Год назад
vc ta me ajudando mt. Tenho q criar um jogo em javascript, e nem sabia por onde começar, agora to conseguindo criar
@DevSoutinho
@DevSoutinho Год назад
Po bom demais ler isso! Depois compartilha o jogo comigo /o
@nat8235
@nat8235 2 года назад
Moço, que vídeo maravilhoso! Super bem detalhado para entendermos tudo. Tenho que criar um jogo, não será o FlappyBird mas seu vídeo está ajudando MUITO a me guiar!
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@marcusvpu
@marcusvpu 4 года назад
Era source ali porr# hahaha. Curti muito o trampo bigbig, parabéns.
@DevSoutinho
@DevSoutinho 4 года назад
Ahahahah valeu!
@psicoseaguda
@psicoseaguda 4 года назад
Boa, valeu!
@DevSoutinho
@DevSoutinho 4 года назад
\o
@eduardoborges9798
@eduardoborges9798 2 года назад
Que vídeo massa!
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@izichtl
@izichtl 4 года назад
mano, tua didática é muito boa, obrigado pelo vídeo.
@DevSoutinho
@DevSoutinho 4 года назад
Cara muito obrigado, ti vejo em outros vídeos \o
@gustavomachado8958
@gustavomachado8958 4 года назад
Acabei a quarentena dev, e pra não perder o foco já vou seguir me aprofundando em js, meu sonho atualmente é aprender a usar o react-native, mas pra isso quero ter uma base sólida na linguagem base
@DevSoutinho
@DevSoutinho 4 года назад
Fica de olho que nas próximas semanas vai rolar vídeo de React Native aqui /o
@gustavomachado8958
@gustavomachado8958 4 года назад
@@DevSoutinho Bah, que massa, tua didática é muito boa, certeza que vai render esse vídeo
@ewerthonsilva7642
@ewerthonsilva7642 4 года назад
Mano pqp vou assistir todos os vídeos da série, nossa 💜
@DevSoutinho
@DevSoutinho 4 года назад
Nos vemos na próxima quinta com a parte 2 \o/
@luizhenriquecedraz1152
@luizhenriquecedraz1152 4 года назад
Conheci agora pelo grupo do Facebook, mano, que canal incrível. Adorei o tema e era tudo que eu precisava no momento, aliás, qualidade e edição impecável.
@DevSoutinho
@DevSoutinho 4 года назад
Hahaha o Lukinhaz vai ficar bem feliz de ver o feedback da edição, muito obrigado /o/
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@thiagorock554
@thiagorock554 3 года назад
Muito legal ver o potencial do js , aplicado em jogos.
@DevSoutinho
@DevSoutinho 3 года назад
Meu sonho de criança sauhsahuhuas
@jandersonsilvaclaro2305
@jandersonsilvaclaro2305 3 года назад
muito boa essa aula de programação,
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@ronaldomaciel6137
@ronaldomaciel6137 3 года назад
caramba fui jogar aqui quase murri de susto com o volume kkkkkkkkkkkkkk, top de mais irmão ta ajudando muito
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@caioconfirma7322
@caioconfirma7322 Год назад
eu não sei qual é meu proximo passo em javascript, sinto que ja sei tudo mas as scripts que eu vejo eu não entendo nada, por isso vi esse video, mt bom, vlw, da ultima vez que tentei criar um jogo com javascript fiquei com preguiça, esqueci e me ferrei.
@DevSoutinho
@DevSoutinho Год назад
Essa sensação é meio complicada mesmo, o melhor jeito de resolver é seguir praticando /o
@antonioevaldo4325
@antonioevaldo4325 4 года назад
Que massa!!! Vim por indicação do Marco Bruno. Não sabia que era tão fácil começar a criar um jogo assim. Muito bom!
@DevSoutinho
@DevSoutinho 3 года назад
Graaande marco!!! Seja bem vindo ao canal :) e manda um #paoComOvo nos próximos videos haha
@antonioevaldo4325
@antonioevaldo4325 3 года назад
@@DevSoutinho ok! Haha
@brunomoraes2044
@brunomoraes2044 3 года назад
Muito bacana!!
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@ricardobaltazar9054
@ricardobaltazar9054 4 года назад
adoro a didatica do Soutinho! videos pequenos e bem direto ao ponto :)
@DevSoutinho
@DevSoutinho 3 года назад
Devo a base disso a Caelum/Alura auhshusahusa com o tempo fui modelando, valeu mesmo pelo feedback aqui, sinal que to no caminho certo!
@mateusdacostamartins9471
@mateusdacostamartins9471 4 года назад
Muito didático e bacana o conteúdo. Estou começando a estudar desenvolvimento web com JS e esse tipo de conteúdo abre muito a cabeça e dá uma animada muito grande ! Parabéns pela iniciativa
@DevSoutinho
@DevSoutinho 4 года назад
Vaaaleu!!! Continua aqui que tem muuuuuuito conteúdo pra vir ainda de várias áreas do mundo da programação
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@mariaartu3267
@mariaartu3267 2 года назад
Muito obrigado
@lucasbueno3694
@lucasbueno3694 3 года назад
Salve Soutinhoooo, mano amei o vídeo, você poderia fazer um vídeo falando do melhor curso online para desenvolvimento mobile, e desenvolvimento de jogos web e mobile... te imploro manooo faz esse vídeo por favor
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@alessandroaquiris849
@alessandroaquiris849 4 года назад
Que tooop !! gostei bastante eu estou focado em javaScript tanbém agora
@DevSoutinho
@DevSoutinho 4 года назад
Booooa!!! Cara o canal tem até uma série com projetos pra praticar JS, tu chegou a ver?
@matheus3526
@matheus3526 2 года назад
Acha uma boa aprender javascript para criar jogos 2d? Quando pesquiso ou converso com alguém sobre isso, todos dizem para eu estudar C# e uma Unity da vida, mas queria muito aprender web dev e criar jogos 2d, acha que estou viajando?
@lucasmonteiro8172
@lucasmonteiro8172 3 года назад
Que vídeo maravilhoso! Hahaha é muito inspirador. Amo programação!
@DevSoutinho
@DevSoutinho 3 года назад
Poxa que comentário massa, valeu mesmo!!!! tbm dou apaixonado haha
@gabrieldossantos733
@gabrieldossantos733 4 года назад
Vim pela quarentena dev hein, seu trabalho é top mano, obg ai por apresentar pra gente :D
@DevSoutinho
@DevSoutinho 4 года назад
Que massa cara!!! Fico feliz quando for fazendo o jogo não esquece de compartilhar aqui :) da pra ir mudando os valores e ir explorando
@rogeriomendonca786
@rogeriomendonca786 3 года назад
Soltinho da bahia? hahahaha brincadeiras a parte, você manda muito bem, cara. Parabéns! Grato pelo conteúdo e pelo aprendizado
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@rogeriopst450
@rogeriopst450 4 года назад
opa. mto show. jah deixei o like e nem preciso falar q sou inscrito.. dá p firmar compromisso q vai ter um com 3d? haha vlw d+. aguardo o 3d e bora p o prox video!!!
@DevSoutinho
@DevSoutinho 4 года назад
Cara vai rolar em algum momento, mas antes tem outras coisas que queria trazer :)
@odanilonunes
@odanilonunes 4 года назад
Ficou muito legal. Não sei se é você mesmo quem edita, mas dá para perceber a preocupação em criar um conteúdo dinâmico, para além do código e explicações animadas. Além disso, a identidade visual tá show de bola! Parabéns.
@DevSoutinho
@DevSoutinho 4 года назад
Caaara muito obrigado pelo feedback \o/ a preocupação é essa em todo vídeo. Quem é o mago da edição nos vídeos é o Lukinhaz :)
@cleysonsilva1828
@cleysonsilva1828 3 года назад
Cara, eu já acompanho muito seus vídeos, mas vim ver a série agora... Você é muito bom nisso, sério! Parabéns mesmo! Que belo trabalho, cheio de link na descrição e uma referencia de estrutura de código muito boa, geralmente o pessoal deixar isso pra trás...
@DevSoutinho
@DevSoutinho 3 года назад
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa mt obrigado!!! Tento fazer com o maior carinho possível as coisas aqui do canal
@cleysonsilva1828
@cleysonsilva1828 3 года назад
@@DevSoutinho continua assim que tu vai longe, você é diferencial nesse mundo do YT ahahahah
@edilsovol
@edilsovol 4 года назад
Vim pelo seu comentário no canal do Michel Teló da programação
@DevSoutinho
@DevSoutinho 4 года назад
HAHAHAHAHAHHA muito obrigado e valeu @Filipe Deschamps espero que curta os vídeos :D
@rogerluiz3450
@rogerluiz3450 3 года назад
Cara é a quarta vez que eu estou revendo a série do Flappy kkkkkk Muito bom kkk
@DevSoutinho
@DevSoutinho 3 года назад
asuhsahusauh cadee o codigo??? me manda!!!
@MarcelleFortunato
@MarcelleFortunato 2 года назад
kkkk, já vi um jogo igualzinho a esse, mas o personagem era um cocô voador 🤣
@mexendocomFTTX
@mexendocomFTTX Год назад
Eu nunca programei na vida, então por isso fiquei sem entender nada. vim do canal MW
@DevSoutinho
@DevSoutinho Год назад
Opaaa, super normal e esperado pra esse vídeo! A recomendação master aqui é tentar replicar as coisas e ir explorando ai no seu computador
@viniciusrosa3114
@viniciusrosa3114 4 года назад
vim pelo APDA... bom demais o canal! ótima didática, edição toda bonitinha, bem profissional pra quem tá começando. massa demais! só tenho uma ressalva, esse tema claro aí kkkkk abraços
@DevSoutinho
@DevSoutinho 4 года назад
Cara, muito obrigado pelo feedback!!!1!!! Sobre o tema claro eu tô testando hahaha, mas de vida vi que o claro ajuda pra ver em celular num geral, mas repara que eu alterno entre os vídeos uma hora vai ficar só um haha
@leojooj8915
@leojooj8915 4 года назад
Tô aqui por causa da #Quarentenadev
@DevSoutinho
@DevSoutinho 4 года назад
Booooa!!! Da uma olhada no vídeo do Robô com JS :)
@leojooj8915
@leojooj8915 4 года назад
@@DevSoutinho caraca, um robô com js? Novas portas se abriram pra mim.
@guilhermefonseca4446
@guilhermefonseca4446 2 года назад
Não julgo o tema branco kjkkkjk. No tema do vídeo saiu bem, muito louco o CONTEÚDO explode a cabeça 🤯 com essa didatica é uma delícia.
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@saviooliveira6779
@saviooliveira6779 4 года назад
Muito bom o video mano, tô no inico da facul de ADS e gosto pra crlh de programação(até mais do que eu imaginava rs), enfim qualidade monstra a dos teus videos!
@DevSoutinho
@DevSoutinho 4 года назад
Boooa!!! Valeuzão cara, fica de olho que toda semana eu tô trazendo coisa nova \o/
@nicolyesmonteiro1306
@nicolyesmonteiro1306 Год назад
brasileiro sofre muito kkkkk em quanto os americanos pegam tudo mastigado na linguagem deles nos temos que decifrar e memorizar palavras em inglês!
@nycolexavier7844
@nycolexavier7844 2 года назад
QUE AULAAAAA maravilhosa!! Começando dia 27/08/21!
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@mariolo5559
@mariolo5559 3 месяца назад
Eu sou o único que ficou com o pássaro caindo em uma velocidade descomunal de rápida ? mesmo estando com os valores iguais ao do Mario Souto ?
@leandrodesa9740
@leandrodesa9740 2 года назад
Fala galera tudo bem Meu filho tem um canal Micael Sá game Vai lá dá um like Valeu galera um abraço fica com Deus 🙏
@inaciodasilva4498
@inaciodasilva4498 3 года назад
Por favor, alguém pode fornecer-me o link 9 Para baixar os arquivos do projeto?
@jupittteer7541
@jupittteer7541 2 года назад
Não consegui adicionar imagem no visual studio 😢
@vitorsales3877
@vitorsales3877 3 года назад
Vim pela imersãoDev
@gabrielalourenco6286
@gabrielalourenco6286 4 года назад
Guanabara q se cuideeeeee
@DevSoutinho
@DevSoutinho 4 года назад
Hahahahahah ele é mestre, eu tô seguindo os passos aqui pra compartilhar conteúdo :D
@reddy7039
@reddy7039 2 года назад
QUE TOP!! Muito legal isso de criar jogos com JS, com certeza vou criar o meu flappy bird.
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@FelipedosSantosAssis
@FelipedosSantosAssis 4 года назад
Legal demais Mário!! Obrigado por compartilhar! Estou seguindo seu tutorial, depois que terminar vou tentar implementar algumas firulinhas a mais
@DevSoutinho
@DevSoutinho 4 года назад
Booooa!! Me manda o link depois aqui que eu to planejando o roteiro do próximo vídeo dessa série e vou trazer mais coisas sobre ela também :)
@FelipedosSantosAssis
@FelipedosSantosAssis 4 года назад
Pode deixar @@DevSoutinho ! Passando a semana da Imersão React eu volto a mexer no projeto! Mais uma vez parabéns pela inciativa e ensinar a comunidade desta forma bem descontraída e diverttida!
@Rafaelgodoyebert
@Rafaelgodoyebert Год назад
Pra quem for começar agora, só avisando que a serie está incompleta
@guigazalu
@guigazalu 3 года назад
Além do GIMP, sempre bom também o Glimpse (tipo o GIMP, porém com uma interface melhor)
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@julianaaigueira4563
@julianaaigueira4563 Год назад
Olá, Mario. Muito bom o vídeo. Mas estou com um problema. Minha imagem não aparecem. Já corregi o erro, mas não funciona. Pode me ajudar? Obrigada
@DevSoutinho
@DevSoutinho Год назад
Opa tudo bom? Entra no discord do canal e manda no canal de dúvidas o link do seu projeto? mariosouto.com/discord
@marcomonteiro1771
@marcomonteiro1771 3 года назад
Serei obrigado a fazer este jogo!!!!!
@DevSoutinho
@DevSoutinho 3 года назад
E eu serei obrigado a pedir o link dele feito!
@msrobot_
@msrobot_ 3 года назад
quem não quiser baixar nenhum programa pra pegar os pixels de uma imagem pode usar esse site: www.mobilefish.com/services/record_mouse_coordinates/record_mouse_coordinates.php ele quebra um galho
@DevSoutinho
@DevSoutinho 3 года назад
CAAARACA JULIUS, VC ME ECONOMIZOU MT TEMPO DE PESQUISA!
@corzokaamv3845
@corzokaamv3845 2 года назад
Não tem um mix?
@marceloadleofc
@marceloadleofc 2 года назад
Vim por um anuncio kkkk
@raonimattede666
@raonimattede666 2 года назад
Mario solto Mario preso
@DevSoutinho
@DevSoutinho 2 года назад
AHSHHAHSHAHAHHAHA Meu nome é uma piada pronta
@AlanEduardoFDias
@AlanEduardoFDias 3 года назад
Bom dia. Como eu alteraria a cor do pássaro de forma randomica? Teria como?
@DevSoutinho
@DevSoutinho 3 года назад
Você teria que ter várias sprites do passarinho feitas e registrar as posições e tal
@maxwelbuenomazur1536
@maxwelbuenomazur1536 3 года назад
Bora construir Megaman ^^
@DevSoutinho
@DevSoutinho 3 года назад
Ta ai algo desafiador ahahhaha, posso ver de mostrar alguma engine com JavaScript ai fica fácil :P
@tharlesribeiropereira4940
@tharlesribeiropereira4940 2 года назад
Mario, como consigo pegar informações que ta chegando via bluetooth no celular, depois mando para um backend
@DevSoutinho
@DevSoutinho 2 года назад
rapaz, isso ai nem eu fiz :O mas procura por MDN Bluetooth no google que acho que tu consegue algo que pode da um norte
@tharlesribeiropereira4940
@tharlesribeiropereira4940 2 года назад
@@DevSoutinho Muito obrigado, sempre assisto seus videos, parabens
@Luan-ke6ud
@Luan-ke6ud 3 года назад
como eu posso editar/adicionar algum desenho em um canvas com o console mas sem eu ter acesso ao código(só usando o console do f12)
@Conta-pi5ch
@Conta-pi5ch 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3gXgzvCn0s8.html
@shash4309
@shash4309 3 года назад
Tem como fazer esse codigo no codepen????
@infohistory3838
@infohistory3838 2 года назад
inicei um canal no youtube para falar sobre software,sistemas operacionais entre outras coisas estou focando meu canal em coisas antigas. peço para que vocês que gostam do tema ou quem não conhece é gostaria de saber como foi o t.i no passado que vistem o meu canal.
@Nico_com_c
@Nico_com_c Год назад
como que abre?
@igorsena8320
@igorsena8320 3 года назад
eu consigo fazer isso usando react native normal ou nao
@tiagocodzera9480
@tiagocodzera9480 2 года назад
Sim
@HaveDraw
@HaveDraw 3 года назад
"Cannot read property 'getContext' of null at game.js:7"
@DevSoutinho
@DevSoutinho 3 года назад
Seu código tá no github? Da uma olhada se você conseguiu pegar o elemento Canvas certinho
@Bachira_lindo
@Bachira_lindo 2 года назад
Bastante tempo e não não consegui fazer nada ainda por causa da greve dos correios que o Julio falou com você não ta jogar no robux
@RodrigoAdriano
@RodrigoAdriano 2 года назад
Eu posso trocar o flappybird.largura por this.largura?
@DevSoutinho
@DevSoutinho 2 года назад
Pode! mas com o this, vem uns NOs sinistros 👀
@igorsena8320
@igorsena8320 3 года назад
muito legal.... mas como se apresende a fazer um jogo do zero se vc me fala que nao tem que saber javascript é como dizer fazer um app sem saber programar
@DevSoutinho
@DevSoutinho 3 года назад
A ideia é ir tentando pegar os pontos que eu pego no vídeo e ir tentando praticar em cima, ir mudando os valores, testando coisas diferentes, vira algo mais exploratório :)
@codenoyoutube
@codenoyoutube 2 года назад
muito masaaaaaaaa gosteria de saber como eu transformaria isso em apk e publicar no google play
@Texhnodroid
@Texhnodroid 2 года назад
Você pode fazer este jogo no Contruct 3, exportar para Android e ainda ganhar dinheiro
@DevSoutinho
@DevSoutinho 2 года назад
Construct 3 é uma boa mesmo!
@MrFelipzaion
@MrFelipzaion 4 года назад
Mano um site que você pode usar para fazer essa estrutura de To-Do é o Notion
@DevSoutinho
@DevSoutinho 4 года назад
Booooa!!! Eu tava usando o Github pra já deixar tudo integrado com o projeto e público pro pessoal ver as etapas, super uso o Notion pra escrever o roteiro dos vídeos
@thiagoalvesfoz
@thiagoalvesfoz 4 года назад
verdade mano, eu uso é mto daora
@nicolyesmonteiro1306
@nicolyesmonteiro1306 Год назад
jogo pelo Chrome?
@henrique.f.pgm.2687
@henrique.f.pgm.2687 2 года назад
Do zero e ja vem o monte de codigo
@DevSoutinho
@DevSoutinho 2 года назад
Mas é um código base só pra eliminar a necessidade de falar de HTML que nem é usado pra fazer o jogo em si
@henrique.f.pgm.2687
@henrique.f.pgm.2687 2 года назад
@@DevSoutinho tendi me manda o link do codigo Base Porque eu quero criar Jogos no treb edit pra android