Archivo de Etiquetas: juegos


Pacman en CSS

Captura de pantalla del Pacman original

Captura de pantalla del Pacman original

¿Quién no conoce el Pacman? ¿Quién no ha jugado alguna vez a este juego? El típico comecocos, comebolas, o como queramos llamarlo.

Hace ya algunos años desde que su creador, Toru Iwatani, creara un buen día al comecocos mientras contemplaba una pizza a la que faltaba una porción, allá por el principio de los años 80.

Estamos en el 2008 y es increíble ver cómo evoluciona la informática y la diferencia entre:

Antes: Para jugar al Pacman necesitabas desplazarte a los recreativos, o al bar de tu barrio y gastarte el dinero para poder echar una partida (esto en sí tenía su emoción, ya que intentabas por todos los medios no morir y cuando sólo te quedaba tu última moneda, lo que te jugabas en esa máquina no eran pixeles, aquello eran vidas de verdad)

Ahora: Puedes jugar al pacman en casi cualquier sitio, desde “consolas” de 1€ en la tienda de los chinos, en tu móvil, en el ordenador (ya sea mediante Flash, software o emuladores), etc..

    Pero si aún no era bastante con la cantidad de ports que se han realizado del Pacman ahora Román Cortés ha creado un Pacman utilizando sólamente CSS y Javascript, como comenta en su blog:

    “Pacman CSS no usa imágenes, sólo arte CSS vectorial y redimensionable compuesto de cientos de caracteres de la fuente Verdana, y código javascript para la animación y el juego. Ocupa menos de 9kb descomprimido (y menos de 3kb con zip).”

    Pacman realizado con CSS y JavaScript

    Pacman realizado con CSS y JavaScript

    La verdad es todo un logro, cuando veo las cosas que se pueden hacer con CSS no dejo de acordarme de algunas webs que todavía basan su diseño en tablas coloreadas a la antigua usanza (<table bgcolor=”#F2C342″…)

    Puedes echar un mini-vicio entrando en el post del juego, aunque te aviso, (¿todavía?) no es un Pacman 100% operativo, por ejemplo los fantasmas no te hacen daño, y las cápsulas grandes no sirven para nada, pero merece la pena jugar a un Pacman creado completamente con fuentes.

    Si quieres saber más sobre Pacman:

    Lo leí en: PuntoGeek – Pacman creado totalmente en CSS
    La web del autor del juego: Román Cortés

    Powered by WordPress | Theme: Motion by 85ideas.