Entradas etiquetadas: HTML5

Creando juegos HTML5 con Phaser

Phaser

Como ya dije para mi CV online usé el framework de Phaser para juegos en Javascript. Por qué? y porque no.

La verdad que hay muchos tipos de frameworks diferentes y estuve ojeando unos cuantos pero en el fondo pasa como con todo, elijas lo que elijas con el tiempo te das cuenta que igual hubiera sido mejor elegir otro, así que tras mirar muy por encima unos cuantos me decanté por Phaser pues me pareció que tenía muy buena proyección, que tenía muchos ejemplos, tenía un foro, tenía documentación y era gratis :)

En la web de HTML5 Game Engines podemos ver un listado de frameworks con información variada sobre cada uno de ellos, si es gratuito o no, el tipo de licencia, la última actualización…

Una cosa a tener en cuenta es que cargaremos ficheros y por temas de seguridad para poder probar el juego en forma local deberemos tener un servidor web montado de forma local. No es complicado y ya lo he escrito en otro post. Así que vamos a escribir nuestro primer código.

Leer más »

Crear una vCard con Sass y Compass

Diseño Web

Teniendo que crear un diseño de una web para mi hermana me he puesto a buscar ideas por la web (un gran defecto que tengo porque miro y miro y miro y al final pierdo un huevo de tiempo en hacerlo lo mejor posible pero bueno)

La verdad que al final los favores dan más problemas que otra cosa que a mi me gusta la programación jaja pero bueno nunca viene mal aprender cosas nuevas así que me he propuesto aprender un poco de estos lenguajes raros para hacer css :D

Aquí aprovecharé para mostrar un tutorial que he encontrado por ahí de como crear una vCard para nuestra página web que he visto por el blog de hongkiat

Para no perder tiempo escribiendo (más bien copiando cosas de otros sitios) sobre sass y compass os dejaré un par de enlaces de referencia:

Presentación de Sass y Compass

Curso de Sass y Compass

Sass para aplicar en proyectos CSS y HTML5

Sass

Compass

 

Yo creo con los tres primeros enlaces queda más que comprendido lo que es esto de Sass y Compass. Los otros dos son enlaces de sus páginas en inglés.

 

Como bien pone en el artículo original la planificación en todo proyecto (no solo en sass) es primordial (algo que por cierto yo no suelo hacer y luego la acabo liando a ver cuando aprendo …)

Lo que primero debemos hacer es un wireframe de lo que queremos, en este caso será algo así:

vCard Wireframe

 

 

En este enlace podéis ver 10 herramientas gratuitas para realizar wireframes online.

Leer más »

Juego básico de Pong en HTML5

HTML5, Juegos

Esperando un poco al libro de symfony2 que está escribiendo Javier Eguiluz y que espero como agua de mayo me he puesto a mirar un poco el html5 y la posibilidad de realizar algun que otro jueguillo, el único libro en español que encontré era el de HTML5 Canvas que trata al final un poco el tema de juegos, pero ya sabemos como salen los libros traducidos… casi al doble de precio, por ello me he puesto a leer HTML5 games development by example a ver si soy capaz de terminarlo :)

En este juego lo que haremos será utilizar los elementos del DOM otra opción podría ser dibujar dinámicamente sobre la nueva etiqueta canvas que sería como un lienzo.

Para esto usaremos jQuery que podremos descargar desde su web cuya versión actualmente es la 1.7.1 y lo guardaremos en una carpeta llamada js donde tengamos nuestro html que en este caso llamare pong.html y le añadimos el siguiente contenido básico que es la estructura básica.

Leer más »