Your SlideShare is downloading. ×
técnica de desenvolvimento de jogos para web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

técnica de desenvolvimento de jogos para web

2,374

Published on

P

P

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

No Downloads
Views
Total Views
2,374
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
33
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • Transcript

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

    ×