CRIANDO UM CLONE DO FLAPPY BIRD NA UNITY COM C# (PARTE 1/2) | CRIE SEUS JOGOS

o lacen é muito bem-vinda maio no memorial do canal christian os jogos aqui quem nos vale é o emissário do portal cristo os jogos ponto br e eu preparei pra vocês pra esse tutorial algo muito especial estaremos criando 01 jogo mas não será um jogo qualquer é um jogo que foi de sucesso mundial alguns anos atrás do flec banco e para que ela ficasse muito longas e resolvi dividir em duas partes bom então todos os materiais que você precisará estão ali na descrição de se ver então pra começar a gente vai criar um projeto 2d

eu tô aqui com o it web aberto já coloquei um nome para o meu projeto já definiu uma pasta coloquei ele que vai ser um projecto 2d e vou clicar em criar aqui com o nosso projeto aberto importei para dentro da yunit esse tal 7 que na verdade possui vários elementos gráficos que a gente vai trabalhar no jogo então a primeira coisa que a gente vai fazer o que você vai fazer é trazer para dentro da yunit essa imagem certo só clicar e arrastar aqui pra dentro e você vai clicar selecionando a imagem se vai

vir aqui no espectro e aqui a gente tem que fazer algumas modificações porque do jeito que está a gente não consegue trabalhar com ela a primeira modificação que a gente vai fazer é modificar o tipo do sprite mude dessa imagem é como ela tem sim po a yunit entende que essa imagem é única então é como se a gente pudesse pegar essa imagem e jogar aqui na cena tudo grudado um elemento novo mas não é isso que a gente quer é essa imagem aqui ela não é única é múltipla porque ela tem vários elementos dentro

dela então a gente vai selecionar a imagem vamos ver aqui no sport monte e vamos mudar pra multiple vamos clicar aqui sprite dito aí a gente vai perguntar se você quer realmente aplicar essas edições vai clicar aqui sim a plena e aí vai abrir a janela aqui pra gente e é nessa linha que a gente vai dizer para onde o que é que a gente quer efetivamente usado esse conjunto de sete estão aqui a gente vai selecionar tudo que a gente for usar no nosso projeto então o que a gente pode fazer a gente vai

selecionar porém por que a gente não vai usar tudo tá então por exemplo você clique arrasta e seleciona aqui o nosso fundo no background em fazer a mesma coisa aqui com esse botão para dar zoom é só girar rodinha do mouse está a fazer a mesma coisa que esse botão certo não vou usar longo do jogo é mas eu vou selecionar esse game ou a equipe que eu vou usar ele vê que o chão claro a gente vai usar o chão então vamos selecionar o chão também tá te deixar não precisa ficar perfeito mas tente

não encostarem outros elementos da bom a seleção que eu digo aqui que mais quente dos canos é óbvio né então a gente vai selecionar aqui esse ano eu acho que não precisa selecionar o outro é só a gente rotacionais cindacta bom só baixar um pouco aqui no meio alto beleza é vou selecionar um cano claro o personagem zinho né zac o passado então selecionar a esse e esse tá a gente tem três seleções no caso do passarinho como ele vai ser a animação eu vou deixar bem justinho pra não me dá problema depois certo não

tenho feito isso acho que a gente já selecionou tudo que a gente vai usar background chão botão game over beleza ea gente clica em apply tá você pode fechar essa janela e aqui ó onde vai mostrar todos os elementos que você utilizou que você utilizou não você recortou né fica dentro do seu sua imagem do time 17 horas tem um background tem um botão e mail deixam o cano e três filmes de animação do personagem né tá ótimo um outro detalhe que a gente tem que ajustar essa saiu 7 é selecionar ele e vir aqui

ó molde habilita a menina nem vai mudar a ponte porque quando a gente trabalha com o pixel art nenhum limite a gente tem que utilizar o filtro ponte porque senão as imagens ficaram borradas tendo feito aquela modificação cíclica e apoia e ótimo a seguinte configuração imagens do jogo aqui a gente pode configurar a nossa janela de visualização do game tá então vou clicar nessa aba game aqui vou colocar ela bem 20 que é algum espectro olha vai ficar dessa forma que só que eu não quero que fica com frio aspecto porque senão a gente fica

