0
11/8/11
Desarrollo de Videojuegos con   HTML5, CSS3 y JavaScript          Andrés Pagella11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript             PCs     iOS       BlackBerryOS      Android   WinMo   M...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript             PCs     iOS       BlackBerryOS      Android   WinMo   M...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript        “Flash to Focus on PC Browsing and Mobile Apps; Adobe to Mor...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript        “Flash to Focus on PC Browsing and Mobile Apps; Adobe to Mor...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript        “Flash to Focus on PC Browsing and Mobile Apps; Adobe to Mor...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript “Pero aparte de validar formularios, hacer pequeñas animaciones y r...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript    HTML5 APIs    Canvas                  WebStorage              Of...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript               Angry Birds: WebGL con fallback a Canvas y Flash  11/...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                               Quake 3 + WebGL  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                     WebGL + Team Fortress (solo el mapa)  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                                WebGL + Kinect  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript             Canvas (2D)  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript             Canvas (2D)             Modo “inmediato” (no quedan ref...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript             Canvas (2D)             Modo “inmediato” (no quedan ref...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript             Canvas (2D)             Modo “inmediato” (no quedan ref...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript             Canvas (2D)             Modo “inmediato” (no quedan ref...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            Canvas (WebGL)  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            Canvas (WebGL)            Gráficos 3D en un navegador sin...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            Canvas (WebGL)            Gráficos 3D en un navegador sin...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            Canvas (WebGL)            Gráficos 3D en un navegador sin...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            Canvas (WebGL)            Gráficos 3D en un navegador sin...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            Canvas (WebGL)            Gráficos 3D en un navegador sin...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            Canvas (WebGL)            Gráficos 3D en un navegador sin...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            SVG (Scalable Vector Graphics)  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            SVG (Scalable Vector Graphics)            Gráficos vector...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            SVG (Scalable Vector Graphics)            Gráficos vector...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            SVG (Scalable Vector Graphics)            Gráficos vector...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            DOM (Document Object Model)  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            DOM (Document Object Model)            Método tradiciona...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            DOM (Document Object Model)            Método tradiciona...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            DOM (Document Object Model)            Método tradiciona...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                 HTML5 Audio y Video  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                 HTML5 Audio y Video                 Problemas de pa...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                 HTML5 Audio y Video                 Problemas de pa...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                 HTML5 Audio y Video                 Problemas de pa...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            HTML5 Audio Data API  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            HTML5 Audio Data API            Manipulación y generació...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            HTML5 Audio Data API            Manipulación y generació...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            HTML5 Audio Data API            Manipulación y generació...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript            HTML5 Audio Data API            Manipulación y generació...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript        ¿Qué está incompleto o en camino?  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript        ¿Qué está incompleto o en camino?                           ...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript        ¿Qué está incompleto o en camino?                           ...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript        ¿Qué está incompleto o en camino?                           ...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript        ¿Qué está incompleto o en camino?                           ...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                     “Odio el lenguaje JavaScript”  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                              Emscripten  11/8/11
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                              Emscripten                            ...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                              Emscripten                            ...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                              Emscripten                            ...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                              Emscripten                            ...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                              Emscripten                            ...
Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript                          ¿Preguntas?  11/8/11
Upcoming SlideShare
Loading in...5
×

EVA 2011 - Desarrollo de Videojuegos con HTML5, CSS3 and JavaScript

1,596

Published on

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

No Downloads
Views
Total Views
1,596
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
38
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
  • \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
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript of "EVA 2011 - Desarrollo de Videojuegos con HTML5, CSS3 and JavaScript"

    1. 1. 11/8/11
    2. 2. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Andrés Pagella11/8/11
    3. 3. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    4. 4. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    5. 5. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    6. 6. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    7. 7. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript PCs iOS BlackBerryOS Android WinMo MeeGoC++ X X XC# X XJava X X X XObj-C Dep. XAct.Scr. X Dep. Dep . 11/8/11
    8. 8. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript PCs iOS BlackBerryOS Android WinMo MeeGoC++ X X XC# X XJava X X X XObj-C Dep. XAct.Scr. X Dep. Dep.JavaScript X X X X X X 11/8/11
    9. 9. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    10. 10. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript “Flash to Focus on PC Browsing and Mobile Apps; Adobe to More Aggressively Contribute to HTML5” (9 Nov, 2011) Fuente: http://blogs.adobe.com/conversations/2011/11/flash-focus.html 11/8/11
    11. 11. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript “Flash to Focus on PC Browsing and Mobile Apps; Adobe to More Aggressively Contribute to HTML5” (9 Nov, 2011) Fuente: http://blogs.adobe.com/conversations/2011/11/flash-focus.html “Microsoft may halt development work on Silverlight plugin after next release” (9 Nov, 2011) Fuente: http://www.theverge.com/2011/11/9/2548975/microsoft-may-halt-development- work-on-silverlight-after-next-release, Mary Jo Foley 11/8/11
    12. 12. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript “Flash to Focus on PC Browsing and Mobile Apps; Adobe to More Aggressively Contribute to HTML5” (9 Nov, 2011) Fuente: http://blogs.adobe.com/conversations/2011/11/flash-focus.html “Microsoft may halt development work on Silverlight plugin after next release” (9 Nov, 2011) Fuente: http://www.theverge.com/2011/11/9/2548975/microsoft-may-halt-development- work-on-silverlight-after-next-release, Mary Jo Foley “For the web to move forward and for consumers to get the most out of touch-first browsing, the Metro style browser in Windows 8 is as HTML5-only as possible, and plug-in free.” (14 Sep, 2011) Fuente: http://blogs.msdn.com/b/b8/archive/2011/09/14/metro-style-browsing-and-plug- in-free-html5.aspx 11/8/11
    13. 13. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    14. 14. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    15. 15. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    16. 16. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript “Pero aparte de validar formularios, hacer pequeñas animaciones y requests con AJAX, ¿JavaScript sirve para hacer algo mas?” 11/8/11
    17. 17. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    18. 18. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    19. 19. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs 11/8/11
    20. 20. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    21. 21. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    22. 22. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    23. 23. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    24. 24. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    25. 25. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    26. 26. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    27. 27. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    28. 28. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    29. 29. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    30. 30. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    31. 31. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    32. 32. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    33. 33. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    34. 34. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    35. 35. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    36. 36. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    37. 37. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 APIs Canvas WebStorage Offline Storage WebGL Drag and Drop Fullscreen Audio WebSQL / IndexedDB Browser History WebSockets File MouseLock WebWorkers Filesystem Touch/Orientation Video Joystick y muchas mas... 11/8/11
    38. 38. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Angry Birds: WebGL con fallback a Canvas y Flash 11/8/11
    39. 39. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Quake 3 + WebGL 11/8/11
    40. 40. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript WebGL + Team Fortress (solo el mapa) 11/8/11
    41. 41. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript WebGL + Kinect 11/8/11
    42. 42. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (2D) 11/8/11
    43. 43. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (2D) Modo “inmediato” (no quedan referencias) 11/8/11
    44. 44. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (2D) Modo “inmediato” (no quedan referencias) Permite manipulación de píxeles 11/8/11
    45. 45. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (2D) Modo “inmediato” (no quedan referencias) Permite manipulación de píxeles Performance “aceptable” 11/8/11
    46. 46. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (2D) Modo “inmediato” (no quedan referencias) Permite manipulación de píxeles Performance “aceptable” Fácil de usar 11/8/11
    47. 47. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (WebGL) 11/8/11
    48. 48. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (WebGL) Gráficos 3D en un navegador sin usar plugins 11/8/11
    49. 49. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (WebGL) Gráficos 3D en un navegador sin usar plugins Basado en OpenGL ES 2.0 11/8/11
    50. 50. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (WebGL) Gráficos 3D en un navegador sin usar plugins Basado en OpenGL ES 2.0 No está soportado universalmente 11/8/11
    51. 51. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (WebGL) Gráficos 3D en un navegador sin usar plugins Basado en OpenGL ES 2.0 No está soportado universalmente Ejecuta código en el GPU 11/8/11
    52. 52. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (WebGL) Gráficos 3D en un navegador sin usar plugins Basado en OpenGL ES 2.0 No está soportado universalmente Ejecuta código en el GPU Alta performance 11/8/11
    53. 53. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Canvas (WebGL) Gráficos 3D en un navegador sin usar plugins Basado en OpenGL ES 2.0 No está soportado universalmente Ejecuta código en el GPU Alta performance Complejo de usar, pero existen frameworks 11/8/11
    54. 54. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript SVG (Scalable Vector Graphics) 11/8/11
    55. 55. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript SVG (Scalable Vector Graphics) Gráficos vectoriales 11/8/11
    56. 56. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript SVG (Scalable Vector Graphics) Gráficos vectoriales Performance “aceptable” 11/8/11
    57. 57. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript SVG (Scalable Vector Graphics) Gráficos vectoriales Performance “aceptable” Complejo de usar pero existen frameworks 11/8/11
    58. 58. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript DOM (Document Object Model) 11/8/11
    59. 59. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript DOM (Document Object Model) Método tradicional de animación con JS 11/8/11
    60. 60. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript DOM (Document Object Model) Método tradicional de animación con JS Performance “muy buena” 11/8/11
    61. 61. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript DOM (Document Object Model) Método tradicional de animación con JS Performance “muy buena” Fácil de usar, pero “desprolijo” 11/8/11
    62. 62. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 Audio y Video 11/8/11
    63. 63. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 Audio y Video Problemas de patentes 11/8/11
    64. 64. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 Audio y Video Problemas de patentes Performance pobre, poco confiable 11/8/11
    65. 65. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 Audio y Video Problemas de patentes Performance pobre, poco confiable Extremadamente fácil de usar 11/8/11
    66. 66. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 Audio Data API 11/8/11
    67. 67. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 Audio Data API Manipulación y generación de sonidos con JS 11/8/11
    68. 68. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 Audio Data API Manipulación y generación de sonidos con JS Muy baja latencia, excelente performance 11/8/11
    69. 69. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 Audio Data API Manipulación y generación de sonidos con JS Muy baja latencia, excelente performance No está soportado en dispositivos móviles 11/8/11
    70. 70. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript HTML5 Audio Data API Manipulación y generación de sonidos con JS Muy baja latencia, excelente performance No está soportado en dispositivos móviles Fácil de usar 11/8/11
    71. 71. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript ¿Qué está incompleto o en camino? 11/8/11
    72. 72. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript ¿Qué está incompleto o en camino? Fullscreen 11/8/11
    73. 73. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript ¿Qué está incompleto o en camino? Fullscreen MouseLock 11/8/11
    74. 74. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript ¿Qué está incompleto o en camino? Fullscreen MouseLock JoyStick API 11/8/11
    75. 75. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript ¿Qué está incompleto o en camino? Fullscreen MouseLock JoyStick API Orientation Lock 11/8/11
    76. 76. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript “Odio el lenguaje JavaScript” 11/8/11
    77. 77. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript 11/8/11
    78. 78. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Emscripten 11/8/11
    79. 79. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Emscripten CoffeeScript 11/8/11
    80. 80. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Emscripten CoffeeScript JS.NEXT 11/8/11
    81. 81. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Emscripten CoffeeScript JS.NEXT NaCl: Native Client (solo Chrome) 11/8/11
    82. 82. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Emscripten CoffeeScript JS.NEXT NaCl: Native Client (solo Chrome) Dart 11/8/11
    83. 83. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript Emscripten CoffeeScript JS.NEXT NaCl: Native Client (solo Chrome) Dart Java (vía GWT) 11/8/11
    84. 84. Desarrollo de Videojuegos con HTML5, CSS3 y JavaScript ¿Preguntas? 11/8/11
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×