El HTML5 nos trae un elemento nuevo que nos da muchas posibilidades para el desarrollo de videojuegos web. Este elemento es el canvas unido a las nuevas APIs que incorpora Javascript.
- Código: Seleccionar todo
<canvas id="pantalla1">
Su navegador no soporta HTML5, por favor, actualice su navegador.
</canvas>
Básicamente, tenemos un lienzo, igual que cuando creamos un videojuego en un escritorio tenemos una superficie que se muestra en la ventana, con la diferencia que aquí este lienzo esta dentro de la pagina web, podemos tener solo uno a modo de pantalla o tener varios según necesitemos para nuestros juegos de navegador. Además de que al manejar este lienzo desde Javascript puede interactuar con todo el resto de la pagina. Sinceramente, le veo más futuro que al Flash para el desarrollo de juegos en navegador. A continuación dejo algunos enlaces que me han ayudado a empezar a aprender a manejar un canvas:
- http://www.desarrolloweb.com/manuales/manual-canvas-html5.html
http://www.htmlya.com.ar/html5/
Este es de dos personas que están haciendo un RPG con canvas: http://www.project-cyan.com/
Un ejemplo de una pizarra: http://www.esedeerre.com/ejemplo/20/182/html5-pizarra-con-canvas-y-javascript
http://www.programacionweb.net/articulos/articulo/?num=609
La especificación del API WbeGL en la web de khronos, como OpenGL pero en versión web para canvas (soporte 3D en resumen): http://www.khronos.org/registry/webgl/specs/latest/
Y este es de geolocalización, lo mismo tiene poco que ver con videojuegos, pero lo dejo como curiosidad o si alguien le encuentra utilidad en algun videojuego, por poner un ejemplo, videojuegos online que varie segun la posición, etc: http://monillo007.blogspot.com/2011/11/el-api-de-geolocalizacion-de-javascript.html
También, en las practicas del ciclo he metido por mi cuenta el uso de canvas, y aunque entre las prisas por los plazos de entrega y el estar aprendiendo a la vez el uso de objetos en Javascript y el manejo del canvas, el código es algo ilegible, y la forma de programarlo no es la más eficiente ni de lejos (casi ni parece el código que normalmente escribo, pero en parte es una prueba de canvas para aprender); aqui os dejo un juego del ahorcado en canvas: http://bit.ly/uBePAk Tarda en cargar porque la aprte de la descarga de imagenes y carga, por los motivos que comente, ni esta hecha de la forma más eficiente ni esta bien implementada y optimizada. Funciona a 25 fps y usa un doble buffer (con un canvas oculto se puede trabajar de igual forma que con un doble buffer).
Mightygaver en un mensaje en otro tema en el que pedia a hugoruscitti (por cierto, gracias) este foro comentaba de aunar fuerzas para un motor que funcione bastante bien, y yo estoy de acuerdo. El HTML5 nos da nuevas posibilidades para los videojuegos libres, y estaria bien aprovecharla. El tiene ya algunos objetos para trabajar con el canvas, sprites, etc (http://github.com/jorgonor/jslash/) y yo hace tiempo comence un motor web en PHP (https://bitbucket.org/jhg/stf/ bajo licencia GPL y algunos fragmentos bajo licencia MIT) que aunque aun le falta la parte más importante para pdoer empezar a mostrar resultados, ya cuenta con clases para manejar archivos (normales, temporales y de configuración), pilas, colas, cache en servidor, y un objeto en Javascript para poder asignar varias funciones al evento window.onload que es una modificación de la función de Simon Willison (bajo licencia MIT), en la que en lugar de tanta recursividad uso un array.
Seria interesante que de este subforo de losersjuegos saliese un motor para juegos de navegador.
