técnica dedesenvolvimento de jogos@andrewsmedina
wtf is andrews medina?cobrateam founderadmin djangobrasildesenvolvedor globo.com
e vocês?
games x html5html5 = css + js + htmlcanvas mais poderosocss transform, transictions, animationjs mais poderoso (device ori...
games x web
engineshttps://github.com/bebraw/jswiki/wiki/Game-Engines64+
games famosos?http://chrome.angrybirds.com/
game loopwhile (true) {  // acoes  }
game loop setInterval(function(){   //acoes }, 1000);
game loopsetInterval(function(){  //atualizacoes }, 1000/12);
FPSvar FPS = 12;setInterval(function(){  //atualizacoes}, 1000/FPS);
eventostradicionalpooling
display, imagens eresolução
tiles/sprites
sprites - cssbackground-imagebackground-positionhttp://www.alistapart.com/articles/sprites
layersz-index
físicahttps://github.com/andrewsmedina/physics
física - velocidadex += x_velocity;
física - aceleraçãox_velocity *= 0.99;x += x_velocity;
física - colisãodistância entre 2 pontos
física - colisãodetecção a partir da área de um polígono
física - gravidade
físicahttp://box2d.org/
físicahttp://box2d-js.sourceforge.net/
físicahttp://labs.skookum.com/demos/barcampclt_physics/
bônus -webglhttp://www.chromeexperiments.com/webgl
técnica dedesenvolvimento de jogos@andrewsmedina
Próximos SlideShares
Carregando em…5
×

técnica de desenvolvimento de jogos para web

2.642 visualizações

Publicada em

P

Publicada em: Tecnologia
  • Seja o primeiro a comentar

técnica de desenvolvimento de jogos para web

  1. 1. técnica dedesenvolvimento de jogos@andrewsmedina
  2. 2. wtf is andrews medina?cobrateam founderadmin djangobrasildesenvolvedor globo.com
  3. 3. e vocês?
  4. 4. games x html5html5 = css + js + htmlcanvas mais poderosocss transform, transictions, animationjs mais poderoso (device orientation, etc)
  5. 5. games x web
  6. 6. engineshttps://github.com/bebraw/jswiki/wiki/Game-Engines64+
  7. 7. games famosos?http://chrome.angrybirds.com/
  8. 8. game loopwhile (true) { // acoes }
  9. 9. game loop setInterval(function(){ //acoes }, 1000);
  10. 10. game loopsetInterval(function(){ //atualizacoes }, 1000/12);
  11. 11. FPSvar FPS = 12;setInterval(function(){ //atualizacoes}, 1000/FPS);
  12. 12. eventostradicionalpooling
  13. 13. display, imagens eresolução
  14. 14. tiles/sprites
  15. 15. sprites - cssbackground-imagebackground-positionhttp://www.alistapart.com/articles/sprites
  16. 16. layersz-index
  17. 17. físicahttps://github.com/andrewsmedina/physics
  18. 18. física - velocidadex += x_velocity;
  19. 19. física - aceleraçãox_velocity *= 0.99;x += x_velocity;
  20. 20. física - colisãodistância entre 2 pontos
  21. 21. física - colisãodetecção a partir da área de um polígono
  22. 22. física - gravidade
  23. 23. físicahttp://box2d.org/
  24. 24. físicahttp://box2d-js.sourceforge.net/
  25. 25. físicahttp://labs.skookum.com/demos/barcampclt_physics/
  26. 26. bônus -webglhttp://www.chromeexperiments.com/webgl
  27. 27. técnica dedesenvolvimento de jogos@andrewsmedina

×