Burdjia

Mi web apesta... un poco, sólo

10/7/2014 11:17 AM por Guillermo Martínez J.

Web Pages That Suck es una web que existe casi desde los albores de la World Wide Web.  Concretamente lleva dieciocho años mostrando las vergüenzas de la web al mundo.  Como os podéis imaginar, en todo este tiempo ha habido mucho que enseñar, y cada semana aparecen nuevos candidatos.

Claro, uno visita Web Pages That Suck y ve que, efectivamente, las páginas que airea son horrendas, estridentes, difíciles de usar...  Y al rato empieza a surgir una duda, un temor: ¿Apestará, también, mi web?  ¡Por supesto que no!  Anda que no te lo has currado buscando colores, pegándote con el CSS, programando las plantillas y evitando esas cosas que hacen que las webs apesten como el Flash y JavaScript (y a su profeta, JQuery).  Sólo apestan las webs de los demás, evidentemente.

Hasta que un día te das cuenta de que, justo debajo de la cabecera, hay un enlace que dice Web Design Checklist y piensas Mi web se la pasa, con algún fallito, vale, pero sin problema.  Y te lanzas a leer con la bizarría de un quinto de Flandes para darte cuenta, al rato, de que puede que tu web apeste más de lo que pensabas.  ¡Vaya por Bob!

Cuando te das cuenta de que tus páginas apestan, tienes un momento de pánico.  Luego te relajas al darte cuenta que, al menos, el fondo es blanco y no parece sacado del difunto Geocities, pero hay algunas cosas que cambiar y mejorar.

Esto es, precisamente, lo que me ha pasado.  Ahora sólo queda reducir la lista y corregir los fallos.

Categorías: Artículos, Web

Etiquetas: Diseño

Ludum Dare 29 - Beneath the Surface post mortem

7/5/2014 11:20 AM por Guillermo Martínez J. + 2 comentarios

Como ya pasó antes, debido a diversas razones vuelvo a llegar tarde al anuncio de un importante evento: Ludum Dare.  Sin embargo, a diferencia del anterior, esta vez sí he podido participar.  A continuación, un pequeño post mortem del concurso y el proyecto, con una semana o así de retraso.

Preparación

La verdad es que no hubo ninguna.  También había normas globales y normas específicas, pero no quise adelantarme porque tampoco tenía muchas cosas que probar, no como en el anterior PGD Challenge.

Planificación

Con un plazo de entrega de 48 horas no hay mucho tiempo para planificar, la verdad, pero algo se hizo la mañana del sábado.

El tema del concurso fue Beneath the Surface.  Nada más enterarme tuve la idea de hacer una nueva versión de un viejo juego de Spectrum, cuyo nombre no recuerdo, en el que manejas un pequeño submarino dentro de un barco buscando el tesoro.  Aunque estuve buscando otras ideas, esta es la única que cuajó, así que seguí adelante.

Un fallo que tuve aquí es que asumí que iba a escribirlo todo, sin reutilizar nada (salvo Allegro.pas), hasta que caí en la cuenta de que el motor del juego de demostración de Allegro.pas podría considerarse como un middleware.  Eso me hizo perder algo de tiempo, pero tampoco fue tan malo.

Desarrollo

Me persigue un pulpo. Y yo buscando sombrero.

El desarrollo fue muy bien, a pesar de alguna metedura de pata.

Al tema de reutilizar el motor del juego de demostración de Allegro.pas hay que añadir que tuve que re-escribir el generador de mapas dos veces.  La razón, que comencé a partir de un ejemplo de generación de laberintos que usaba una estructura muy diferente a la que había preparado yo.  Eso sí, al menos me sirvió para tener muy claro un par de métodos para generar mapas aleatorios.

Una curiosidad: Hay dos tipos de habitantes en el barco, los pulpos y los peces de colores.  Aunque parezca que se mueven de formas muy diferentes, la verdad es que ambos usan un método muy similar.  Es más, primero escribí el método de los peces, y cuando empecé con los pulpos copié ese mismo método, le cambié la velocidad e hice que cuando decidiera cambiar de dirección persiguiera al jugador.  El resultado me ha sorprendido mucho.

Finalmente, para los gráficos, tomé como base la paleta de colores del MSX, y los realicé como si fueran para este sistema.  De hecho podría utilizarse sin problemas en él, porque no hay conflicto entre los atributos de color... salvo en un pequeño detalle:  El pebetero de la vela tiene un pequeño saliente que sí crearía un pequeño problema.

Los sonidos se generan al vuelo.

Conclusión

Aunque no tiene todos los elementos que hubiera deseado, he terminado el juego y he podido poner a prueba algunas herramientas que he desarrollado últimamente, así que estoy muy satisfecho con el resultado.

La verdad es que el juego se merece una revisión y un pulido para dejarlo en condiciones, pero tendrá que esperar.  Entre otras cosas, tengo que preparar un apartado donde poder poner todos los prototipos desarrollados en los concursos para tenerlos ordenados y disponibles, que ya van siendo unos cuantos.  Por ahora os podéis descargar este juego, compilado para Windows y con el código fuente completo incluido, desde aquí.

