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 Github donde 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

Animación F1, click para verla HTML5 y CSS3 Hombre corriendo en 3D 3D Bricks Cubes Cara humana en HTML5 Agua y 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: Pong Asteroids Missile Command Super Breakout Lunar Lander Combat Centipede Yars’ Revenge Pero lo mejor de todo no son los juegos en si (al menos para mi ;)), sino que Atari Arcade es además una plataforma de juegos, en la que puedes desplegar tus propios juegos.
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 entrada nos 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

Tutorial: como programar un juego tipo "breakout" en HTML5

(haz click para jugar) Completo tutorial en inglés donde te explica paso a paso como crear un juego tipo Breakout (ladrillos), aquí tienes el enlace del juego final para probarlo. Es bastante sencillo pero es interesante para estudiarlo y aprender un poco más sobre la creación de programas en HTML5. Parte 1: Introducción a Canvas. Parte 2: Animación y entrada del teclado. Parte 3: Colisiones, puntuación y sonido. Autor, Aditya Ravi Shankar.
Leer más

Descargando la Wikipedia (en inglés) con una aplicación en HTML5

(Imágen vista aquí) Si por cualquier motivo necesitas la Wikipedia sin conexión a Internet, en esta web puedes descargarla. La versión pequeña ocupa 14MB y la grande 1GB. Además, en la web tienes un índice para buscar el artículo que quieras para luego bajarlo (más información en la web original) Visto en HackerNews.
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 Swiffy y subir el fichero en cuestión y luego incrustar el código generado en tu web dentro de un <iframe>.
Leer más

Pirates ♥ Daisies: el mejor juego en HTML5

Sin necesidad de plugin, java, etc y jugable bajo las plataformas Chrome 6+, Firefox 3.6+, Safari 5+, Opera 11, IExplorer 9 beta. La gente de Conceivably Tech dice que es el mejor juego en HTML5, segun pruebas de rendimiento, fluidez en equipos con pocos recursos, jugabilidad, calidad de sus gráficos y sonidos y su interfaz. Jugar: Pirates ♥ Daisies Link
Leer más