Jogo com JavaScript #02: Troca de Telas e Gravidade

Подписаться 89 тыс.

Просмотров 28 тыс.

50% 1

Você sabe como lidar com gravidade e troca de telas em jogos? Não? Então volta pro vídeo agora! 😁
No segundo vídeo da série do Flappy Bird a gente da continuídade ao nosso jogo e vemos até um princípio de uso de Máquina de Estado para lidar com a troca de telas, enquanto vemos o quanto eu pulei as aulas de física na escola.
🔸 Código do Jogo: #DevSoutinho #JogoComJavaScript
■ github.com/omariosouto/flappy...
🔸 Onde aprender sobre Git/Github?
■ Loiane Groner: • Git e Github para inic...
■ Fabio Akita: • Usando Git Direito | L...
🔸 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/fr...
■ www.alura.com.br/webseries/gi...

Наука

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

18 мар 2020

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 91

@jogos_all 8 месяцев назад

Só bora 2° aula já forma 2 dia n 1° refazendo 3 vezes até entender tudinho sem dívidas

@devHB 2 года назад

D2.2 - maratona do canal;

@nuncaeditei8329 4 года назад

11:04 "O flappybird morreu de vez aqui" kjslkjslkjssl

@DevSoutinho 4 года назад

Aussuahuhasuhsa Bom que na edição o lukinhaz mantem o sentimento real do momento

@mariamarcelinatchitanguele180 2 года назад

O professor mais divertido do mundo rsrsrs, muito bom aprender contigo...

@volmaximo 2 года назад

Você é sensacional! 🤓

@eirenefireman6017 3 года назад

Essa série tá perfeita

@wenysmoura1635 3 года назад

Cara, por favor, faça mais esse tipo de vídeo! Aprendi muito.

@DevSoutinho 3 года назад

Caaara vao ter outros jogos \o/

@geovajonnathacorreia559 3 года назад

@@DevSoutinho to na espera ja

@diego_irado 4 года назад

Que lindeza de didática! Que edição primorosa! Que série linda! Parabéns!

@DevSoutinho 4 года назад

Muuuuuuuitoo obrigado pelo elogio cara! Fico muito feliz de saber que quem tá vendo tá curtindo, anima bastante \o/

@simpaticao82 8 месяцев назад

o video está muito bom!

@nycolexavier7844 2 года назад

amando esse tutorial!!

@jonathasmontenegro8310 4 года назад

Show de bola!! O jeito fluído que segue o code no vídeo é muito bom .. parabéns!

@DevSoutinho 4 года назад

Valeuzao pelo feedback, isso me anima mt a continuar fazendo \ooo

@canaldotiodavid 3 года назад

Top demais!

@DevSoutinho 3 года назад

Aeeee que bom que curtiu! Manda link do jogo depois

@canaldotiodavid 3 года назад

@@DevSoutinho Mano, to pegando uma viagem agora na parte do áudios kkkkk. Tá no vercel já, eu estou atualizando por partes. flappybird-js.vercel.app/

@CarlosSilva-rq3us 4 года назад

Vídeo sensacional, muito obrigado! Aguardando muito pelo vídeo 3.

@DevSoutinho 4 года назад

Muito obrigado pelo feedback! Fica de olho que tá chegaaaaando

@hakuenstudio 4 года назад

Caraca que maneiro. Nunca imaginei que fosse tão fácil. Eu vou tentar fazer isso como um minigame pra uma engine. Cara muito bom seu canal. Antes eu via aqui só Devmedia e o Deschamps(de br). É sempre bom ter conteúdo assim em pt-br tb. Eu consigo ver em inglês, mas é legal ver os br represetando :)

@DevSoutinho 3 года назад

Boooooa!!!! Cara que honra ser colocado num comentário com essa galera foda fica de olho que sempre to trazendo coisa nova aqui e valeu pelo feedback

@brunobm84 3 года назад

Cara, os videos estão ficando muito bons... Muita clareza na transmissão da lógica e das técnicas de programação 💡 ta bem bacana. Shooow de bola... acompanhando aqui 👏🏻👏🏻👏🏻👏🏻

@DevSoutinho 3 года назад

Hehehehe que bom!!! Valeu pelo feedback, sinal que tamo no caminho sahusahusu

@matheussoares1138 2 года назад

Faz maaaais!!

@DevSoutinho 2 года назад

sempre asuhshuasu toda sexta tamo ai!!!

@WallaceSousa Год назад

Tooop

@ewerthonsilva7642 4 года назад

Cada vídeo é um mind blowing diferente pra mim e.e se é foda mano (AAAA EU APARECI NO VÍDEO) 💜

@DevSoutinho 4 года назад

