1. Desenvolvendojogoshtml5paraoWindows8 u d h j l s U R

2. Charles Fortes Andr Castro 3. Conceitos bsicos de programao uDesenvolvimento de jogos html5 para Windows 8 4. UI User Interface uDesenvolvimento de jogos html5 para Windows 8 A interao entre usurio e sistema feita pela UI, que pode ser grfica ou de console. 5. Coordenadas uDesenvolvimento de jogos html5 para Windows 8 Todo elemento presente na interface orientado no plano cartesiano, sendo X e Y no plano 2D e com o acrscimo de Z e da rotao quando 3D x:0 y:0 z:0 x:800 y:600 z:0 x:800 y:600 z:10 6. Elementos de interao uDesenvolvimento de jogos html5 para Windows 8 A interao com do usurio com o sistema composta por elementos que podem ser um boto, um label, uma entrada de dados, etc... 7. Elementos de interao uDesenvolvimento de jogos html5 para Windows 8 Alm disto, interagimos com a interface atravs dos mais diversos dispositivos de entrada e sada, como o teclado, mouse, kinect, etc.. 8. Testes condicionais e Iteraes (Loops) uDesenvolvimento de jogos html5 para Windows 8 Durante a execuo do programa, diversas informaes devem ser testadas de forma que a aplicao tenha um comportamento especfico diante de um contexto If (Object.Type == Enemy){ KillEnemy(); } else { GoAway(); } 9. Testes condicionais e Iteraes (Loops) uDesenvolvimento de jogos html5 para Windows 8 Alm disto, existem condies de nas quais necessrio que um trecho de cdigo seja repetido uma srie de vezes. While (Game.Status != Paused){ MoveAllEnemies(); } 10. Funes uDesenvolvimento de jogos html5 para Windows 8 Os trechos de cdigo so organizados em funes para que possam ser reaproveitados e para tornar a manuteno mais fcil function CheckCollision (e) { if (e.Type == Enemy){ YouLose(); } } 11. Eventos uDesenvolvimento de jogos html5 para Windows 8 Os componente podem emitir sinais ao sistema, por exemplo um boto ao ser pressionado dispara o evento onCLick, que tratado por uma funo registrada especificamente para isto. 12. Callback uDesenvolvimento de jogos html5 para Windows 8 Estas funes so registradas na forma para serem chamadas num processo que chamamos de CallBack. 13. Objetos uDesenvolvimento de jogos html5 para Windows 8 No processo que veremos a seguir, lideremos com uma srie de elementos que so tratados como objetos (assim como na POO). Este objeto pode ser um personagem, um elemento do cenrio, qualquer coisa que tenhamos que manipular a grosso modo. 14. HTML5 - Quintus dDesenvolvimento de jogos html5 para Windows 8 15. Desenvolvimento de jogos html5 para Windows 8d 16. Desenvolvimento de jogos html5 para Windows 8d 17. Fases - Levels hDesenvolvimento de jogos html5 para Windows 8 18. Scenas Desenvolvimento de jogos html5 para Windows 8h Os elementos dos jogos so organizados em camadas, pra facilitar a interao, cenrios, elementos animados, tesouros, etc... 19. Scenas Desenvolvimento de jogos html5 para Windows 8h Uma cena pode ser tratado como um agrupador de elementos que compem uma fase do jogo, considerando cmera, personagens envolvidos, etc... 20. Sprites Desenvolvimento de jogos html5 para Windows 8j Os sprites representam os estados possveis de um elemento do jogo, seja ele um personagem, um tesouro, ou qualquer outro elemento que no represente o cenrio. 21. Sprites Desenvolvimento de jogos html5 para Windows 8j Podem por exemplo representar a animao de um personagem parado, correndo, pulando e tudo mais que possamos interagir. 22. Fsica e Coliso UDesenvolvimento de jogos html5 para Windows 8 23. Fsica de jogos Desenvolvimento de jogos html5 para Windows 8U Para que os elementos do jogo se comportem de maneira correta, os jogos precisam utilizar regras de fsica que englobam a gravidade, ao e reao e tudo mais... 24. Colises Desenvolvimento de jogos html5 para Windows 8U Existem muitos elementos controlados pelos motores de fsica de um jogo, mas vrios deles podem ou devem ser tratados pelo desenvolvedor, que o caso das colises do personagem e dos inimigos. 25. Colises Desenvolvimento de jogos html5 para Windows 8U Uma coliso literalmente o ato de um objeto se chocar com outro. Quando se personagem colide com o cho pelo efeito da gravidade, o motor de fsica providencia para que ele no caia, mas se o terreno for inclinado, ele escorregar. 26. Colises Desenvolvimento de jogos html5 para Windows 8U Mas colises com outros objetos que no so do cenrio devem ser tratados pelo desenvolvedor, onde ele verifica se o personagem colidiu com um inimigo, um elemento que possa mata-lo, ou com trofu por exemplo Isto feito registrando CallBacks para os eventos de coliso. 27. Elementos do Jogo jDesenvolvimento de jogos html5 para Windows 8 28. Tiles Desenvolvimento de jogos html5 para Windows 8 Consiste em dividir a tela em vrios pedaos (como um grande tabuleiro de Xadrez) e fazer com que cada espao fosse preenchido por uma parte do grfico. j 29. Viewport Desenvolvimento de jogos html5 para Windows 8 Esse recurso divide a tela em vrias partes, sendo que cada parte mostra as imagens de um determinado ponto de vista. h 30. Exemplo Completo 31. Dvidas? slides em http://www.slideshare.net/charleswellingtonfortes Andr castro: http://www.100loop.com/author/alrcastro/ Charles Fortes: http://www.100loop.com/author/chalk/ @CharlesFortes RDesenvolvimento de jogos html5 para Windows 8