Aula 10 - Desenvolvimento de games em HTML 5

1,438 views

Published on

Aula desenvolvida para o curso Técnico de Informática para Internet da ETEC de São Sebastião. 19/04/2013

Published in: Technology
2 Comments
4 Likes
Statistics
Notes
No Downloads
Views
Total views
1,438
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
56
Comments
2
Likes
4
Embeds 0
No embeds

No notes for slide

Aula 10 - Desenvolvimento de games em HTML 5

  1. 1. DESENVOLVIMENTO E DESIGN EWEBSITES IIIProfº. Esp. Henrique Nunweiler Angelim Silva1º Semestre de 2013Curso Técnico em Informática para InternetAula 10.ETEC de São Sebastião - 188
  2. 2. ANTES DE MAIS NADA, QUAIS FORAM ASFERRAMENTAS QUE VOCÊS ENCONTRARAM?
  3. 3. VAMOS FALAR UM POUCO SOBRE CADA UMADELAS...
  4. 4. HOJE... HTML 5 no desenvolvimento de games!
  5. 5. MAS ANTES DE CHEGARMOS NA PARTE BOA... Vamos entender mais sobre o... Sucessora: HTML, XHTML e HTML DOM Fase de finalização atualmente. Muito se fala e pouco se produz, e por que? Falta de CONHECIMENTO. Falta de VONTADE. E falta de VERGONHA NA CARA de quemrealmente desenvolve e tem tempo paraestudar...=)
  6. 6. PARA QUE SERVE O HTML5? O HTML 5 é uma linguagem que veiorevolucionando o mercado web porque ela veio pra“quebrar geral”. Diferente de outras linguagens, ela veio com opropósito de reduzir recursos adicionais quecostumamos utilizar como extensões paraexecução de vídeos e áudio por exemplo.
  7. 7. EXEMPLO DE CÓDIGO - ÁUDIO<audio controls><source src="horse.ogg" type="audio/ogg"><source src="horse.mp3" type="audio/mpeg">Your browser does not support the audio element.</audio>Facin né?!?!
  8. 8. EXEMPLO DE CÓDIGO - VÍDEO<video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg"><source src="movie.webm" type="video/webm"><object data="movie.mp4" width="320"height="240"><embed src="movie.swf" width="320"height="240"></object></video>Facin também né?!?!
  9. 9. MAS POR QUE AS FOTOS DO VINGADORES?? Porque eu gosto!
  10. 10. CONTINUANDO... O HTML 5 tem ajudado a indústria de games poisao contrário de outras ferramentas dedesenvolvimento de games complicada e comlinguagens de programação específicas, aqui éHTML! (com suas modificações). Ele continua interagindo com o javascript, pois seuobjetivo não era substituir o javascript, masacrescentar ferramentas que antes o programadorsó tinha com ferramentas e plugins separados.
  11. 11. GUERRA ENTRE HTML 5 X FLASH Guerra iminente, onde já temos vencedores eperdedores! Mas antes falaremos sobre o flash!
  12. 12. QUEREM VER COMO ERA O FLASHANTIGAMENTE??
  13. 13. AGORA SIM! O flash foi desenvolvido para desenhos semanimação. Com a necessidade do mercado de umsoftware. O flash foi o nome que surgiu depois quea macromedia se juntou com FutureWare, dona daferramenta de desenho Future Splash Animator.Surgiu assim o flash 1.0
  14. 14. FUTURE SPLASH ANIMATOR E...FLASH 1.0
  15. 15. SITE DA DOLLY, TÃO BOM QUANTO OCOMERCIAL...
  16. 16. VOLTANDO AO HTMLVENDEDOR DA BATALHA – HTML 5
  17. 17. E POR QUE VENCEU? Pois o flash é Muuuuuuuuuuuuito pesado emcomparação ao HTML 5. O HTML 5 roda em qualquer navegador atualizado. O flash você precisar baixar E AINDA ATUALIZARO FILHA DA MÃE TODA HORA! Dentre vários outros motivos.
  18. 18. O HTML 5... proporciona ambientes de programação eintegração entre linguagens de formainacreditavelmente fácil. Vários frameworks como o Sencha Touch 2 (faleisobre ele em sala lembra?? Não... Google.com.brlembra vocês...=) ) estão revolucionando omercado, por exemplo, de produção de aplicativospara dispositivos móveis.
  19. 19. FRAMEWORK? É uma forma de você unir várias linguagens deprogramação de forma abstrata (não precisaescrever em todas elas) com a finalidade de gerarum único código fonte.
  20. 20. JOGOS DESENVOLVIDOS EM HTML 5 http://html5games.com/ Nem todos os jogos são maravilhosos, mas estãoem HTML 5 (é o que dizem)! http://chrome.angrybirds.com/ O cara...Angry Birds http://chrome.angrybirds.com/ Pac-man http://worldsbiggestpacman.com/ Bilhar http://agent8ball.com/
  21. 21. TRABALHO DE HOJE Escolham 2 áreas de games. Ex: Puzzle e Action Então, escolham dois jogos (bons ou fuleiros) emHTML 5 E dois em outra tecnologia (flash ou outros). Desenvolver um relatório pequeno (no máximo 1página) falando os pontos fortes e fracos de cadaum dos 4 jogos. Colocar uma consideração final a respeito dosgames!
  22. 22. SINCERAMENTE, GOSTARAM? E a próxima aula?Decidiremos juntos o tema!Mas que tal Mercado de trabalho na programação?
  23. 23. DÚVIDAS?
  24. 24. BOA NOITE A TODOS!Muito Obrigado! Professor Especialista em Gerenciamento deProjetos Henrique Nunweiler Angelim Silva E-mail: henrique.silva266@etec.sp.gov.br Redes Sociais: Henrique Nunweiler

×