1 / 22

Animação 2D

Animação 2D. Alexandre Tolstenko Nogueira alexandre@tolstenko.net http://tolstenko.net. Sinopse. Apresentação Sprite Função SpriteBatch.Draw () Classe de Animação2D Automatizando nossa classe Referências Agradecimentos. 1. Apresentação. 2. Sprite. Definição :

ted
Télécharger la présentation

Animação 2D

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Animação 2D AlexandreTolstenkoNogueira alexandre@tolstenko.net http://tolstenko.net

  2. Sinopse • Apresentação • Sprite • FunçãoSpriteBatch.Draw() • Classe de Animação2D • Automatizandonossaclasse • Referências • Agradecimentos

  3. 1. Apresentação

  4. 2. Sprite • Definição: • Do latim spiritus, significando "duende", "fada“. • Objetivo: • Simularobjetos 2,5D ou 3D. • Formatosusados: • Qualquerformatoquepossuatransparência (ex.: png) • Qualquerformatosemtranparencia, mas com um fundo de corfixa (ex.: jpg)

  5. Transparente

  6. Opaco

  7. M-M-M-MONSTER KILL

  8. 2. Sprite • Estranho? • Cadê o Link andandopara a esquerda? • NãoPrecisa! • Basta inverter eleandandopara a direita.

  9. 2. Sprite • Frame • É um quadroouretâgulo do sprite que é exibidocomo se fosse umaimagemindependente. • É como se colocassemos um papel com um furoretangularquecobrisse o sprite inteiro e movessemosessepapelsobre o sprite: • Veremosapenasaquiloqueestiverdentro do quadro. • Se olharmosapenaspara o quadro, e o mesmosaltaremimagenssequenciais, veremosumaAnimação2D!!!

  10. 2. Sprite

  11. 2. Sprite • Quadrosqueandam

  12. 2. Sprite • Funcionamento: • A imageminteira é carregadapara a memórianaetapa de carregamento do jogo. • Apenas um“Frame” daimagem é exibidoporvez. • A cada X clocks do game, o quadro pula parauma nova posição.

  13. 2. Sprite • Qual o melhor sprite? (Suponhaqueambastenham a mesmaquantidade de frames) • Para o programador? • Lembra dos quadrosqueandam? • Para o cartucho? • A primeirafigura é maiscompacta e ocupamenosespaçonoscartuchos

  14. 3. SpriteBatch.Draw() • É umafunção com vários “overload” • Ireimostrarapenas um. • Tarefa de casa: conhecerosoutros “overload”. • Assinatura: • SpriteBatch.Draw(Texture2D, Rectangle, Nullable<Rectangle>, Color) • Uso: • spriteBatch.Draw(spriteSheet, destinationRect, sourceRect, Color.White);

  15. 3. SpriteBatch.Draw() • Rectangle(X, Y, Width, Height) • Width • (X,Y) • Height

  16. 3. SpriteBatch.Draw() • Vide projeto exemplo1. • Altere o valor do inteironalinha 33: “intspriteWidth = 64;” e veja o erro que ocorre. • Issoocorrerá com muitafrequencia • Vide projeto exemplo1_mod. • Outro sprite com outraanimação • Vide Projeto exemplo1_mod2 • Vide cor de transparenciadefinidapara o branco

  17. 4. Classe de Animação 2D • Vide projeto exemplo2.

  18. 5. AutomatizandonossaClasse • Vide projeto exemplo3.

  19. 6. Referências • ShyGuy Kingdom • PlanetRenders • XNAfusion • MSDN

  20. 7. Agradecimento spriteBatch.DrawString( Arial, "Obrigado Pela Atenção!", positionVect, Color.Black);

More Related