Ahhahahah notícia boa! A meta é manter o ritmo das descobertas pra cada vídeo novo

@viniciusrosa3114 4 года назад

massa demais!! só esperando o próximo vídeo da série...

@DevSoutinho 4 года назад

Boooa! Fica de olho que essa semana que vem agora sai episódio novo :D

@carloslemes6921 3 года назад

Parabens cara, vlw mesmo pela ajuda

@DevSoutinho 3 года назад

Eu que agradeço vir aqui e interagir no vídeo \o

4 года назад

E aí Man, muito boa a série.

@DevSoutinho 4 года назад

Muito obrigado cara 😁

@lizianefelix3178 4 года назад

wow! bom demais! go go go

@DevSoutinho 4 года назад

Quinta feira tem mais /oooo

@lucaspaiva5566 4 года назад

Excelente didática irmão, valeu mesmo!

@DevSoutinho 4 года назад

Vaaaleu cara!!!

@GabrielSoares-xm8wn 4 года назад

Muito bom cara, tá de parabéns pelo trabalho!

@DevSoutinho 4 года назад

Muuuuuuuitoo obrigado \o/

@DMugsP 4 года назад

Boaaa to seguindo! valeuuu

@DevSoutinho 4 года назад

Vaaaleu digo eu haha

@Thommassgomes 4 года назад

adoro canais pequenos. E crescer com eles ainda mais!

@DevSoutinho 4 года назад

Haha, que bom que tá curtindo e vamo crescer junto sim!

@Thommassgomes 4 года назад

@@DevSoutinho vim pelo hipsters.tech

@rogeriopst450 4 года назад

mto delicinha (by Filipe Deschamps) q vc já preparou o terreno p fazermos novas fases. essa era uma dúvida q eu tinha . vlw d+. parabens de novo. essa forma como vc está fazendo está bem tranquila de seguir e entender. obs: aguardo o projeto em 3d. hauahu

@DevSoutinho 4 года назад

Booooa!!!! O legal é tentar adaptar, muito jogo de celular segue essa estrutura :D

@FilipeDeschamps 4 года назад

Muito delicinha mesmo 😍

@DevSoutinho 4 года назад

Fica viciando as pessoas com bordão aí agshhaha

@asuosnotielc 4 года назад

Boa, professor!

@DevSoutinho 4 года назад

Valeu XD

@juliocesarmarins730 2 года назад

Vc e o cara

@caiofelipe5376 4 года назад

MUITO BOMMMMMMMMMMMMMMMMMMMMMMMMMMMM, CONTINUA!!!!!

@DevSoutinho 4 года назад

AAAAAAAAAA PODEXA!!!! TEM MAIS ALTOS VÍDEOS PRA SAIR AINDA NESSA SÉRIE UHUUU!!!!

@baianoprogramador 4 года назад

Parabéns!!!

@DevSoutinho 4 года назад

Vaaleu :D

@andreysmattos 4 года назад

Boa!!! Você pode falar sobre programação assíncrona? vejo que mts pessoas tem duvida nisso, e com sua didática tenho ctz que vai conseguir deixar o assunto simples! :)

@DevSoutinho 4 года назад

Cara ótima ideia, anotado aqui e vou trazer isso em próximos vídeos com toda certeza!

@davidguedes 2 года назад

Olá! Parabéns pelo conteúdo sensacional! Apenas uma dúvida: Em 8:44 acho que foi dito algo equivocado, talvez? Em javascript é possivel criar um objeto vazio com o "const" em vez do "let" e atribuir um valor posteriormente ao mesmo, certo? Algo do tipo: const telaAtiva = {}; telaAtiva = { value1: 'value 1', value2: 'value 2' } Obrigado pelo conteúdo! Sucesso!

@marleidedeoliveira5783 4 года назад

man vc fez tudo '-' eu so baixei o jogo nao sei programar......................................... to assistindo seus vídeos pra aprender algo sobre como montar jogos, mas vc fez tudokkkkkkkkkkkkkkkkkkkk e eu so baixei, tipo ??????????? achei q seus videos seriam mais sobre tutorial, sei lá mas ainda sim vou continuar assistindo pq quero aprender c o qvc tem p ensinar

@DevSoutinho 4 года назад

Oi Ana, tudo bom? A ideia dos vídeos é o fluxo de ir fazendo o jogo do 0, não como um curso e tal, mas explorando o passo a passo pra construirmos juntos \o/ Vários pontos do que eu tô falando são problemas comum nos jogos e a ideia é ir assistindo e explorando os códigos, ir mexendo nos valores e tal, algo mais experimentando aí e pode trazer as dúvidas aqui nos comentários que pode ajudar outras pessoas 😁 Agora pra ti ajudar na linha mais tutorial, da uma olhada nesse curso aqui do Gustavo Guanabara: ru-vid.com/group/PLUZAyAs5RW6tHoPnlGXPTVc6L4upHDIn_ Ou se inscreve na QuarentenaDev em alura.com.br/quarentenadev Ambos são gratuitos :) e na QuarentenaDev eu vô tá participando ao longo da semana que vem

