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
Upcoming SlideShare
Loading in …5
×

técnica de desenvolvimento de jogos para web

2,589 views

Published on

P

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,589
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
35
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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

    ×