• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
técnica de desenvolvimento de jogos para web
 

técnica de desenvolvimento de jogos para web

on

  • 2,671 views

P

P

Statistics

Views

Total Views
2,671
Views on SlideShare
2,669
Embed Views
2

Actions

Likes
1
Downloads
29
Comments
0

1 Embed 2

http://paper.li 2

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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 técnica de desenvolvimento de jogos para web Presentation Transcript

  • 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 orientation, etc)
  • 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