“We <3 JS” el próximo sábado 28 de abril
Aprovechando que el viernes 27 se celebra en barcelona el DevUp (HTML5 Developers Conference), al día siguiente el grupo “We <3 JS” ha montado un evento para los amantes del Javascript.
Dicho evento va a estar compuesto por dos charlas y dos workshops. Podéis ver toda la información del evento (ubicación, charlas y workshops) y sacar los tickets (gratu-gratu-ito-ito) en http://we-love-js-2.eventbrite.com/.
Como ponente de “Game Development” os dejo el extracto de la charla:
El objetivo de la charla es hacer una introducción a Canvas centrándonos en el desarrollo de juegos: ¿qué ofrece? ¿Cuáles son sus virtudes? ¿Y sus limitaciones?. En otras palabras: dar una visión general de la API de Javascript destinada a la manipulación de gráficos. Hecha la introducción hablaré sobre las técnicas más utilizadas para el desarrollo de juegos en Javascript y, para finalizar, veremos de forma teórica (aunque no va a faltar código) cual es la estructura básica que debe tener un Framework destinado al desarrollo de videojuegos.
Intentaremos retransmitir en streaming las charlas para los que estéis interesados pero no podáis asistir.
4 Comments
→
Hola,
Podreís intentar subir las charlas a Vimeo para poder verlas a posterior? Si ya es un fastidio no poder asistir ese día, también hay que añadirle si no podemos ver el streaming.
Espero que si
Gracias, saludos!
No depende de mí, pero esa es la idea
!
Buenas tardes.
Tu blog lo descubrí de casualidad hace tiempo, y me contagiaste la idea de crear juegos en javascript, el verano pasado. Tras unos cuantos experimentos, creé un blog (jlabstudio.com/webgl) inicialmente para traducir las lecciones 3D de la página learnwebgl.com, tras los cuales, me pasé a la programación de juegos muy básicos para javascript, pero en 2D para no complicar demasiado el tema (aunque en algún futuro tutorial pienso meter el 3D con algún juego).
En principio pensaba preguntarte lo mismo que el primer comentario, pero como ya lo has respondido, cambiaré de tema.
Veo que como yo mismo hago, y tantos otros en blogs en inglés, usas prácticamente para todo las órdenes de dibujo gráfico del contexto canvas 2D, y si acaso algun elemento HTML para mostrar submenús o información de la GUI.
Sin embago, hace cosa de un par de meses, ví un video de una de las charlas técnicas de google donde proponían otra solución más eficiente:
http://www.youtube.com/watch?v=_RRnyChxijA
¡Usar elementos de HTML y CSS3 a cascoporro, cientos de DIV’s rotados, escalados, coloreados y posicionados por CSS, siendo javascript el encargado de ir modificando los valores de esos estilos en un momento dado, capturando la entrada del usuario a través de la delegación de los eventos (dejar que un solo elemento padre gestione todos los eventos de sus hijos, nietos, etc)!
En el propio video dicen que esa técnica, si bien no vale para todo tipo de videojuego, consigue un rendimiento brutal en comparación con dibujarlo todo en el contexto del canvas.
Así que ahí te dejo un video, para que le eches un vistazo y te sorprendas tanto como yo, por si no lo conocías. Por cierto, ya que tu charla también trata de la programación de videojuegos, y que ya tendrás preparado algún guión, no quedaría mal que como despedida menciones brevemente algo de esta peculiar y supuestamente más eficiente forma de programar videojuegos.
Ten en cuenta que ese video es de hace 2 años.
Mira este benchmark:
Versión Canvas:
http://micahwilliamson.com/web_graphics_benchmark/canvas%20version/
Versión HTML (si no te va en FF, abrela en chrome):
http://micahwilliamson.com/web_graphics_benchmark/html%20version/
La diferenia es MUY grande (a favor de Canvas).
Además, aplicando técnicas de optimización como buffers, triple canvas (bg, objetos mobiles, interface), dirty rects, etc, etc… El rendimiento de canvas mejora mucho.