Para este proyecto utilizamos el famoso personaje de Mario Bros, ya que es un excelente ejemplo para tener las bases para el desarrollo de juegos en HTML5.
Paso #1: Estructura HTML5.
■ Lenguajes de etiquetas bajo las especificaciones de HTML5.
Paso #2: Creación de estilos con lenguaje CSS3.
■ Uso de lenguaje CSS3 para los colores, bordes y demás detalles importantes.
Paso #3: Código JavaScript.
■ Utilizamos javascript para obtener datos de altura y posición del escenario de nuestra página web, adicional implementamos el uso de teclas para mover a nuestra personaje en la pantalla de nuestro juego.
Les dejo este vídeo donde explico en detalle el proyecto donde utilizamos el teclado para interactuar con el famoso personaje de Mario Bros.
¡Espero que les guste el proyecto! Te invito a que te des una vuelta por el canal de Youtube y también puedes visitar nuestro BLOG para ver más contenido interesante. Puedes contactar conmigo por correo electrónico, tenemos un repositorio en GitHub del proyecto con sus archivos HTML5, CSS y JavaScript, y así poder realizar las modificaciones necesarias y entender con más detalle el código utilizado.
Me despido como siempre, deseándote los mejor en tus proyectos.
Para dudas, comentarios y sugerencias me puedes contactar a: jair@cooltimedia.com