com como se fosse um responsivo no nosso jogo e eu não quero isso quero a resolução fixa a primeira coisa que vai fazer é adicionar esse fundo aqui ó mexer no tamanho dele por enquanto ela que diz frei aspecto a gente vai mudar para um tamanho de 9 por 16 então o que a gente vai fazer é clicar nesse botão zinho demais a gente vai mudar aqui difícil resolução para as petróleo e foi mudar aqui de 9 para 16 vou dar o nome aqui e vertical olha só ficou na vertical nosso game e aqui pessoal

a gente tem duas opções ou a gente muda o isqueiro aqui da câmera tá puxando para baixo ou a gente aumenta o tamanho do sprite do do background aumentar até que essa imagem e aí eu vou diminuir a câmera agora a gente vai criar o nosso personagem que é o passarinho né então para isso a gente vai aqui na nossa pegar o frame o primeiro filme do passarinho e colocá lo aqui na cena ele ficou bem pequeno néon da um isqueiro ele aqui e ficar do tamanho que a gente quer tá tendo ele selecionado aqui

na janela de hierarquia você vai ver aqui em window animation embaixo visualizar beleza e aí a gente vai selecionar a gente vai selecionar certifique se de que o paciente esteja selecionado na verdade e clique em create a gente vai criar animação para esse passo a gente vai te perguntar onde você quer salvar eu vou ter uma passa por questão de organização que o chamado animations dentro dela eu vou salvar a animação do espaço vou pegar os três franceses ou clicando nos três aqui na janela de ea sede está a passar as etes selecionar segurando o

encontro os três filmes clicar e arrastar aqui planeta aqui a gente tem os filmes de animação do nosso passado se a gente ficar nesse plate consegue pré-visualizar mas perceba que ficou muito rápido essa movimentação ea gente não quer que seja tão rápido assim então a gente pode diminuir aqui a taxa de frames que ele vai ver o que ele vai rodar que a gente vai rodar essa animação por segundo nesse caso aqui ela está rodando a 60 frames por segundo e eu não quero tudo isso votar por exemplo 12 vamos ver se com 12 que

legal olha só deu uma melhorada né ficou bem bacana fica na velocidade interessante certo é que a gente criou a primeira animação do nosso game que a animação do nosso personagem agora a gente vai é colocar o chão da nossa cena então a gente vai ver que ele já até aqui pra mim o clicar e arrastar aquino sprite no chão e colocá lo aqui na cena tá bom aumentar ele de acordo com a proporção que a gente já está utilizando mesmo colocar aqui ele um pouquinho mais para cima né mais ou menos grande agora uma

coisa que a gente tem que fazer é deixar o chão como um ordenamento na frente do personagem porque do jeito que está aqui agora a gente puxar o personagem para baixo tá certo que ele passou por trás do chão mas pode ocorrer banco está bom então para evitar qualquer tipo de banda do personagem passar na frente do chão é coisa ou o cânon passar na frente do chão a gente vai mudar esse ordenamento então você aliás antes de qualquer coisa deixou renome a esses prédios aqui tá muito esquisito vou colocar aqui do round verde e

beck botar bg é o ground ele vai ter um ordenamento em lei em 3 é o passarinho vai ter em 12 na verdade não 3 porque a gente ainda tem pouca tá certo então o chão é 3 o passarinho um background a 0 mesmo porque ele fica no fundo assim um passarinho quando a gente puxa para baixo ele sempre vai ficar atrás do chão tá bom e obrigatoriamente um background que o fundo vai ficar atrás do nosso chão porque ele tem um ordenamento e 0 eo nosso grande então ordenamento em três e é por ordem

de tamanho mesma ordem crescente está o que está mais em baixo na ordem não aparece no que tá mas ele não aparece na frente do que está mais em cima aqui a gente já pode brincar com a questão da física tá então a gente vai selecionar aqui o passarinho e vamos ver em é de componente e vamos procurar aqui por risco de bari 2 dê certo e que já vai adicionar uma física para o nosso personagem tanto é que se a gente der um play lá o nosso personagem caiu né ótimo então eu vou adicionar

aqui agora um site o colar e de dois de certo pra gente poder ter colisão olha perceba que apareceu um colisor ou talvez não dê pra ver direito por conta desse fundo aqui mas apareceu um colisão e volta em torno do nosso personagem e é aqui que acontece a colisão com um objeto bate nesses nessa esfera é nessa esfera verde a gente pode detectar algum tipo de colisão só que ela está muito grande então eu vou diminuir ela um pouco tá mais ou menos aqui é pra ficar melhor o nosso jogo então vou trazer que