Categorías: Allegro.pas, Concursos, Piopio, Videojuegos

Etiquetas: Pascal, Ludum Dare

Ingenieros incomprensibles

1/4/2014 12:16 PM por Guillermo Martínez J.

Hay ocasiones que no entiendo muy bien qué pasa por la mente de los ingenieros informáticos.  A veces hacen cosas rarísimas, subterfugios incomprensibles, complicándose la vida a ellos y a los demás.  Supongo que serán los porsiacas, esos trozos de código que pones por si acaso lo necesitas, pero que en el 99'99% de las ocasiones no hacen otra cosa que ocupar espacio y complicar el código, porque nunca lo necesitas.  O tal vez sea el Si algo funciona, no lo toques aunque haya salido una versión más nueva y más mejor.  O quizá sólo sea que tienen una mente retorcida y aviesa.

Por ejemplo, el otro día estoy leyendo un artículo en una web, el cual tiene un vídeo inclustado.  Sin embargo, resulta que en vez del vídeo se ve un rectángulo negro.  Vaya.  Abro las propiedades de Gnash y me encuentro con esto:

¿Problemas con el vídeo?  No: Problemas con Flash.

Me encuentro con que usa la versión 2 de la máquina virtual de Flash.  Lo curioso del caso es que se trata de un vídeo de YouTube, y esos vídeos he podido verlos sin problemas siempre.  Así que copio el identificador del vídeo, voy a la página de YouTube, busco y encuentro el mismo vídeo, el cual puedo reproducir sin ningún problema.  Así que abro las propiedades para asegurarme de que se trata del mismo vídeo, y ver si existe algún parámetro diferente en ambos casos.  Esto es lo que me encuentro:

¿Problemas con el vídeo? No, ¿y con Flash?  Tampoco

Veamos, una persona ha escrito un programa en Flash para reproducir vídeos, y lo ha hecho de forma que que si se ejecuta dentro de la página de YouTube usa la versión 1 de la máquina virtual, mientras que si lo hace fuera de YouTube usa la versión 2.  ¿Por qué?  ¿Qué objetivo tiene ese comportamiento?  ¿Qué ventajas tiene?

Se me ocurren varias razones por las que suceda esto y ninguna me parece buena.  La más lógica es que haya dos reproductores diferentes, uno para usarlo dentro de YouTube y otro para usarlo fuera.  Esto me parece incluso lógico, para que dentro de YouTube pueda comunicarse con la web, pero aun así, ¿por qué uno usa una versión y el otro otra?

Lo dicho:  no entiendo muy bien lo que pasa dentro del cerebro de los ingenieros informáticos.

Categorías: Artículos, Programación, Web

Etiquetas: Adobe flash, Ingeniería software

GameJam 2014

16/1/2014 17:43 PM por Guillermo Martínez J.

Voy a ser sincero:  Acabamos de enterarnos.

El fin de semana del 24 al 26 de Enero tendrá lugar el Game Jam 2014.  Se trata de uno de esos concursos que duran un fin de semana.  Aunque en realidad no es tanto un concurso, sino más bien una posibilidad de juntarse, de aprender y de enseñar cómo hacer videojuegos.

Cuando comenzamos con este proyecto (me refiero a Burdjia.com) me había hecho a la idea de organizar una de estas Game Jam en plan iniciación, para aquellos burgaleses que tuvieran curiosidad sobre las interioridades de los videojuegos.  Por desgracia, he llegado tarde así que no puedo participar.  De todas formas, aquí tenéis la lista de todos los Game Jams organizados en España, por si os interesa.

A ver si ando más atento y no se me pasa el próximo evento, me da tiempo a prepararlo y aviso con tiempo.

Categorías: Concursos, Eventos, Programación, Videojuegos

Etiquetas: Game Jam

Busca las diferencias

16/12/2013 20:04 PM por Guillermo Martínez J.

Entre las muchas herramientas de ayuda al desarrollo de páginas y aplicaciones web, hay una que te muestra una representación tridimensional de la página.  Esta representación muestra las capas que existen en el diseño de la página, la estructura interna del documento HTML, los nodos y etiquetas.  Usando esta herramienta se puede ver más fácilmente algunos fallos de diseño, como etiquetas de cierre olvidados, y también problemas potenciales, como un exceso de capas que ralentizan tanto la carga como la visualización de la información.

Sirvan de ejemplo estas dos páginas, la de una conocida red social y la de una web amiga.  ¿Cuál creéis que será más propensa a tener problemas?

Webs 3D

Por cierto, si a alguien le interesa esta herramienta, se trata de una de las que vienen incluidas en la extensión Desarrollador Web de Firefox.

Categorías: Artículos, Herramientas, Web

Etiquetas: HTML

Entradas anteriores |

Buscar

Categorías

Etiquetas

Fechas

RSS