DESENVOLVIMENTO E DESIGN EWEBSITES IIIProfº. Esp. Henrique Nunweiler Angelim Silva1º Semestre de 2013Curso Técnico em Info...
ANTES DE MAIS NADA, QUAIS FORAM ASFERRAMENTAS QUE VOCÊS ENCONTRARAM?
VAMOS FALAR UM POUCO SOBRE CADA UMADELAS...
HOJE... HTML 5 no desenvolvimento de games!
MAS ANTES DE CHEGARMOS NA PARTE BOA... Vamos entender mais sobre o... Sucessora: HTML, XHTML e HTML DOM Fase de finaliz...
PARA QUE SERVE O HTML5? O HTML 5 é uma linguagem que veiorevolucionando o mercado web porque ela veio pra“quebrar geral”....
EXEMPLO DE CÓDIGO - ÁUDIO<audio controls><source src="horse.ogg" type="audio/ogg"><source src="horse.mp3" type="audio/mpeg...
EXEMPLO DE CÓDIGO - VÍDEO<video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"><source src="mo...
MAS POR QUE AS FOTOS DO VINGADORES?? Porque eu gosto!
CONTINUANDO... O HTML 5 tem ajudado a indústria de games poisao contrário de outras ferramentas dedesenvolvimento de game...
GUERRA ENTRE HTML 5 X FLASH Guerra iminente, onde já temos vencedores eperdedores! Mas antes falaremos sobre o flash!
QUEREM VER COMO ERA O FLASHANTIGAMENTE??
AGORA SIM! O flash foi desenvolvido para desenhos semanimação. Com a necessidade do mercado de umsoftware. O flash foi o ...
FUTURE SPLASH ANIMATOR E...FLASH 1.0
SITE DA DOLLY, TÃO BOM QUANTO OCOMERCIAL...
VOLTANDO AO HTMLVENDEDOR DA BATALHA – HTML 5
E POR QUE VENCEU? Pois o flash é Muuuuuuuuuuuuito pesado emcomparação ao HTML 5. O HTML 5 roda em qualquer navegador atu...
O HTML 5... proporciona ambientes de programação eintegração entre linguagens de formainacreditavelmente fácil. Vários f...
FRAMEWORK? É uma forma de você unir várias linguagens deprogramação de forma abstrata (não precisaescrever em todas elas)...
JOGOS DESENVOLVIDOS EM HTML 5 http://html5games.com/ Nem todos os jogos são maravilhosos, mas estãoem HTML 5 (é o que di...
TRABALHO DE HOJE Escolham 2 áreas de games. Ex: Puzzle e Action Então, escolham dois jogos (bons ou fuleiros) emHTML 5...
SINCERAMENTE, GOSTARAM? E a próxima aula?Decidiremos juntos o tema!Mas que tal Mercado de trabalho na programação?
DÚVIDAS?
BOA NOITE A TODOS!Muito Obrigado! Professor Especialista em Gerenciamento deProjetos Henrique Nunweiler Angelim Silva E-...
Próximos SlideShares
Carregando em…5
×

Aula 10 - Desenvolvimento de games em HTML 5

1.428 visualizações

Publicada em

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

Publicada em: Tecnologia
2 comentários
4 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
1.428
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
56
Comentários
2
Gostaram
4
Incorporações 0
Nenhuma incorporação

Nenhuma nota no 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

×