o personagem de novo novamente aqui pro x no centro e aí a gente vai adicionar também vai selecionar um ground vai procurar aqui em física still the box cadê a kibon escolar detido em utah você pode marcar aqui essa opção ao time e ela vai o colisor ele já pega automaticamente o entorno o contorno do do próprio time ou não do próprio sprite para que ele faça esse colisão beleza então ok a gente tem colisor no chão colisor no passarinho se a gente der um player ou até subir um pouco mais ele a gente é

um player que agora olha só ótimo passarem caiu ficou no chão continuou executando a animação não é perfeitamente funcionou até onde a gente configurou exatamente do jeito que tem que ser para quem nunca trabalhou com a únic saiba que esse botãozinho aqui ele ativo play molde da iuni que é um modo de teste ou seja cada configuração a cada implementação nova que você faz que você tenha necessidade de testar para ver se está funcionando é só você pressionar esse botãozinho que você consegue visualizar é a cena em execução aqui a gente tem a cena do

nosso projeto é que é onde a gente monta o jogo e aqui na direita a gente tem a cena do game na janela do game aliás que é uma visualização a pré-visualização de conta ficando o nosso jogo então aqui na direita nessa janela de game é como meu jogo tá ficando mesmo ou seja seu é gerar as imobiliárias seja para celular para pc e se eu fosse jogar eu iria ver exatamente isso aqui e aqui na esquerda é o making off né é por trás das cenas aqui é o que é o que o pessoal

não vê e é a cena que a gente monta agora a gente vai criar um script pornô para o nosso flip band com nosso passarinho dá pra ele fazer pra fazer ele efetivamente pingar é porque ele está caindo a ficha está fazendo ele cair e nada mais então que a gente vai fazer e vai clicar aqui com o botão direito aqui na janela de a ser destaque na pasta isso selecionar lhe fechar o script a gente vai dar um nome botar o nome de bordo vai criar esse script e vai abrir ele presidente editar aqui

o nosso discutir aberta a gente vai criar as ações às ações do nosso passarinho para quem nunca teve contato com yuri tiant saiba que há um ano de trabalho a linguagem c sharp de programação e são através dos scripts que a gente consegue criar funcionalidades para personagens ou por objetos enfim para tudo que você quer que aconteça no seu jogo então aquele que a gente fez até agora nada mais foi do que o visual do game agora a gente tem que fazer a mágica acontecer já no caso do passarinho quando a gente clicar na cena

fazer o passarinho mpinda exatamente como acontece no flipboard começar criando uma variável flutuante flowd do tipo floating o chamado espírito vou passar como valor e vamos criar uma variável privada tá dois de chamar de rigui beleza aqui a gente vai controlar a velocidade do passarinho e essa variável que vai servir pra gente controlar o risco de bari do nosso passado lembra que a gente colocou que o vídeo de bari nesse passarinho aqui ó de bari que é esse componente o rio de barco ele serve para controlar física e algum objeto está então a gente vai

fazer exatamente isso a gente vai manipular física dele então a gente utiliza essa variável para tal só que a gente tem que passar ela a gente tem que passar esse rio de barak no start utilizando jet componente para informar para onde eu quero que ela pega o rio de barco que está no mesmo componente que está como um componente nesse mesmo objeto que está com esse script tá beleza aqui no update a gente vai fazer a mágica acontecer vamos vamos criar um bife para checar todas as vezes que a gente explicou o mouse na cena

está com o botão esquerdo do mouse então a input ponto ghetti mouse batan da unta 0 e 6 0 significa que eu tô chegando no botão esquerdo se fosse o botão direito poderia botar o número 1 tá bom então se é o clicar com o botão esquerdo no mapa para acontecer rick ponto vê-la siri recebe o vector tio ponto anp vezes speedy que eu fiz eu tô manipulando aqui o meu riso de bari já a classe velocity que é uma classe que adiciona uma velocidade naquele corpo então como hoje disse ovídio baiano passarinho vai adicionar

a velocidade naquele passarinho no na posição para cima o verbo to ponto anp ele é um valor de 11 no y então ele vai sempre pra cima vezes speed speed pra gente controlar a força do pulo do passarinho tá bom então tendo feito isso a gente pode salvar e vamos anexar o script ao nosso passa então a gente pode vir aqui é de componentes o script board que a gente criou e que ele está pedindo speedy vou deixar um pra gente está e vamos dar um play pra gente testar léo essa modificação gente fez no