@vitormelo22 4 года назад

Muito boas as aulas, acho bem legal a forma como você faz, a refatoração aos poucos é um processo comum que eu geralmente faço, em quase todas as aulas eu percebo que os professores desenvolve algo ideal logo no início. Criar assim é algo que demanda tempo, geralmente nunca acontece quando realmente colocamos a mão na massa. Embora não deu diferença alguma no meu código, a sentença abaixo também é válida? // usada if(telaAtiva.click) // para verificar se o objeto possui a propriedade click if(telaAtiva.hasOwnProperty('click'))

@DevSoutinho 4 года назад

Cara muito obrigado novamente! No caso do if, qualquer coisa que você passa pra ele, ele vai tentar conversar pra boolean na busca de um true ou false Testa no console os dois valores do IF, passando eles pra função Boolean(). O que o If lê na verdade é o resultado disso, sendo assim ambas as opções retorna true, se o objeto tiver a propriedade

@VargassFPS 7 месяцев назад

Opa alguem teve problema na troca de tela e no click o meu n funciona n sei oq fazer

@DevSoutinho 7 месяцев назад

Tu consegue subir o código no GitHub? Tem vídeo no canal ensinando isso aí fica fácil de olhar

@VargassFPS 7 месяцев назад

@@DevSoutinho Eu bati a cabeça e descobri o erro que era tão basico,era um j minúsculo que precisava estar em maiúsculo,muito obg pela compreensão

@alexdossantosbrito6810 4 года назад

olá Mario, quando sai o terceiro vídeo do joguinho?

@DevSoutinho 4 года назад

Alex, sai nessa quinta feira :)

@erikbarreto03 2 года назад

Qual programa você usou para fazer o jogo?

@DevSoutinho 2 года назад

O visual studio code \o é onde eu escrevo os códigos

@ComicosFrames 4 года назад

eu travei no git hub :((((, o meu ta dando mto erro

@DevSoutinho 4 года назад

Opa, deu qual erro? Eu acabei de subir uma pasta arquivos_iniciais, onde tem o template limpo igual eu começo o primeiro vídeo, da uma olhada pra ver se ajuda

@noobmaster3653 2 года назад

Como fazer pra o objetivo subir ?

@ryanguilherme1663 2 года назад

ao invés de acrescentar na velocidade, você subtrai

@printchipe 4 года назад

Para um iniciante em Javascript, poderia recomendar algum livro? Muito Obrigado

@DevSoutinho 4 года назад

Cara, pra quem tá começando acho que esse aqui pode ser uma boa pedida e tá bem atualizado: www.casadocodigo.com.br/products/livro-cangaceiro-javascript

@jadieoliveira1803 4 года назад

o meu ficou caindo muito rápido

@DevSoutinho 4 года назад

Vish, você tem o código em algum lugar pra compartilhar? E qual valor tá na sua velocidade? Lembra que você pode ir ajustando pra ele cair mais devagar e tal, o do vídeo é mais uma sugestão 😁

@wedsonlopeslopes2741 2 года назад

@noobmaster3653 2 года назад

O meu objeto só cai, quero fazer o contrário, quero pra ele subir.

@bruno2182 4 года назад

Faala Mario, inspirado na tua ideia eu pensei em fazer o jogo do Dinossauro do Chrome! Vou juntar essa empolgação e aprender Typescript junto! haha. Só que tenho algumas dúvidas na modelagem. Uma ideia que eu pensei foi criar uma Classe jogo (onde o canvas vai estar) e todos os componentes herdam, ou usam composição para ter acesso ao canvas. O que acha da ideia? Aqui o link caso queira dar uma sacada github.com/BrunoBA/dino-chrome-js Abraço!

@DevSoutinho 4 года назад

Cara vou analisar com carinho e ti trago um ponto, mas parece promissor, dado que você vai tá pegando o estado de um mesmo lugar o importante é esse, tanto que no meu jogo eu criei lá o "globais"

@DevSoutinho 4 года назад

E que massa que você tá usando typescript!!! Eu tô querendo trazer uns vídeos sobre aqui pro canal também

@bruno2182 4 года назад

@@DevSoutinho Iraado! Todo meu código foi baseado nas aulas do Flavio Almeida da Aulura hahah!! Valeu pela ajuda!!