Remake de Super Mario Bros en HTML5 + Javascript

La combinación HTML5 + Javascript se ha convertido en una mezcla explosiva, la cual nos permite traer a nuestro navegador cosas impensables años atrás. Hemos visto como se ha portado juegos e incluso demos gráficas. En esta entrada os enlazamos a un repositorio de Githubdonde podemos encontrar el juego de Super Mario Bros escrito totalmente en HTML5 y Javasctript. El código fuente está bastante comentado, en caso de que te pique la curiosidad y quieras aprender algo del mismo.
Leer más

Animaciones espectaculares usando HTML5 y CSS3

Hombre corriendo en 3D3D BricksCubesCara humana en HTML5Aguay muchas más que puedes ver en este enlace. Realmente increíbles.
Leer más

Aprende HTML5, CSS3 y Javascript... mirando

Para mi la mejor forma de aprender es ponerse manos a la obra y hacer por uno mismo lo que tengamos que hacer. Pero antes de poder ponernos a hacer nada, por lo menos en temas de programación, uno tiene que leer un poco antes o por lo menos ver como otros desarrollan una tarea parecida a la nuestra. Desde mi punto de vista el leer sobre como funciona la plataforma o tecnología sobre la que vamos a trabajar es fundamental, pero también ayuda ver algún ejemplo.
Leer más

Clásicos de Atari jugables desde el navegador

Desde Atari Arcade, podemos jugar a 8 clásicos reescritos en HTML y Javascript, es decir, jugables desde el navegador (Chrome me dio problemas, pero con Firefox funcionan muy bien. Deduzco que IE también funciona bien, ni idea sobre el resto). Los juegos disponibles son:
Leer más

Mario 5 escrito en Javascript, incluye código fuente

Son muchos los juegos y otras aplicaciones que se han portado al navegador creando estos en Javascript. Especialmente desde que se liberó HTML5 y CSS3. Estas dos tecnologías junto con la potencia infravalorada de Javascript se pueden hacer cosas muy interesantes. En esta entradanos van explicando paso a paso la creación de este Mario 5, con trozos de código, HTML y CSS y sus correspondientes explicaciones. Además si eres capaz de entender y seguir el artículo podrás incluso fácilmente extender este mismo juego.
Leer más

Convierte Flash a HTML5

Esta es otra pequeña joya de Google llamada Google Swiffy. Este proyecto de Google Labs nos permite convertir ficheros SWF (Flash) en código HTML5. Dicha conversión la hace usando SVG, que actualmente sólo es soportado por navegadores basados en Webkit, como son Safari y Chrome. Por lo tanto para poder ver el resultado de la conversión necesitarás uno de estos 2 navegadores. Para convertir una fichero SWF sólo tienes que visitar Google Swiffyy subir el fichero en cuestión y luego incrustar el código generado en tu web dentro de un <iframe>.
Leer más