script o seu clique aqui o sol está muito fraco passarem quase não tá pulando ali então o que a gente vai fazer a gente vai primeiramente diminuir essa escala de gravidade que está um botão a 0 6 0 pontos para ele ficar mais leve tá bom e aqui eu vou aumentar também de um botar dois por exemplo e vamos testar para ver ó já já deu outra cara né ótimo deixar ele assim por enquanto tá ótimo excelente então a gente já fez o passarinho pular lá não pular um termo meio esquisito né a gente fez

ele alçar vôo nefro tuar agora a gente vai criar os canos nem os canos que vem da direita para a esquerda então a gente vai criar aqui um objeto vazio puxar um pouco mais para o lado aqui pra fora né vou chamar ele de pai vamos adicionar aqui o sprite do cano aumentar ele é um pouco para ver o tamanho ficar mais ou menos aqui um tamanho da largura do do próprio personagem isso aqui o certo deixa eu pegar aqui o pai pips colocar o país bem no centro aqui do cano subir ele ea gente

vai duplicar esse cano de subir a cópia dele e vamos rotacionar essa cópia tá vendo a gente tem que deixar ele virar pra baixo pra ficar mais fácil você pode selecionar essa cópia vim aqui no eixo z e botar 180graus aliás o roteiro vai botar 180graus certo que assim você consegue rotacionar ele perfeitamente o inverso ao pássaro deixou aqui vou centralizar esse objeto invisível pai pips e vou colocar os canos dentro dele clicando e arrastando aqui pra dentro selecionando os dois clicando e arrastando para dentro do país porque eu fiz isso porque agora os dois

objetos são um software não consigo trazer pra frente ou para trás então imagine que você tenha uma idéia do que a gente vai fazer agora a gente vai criar um script para fazer com que esse objeto pepsi ganha pra frente e vamos criar um outro script para criar uns pauner de pai piscinão o nerd canos que a gente faz o que o que a gente vai fazer nada mais é do que pau na ou seja criar randomicamente canos em variadas posições na cena certo é bem simples mesmo então a primeira coisa que vai fazer movimentar

esse conjunto de canos pra frente aqui então pra isso a gente vai criar um script direito na nela de project script ou uma outra forma só pra vocês verem você pode selecionar o objeto é de componente new script e aqui a gente dá um nome mudar o nome de país mesmo agora a gente vai abrir o script e ótima que está o nosso script esse script é muito mais simples do que o outro possa até pagar o start que a gente não vai usar eu vou criar aqui uma variável chamada pública front speed certo velocidade

e aí a gente dentro do update vai usar o transformer position mais igual ou seja a gente vai atribuir a posição desse desse nosso objeto uma nova posição a cada frame que vai ser o vector trip ponto left vezes vezes time a gente está passando um ponto left porque ele sempre tem menos 11 x ou seja ele sempre vai para a esquerda vezes pedi pra aumentar o valor não seja velocidade neste movimento vezes o time delta time para deixar mais suave tap uma vez certo sendo feito isso acredito que seja isso não salvar aqui beleza

vamos passar aqui sei lá 2 como speed bom ver se vai ficar rápido ou devagar não sei lá vêm os canos aos campos passaram até por trás inclusive né então o que a gente vai fazer é selecionar os dois canos aqui e vamos mudar o ordenamento para 2 que se eles vão passar debaixo do chão mas na frente do background perfeito certo ótimo uma outra coisa que a gente tem que fazer é adicionar nos dois já estou com os dois selecionados ali um box colar e 2d porque se o meu passarinho bateu para detectar a

colisão né então pronto tendo feito isso vai te mostrar pra vocês aqui o que vai acontecer cinco não bater no meu personagem ruim não vou deixar abater olha só carregou levou embora né porque o cano ele está com um colisor ou o passarinho também está com o colisor logo aconteceria isso mesmo né ótimo então agora o que a gente tem que fazer é criar um espaço lonier de canos para que eles sejam e além deles serem criados na cena é para eles virem pra frente eles têm que serem eles têm eles têm que ser criados

em diferentes posições ou seja um mais próxima ou mais pra baixo e assim por diante né