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