Desenvolvendo Jogos com HTML5

3,004 views

Published on

HTML5 está cada vez mais se tornando uma alternativa para diversas tecnologias, cases e aumentando suas aplicações.
Nessa palestra veremos como iniciar jogos com HTML5, o que podemos fazer e algumas dicas para um sucesso no desenvolvimento de jogos.

Published in: Technology

Desenvolvendo Jogos com HTML5

  1. 1. DESENVOLVENDO JOGOS COM HTML5 ZAEDY SAYÃO @zaedysayao
  2. 2. Zaedy Dantas Sayão @zaedysayao @javamanrj @javamanrj @WORKS http://about.me/zaedy
  3. 3. QUEM?
  4. 4. QUEM? O QUE?
  5. 5. QUEM? O QUE? COMO?
  6. 6. QUEM? O QUE? COMO? POR QUÊ?
  7. 7. ONDE RODA?
  8. 8. EVERYWHERE*
  9. 9. http://caniuse.com/
  10. 10. http://html5test.com/
  11. 11. http://mobilehtml5.org/
  12. 12. http://html5readiness.com/
  13. 13. ACESSÍVEL
  14. 14. CÓDIGO UNIFICADO
  15. 15. BAIXA CURVA DE APRENDIZADO
  16. 16. SVG
  17. 17. TAGS TEXTO LÓGICA EVENTOS MECÂNICAS COMPORTAMENTO LAYOUT
  18. 18. ANIMAÇÕES GRÁFICOS IMAGENS CENÁRIOS
  19. 19. CANVAS
  20. 20. GEOMETRIA BÁSICA
  21. 21. COMP GRAF BÁSICO
  22. 22. SPRITES
  23. 23. IMAGEM
  24. 24. PERFORMANCE? http://www.slideshare.net/ernesto.jimenez/5-tips-for-your-html5-games
  25. 25. http://jswiki.org/
  26. 26. PACKAGE DESKTOPhttp://www.slideshare.net/javamanrj/construindo-aplicaes-desktop- com-html-css-e-js-riojs-conference
  27. 27. DEMOS
  28. 28. http://canvasdefense.appspot.com/
  29. 29. http://users.atw.hu/wolf3d/
  30. 30. http://playtankworld.com/level/air_strike
  31. 31. http://wordsquared.com/
  32. 32. http://phoboslab.org/ztype/
  33. 33. http://www.currantcat.com/convergence/
  34. 34. http://www.tricedesigns.com/2013/03/22/phonegap-legends- a-sample-game-app/
  35. 35. http://hexgl.bkcore.com/
  36. 36. http://www.unrealengine.com/html5/
  37. 37. http://crypt-webgl.unigine.com/game.html
  38. 38. http://www.made-apps.com/Media/Documents/html5/ techdemo/drahtkern.html
  39. 39. http://int3.github.io/open-syobon-action.js/
  40. 40. https://developer.mozilla.org/en-US/demos/detail/ bananabread
  41. 41. http://www.paulirish.com/2011/ requestanimationframe-for-smart-animating/
  42. 42. OTIMIZANDO JAVASCRIPT http://coding.smashingmagazine.com/2012/11/05/writing-fast- memory-efficient-javascript/
  43. 43. ESCREVENDO BOM JAVASCRIPT https://github.com/rwldrn/idiomatic.js/
  44. 44. WEBGL
  45. 45. WEBWORKERS
  46. 46. WEBRTC
  47. 47. WEBSOCKET
  48. 48. http://goo.gl/zew24
  49. 49. OBRIGADO! @zaedysayao

×