animações e jogos além do canvas
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

animações e jogos além do canvas

  • 2,758 views
Uploaded on

Slides da palestra apresentada no Front in Rio sobre o alternativas ao canvas para desenvolvimento de animações e jogos em html5 ...

Slides da palestra apresentada no Front in Rio sobre o alternativas ao canvas para desenvolvimento de animações e jogos em html5

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,758
On Slideshare
2,119
From Embeds
639
Number of Embeds
14

Actions

Shares
Downloads
9
Comments
0
Likes
3

Embeds 639

http://fellipe.com 330
http://blog.zenorocha.com 91
http://zenorocha.com 57
http://localhost:8888 54
http://www.klauslaube.com.br 39
http://localhost 17
http://feeds.feedburner.com 15
http://klauslaube.com.br 11
http://local.klauslaube.com.br 7
http://0.0.0.0 5
http://localhost:8000 5
http://kplaube.webfactional.com 4
url_unknown 2
http://www.slideshare.net 2

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

Transcript

  • 1. animações e jogos além do canvasSunday, June 19, 2011
  • 2. andrews medina #cobrateam founder djangobrasil.org / python.org.br desenvolvedor @ globo.comSunday, June 19, 2011
  • 3. Proprietary software is the disease. Meet the cure.Sunday, June 19, 2011
  • 4. jogosSunday, June 19, 2011
  • 5. Sunday, June 19, 2011
  • 6. Sunday, June 19, 2011
  • 7. Sunday, June 19, 2011
  • 8. Sunday, June 19, 2011
  • 9. Sunday, June 19, 2011
  • 10. webSunday, June 19, 2011
  • 11. Sunday, June 19, 2011
  • 12. Sunday, June 19, 2011
  • 13. Sunday, June 19, 2011
  • 14. jogos vs webSunday, June 19, 2011
  • 15. Sunday, June 19, 2011
  • 16. Sunday, June 19, 2011
  • 17. html5 + css3 + jsSunday, June 19, 2011
  • 18. Sunday, June 19, 2011
  • 19. Sunday, June 19, 2011
  • 20. Sunday, June 19, 2011
  • 21. Sunday, June 19, 2011
  • 22. Sunday, June 19, 2011
  • 23. <canvas>Sunday, June 19, 2011
  • 24. css3Sunday, June 19, 2011
  • 25. transform • rotate - transform: rotate(7deg); • skew - transform: skew(-25deg); • scale -transform: scale(0.5);Sunday, June 19, 2011
  • 26. transitions • transition: transform .5s ease-in;Sunday, June 19, 2011
  • 27. animations @-webkit-keyframes animated-sprite {     0% { background-position: 0px 0px; }     25% { background-position: -1px 0px; }     50% { background-position: -2px 0px; }     75% { background-position: -3px 0px; }     100% { background-position: -7px 0px; } }Sunday, June 19, 2011
  • 28. animations div.animated-sprite {     background-image: url(animated-sprite.png);      -webkit-animation-name: animated-sprite;     -webkit-animation-duration: 1s; }Sunday, June 19, 2011
  • 29. anigma • http://icefox.net/anigma/Sunday, June 19, 2011
  • 30. cubescape • http://www.themaninblue.com/experiment/ Cubescape/load.php?id=1156Sunday, June 19, 2011
  • 31. pacman • https://github.com/andrewsmedina/pacmanSunday, June 19, 2011
  • 32. Show me the gameSunday, June 19, 2011
  • 33. device orientationSunday, June 19, 2011
  • 34. Show me the gameSunday, June 19, 2011
  • 35. canvas + css3Sunday, June 19, 2011
  • 36. obrigado! Andrews Medina andrewsmedina.com @andrewsmedina andrewsmedina@gmail.comSunday, June 19, 2011