Bueno, finalmente tengo una versión del juego que diría 100% terminada.

Si bien no está totalmente terminada, la dejo acá, no hago más. Si bien quise agregarle sonido, aparentemente las APIs de Windows más comunes como la WinMM y su mciSendString, así como la PlaySound no me funcionaron del todo en Windows Vista, así que dejé el juego sin sonido. Si bien podría haber usado DirectSound para esto, no me pareció muy interesante tener que descargar cientos de bytes para jugar un juego de 240 KB.

En fin, cambien el tema del uso del mouse, por el uso de las teclas, A, S, D, W para moverse, y N, M para las burbujas y las píldoras.

Como podrá notar, si lo juegan, claro, que el personaje tiene un efecto de "nado" cuando se mueve que ahora lo hace un poco mas real.

En definitiva, acá el link: http://cid-44a6f6b3589906f1.skydrive.live.com/self.aspx/Public/GhostAttackRemake.zip

Pretendo publicar el código fuente en breve.

Bueno, para hacerla corta, ya saben lo de la conferencia, y por otro lado, sigo con el drama del sonido. Pero preferí dejar este tema para el final, y mejorar un poco el juego como para hacerlo un poco mas entretenido.

Así que acá hay unas nuevas capturas de pantalla, y la dirección para bajarlo.

Para bajar: http://cid-44a6f6b3589906f1.skydrive.live.com/self.aspx/Public/GhostAttackRemake.zip

La captura de hoy:

Lo que fuera el contador de niveles, ahora paso a ser un "Drop-A-Pill-Pack", o sea, que con el OTRO botón del mouse, tiramos las píldora, y los fantasmas se hacen comestibles.

Con el botón normal, siguen las burbujas en juego.

Si alguien me lee, y lo bajo y jugó, que opine , tengo que mejorarlo un poco más, pero hoy ya estoy cansado.

Como ya había comentado, la competencia sigue en funcionamiento y por mi lado decidí actualizar un poco más el juego que publiqué.

Le agregué un par de gráficos más, y un poco más de "jugabilidad". En este caso, cuando estás en el juego puedes lanzar unas burbujas que detienen a los fantasmas momentáneamente. Así el juego se torna un poco más interesante.

Aún tengo un problema con el sonido, ya que la DLL Winmm.dll con C# y Windows Vista no se ha estado comportando como esperaba, así que tendré que ver otra posibilidad que no consuma mucho espacio y acreciente el tamaño del juego.

En fin, aquí las nuevas pantallas.

Descargas: Ghost Attack

Bueno, eso, que se lanzó la competencia de desarrollo de video juegos gracias a la gente de ADVA.

Y por supuesto, dentro de este concurso, una de las categorías es el desarrollo de juegos con ciertas particularidades, así que como esto es algo que vengo persiguiendo desde hace mucho tiempo, pretendo participar, y justamente, aquí esta el primer experimento.

Este experimento es sólo una "remake" de mi regalito navideño, pero con las condiciones del concurso. Por otro lado, como se pueden presentar más de un proyecto, no sólo mejoraré el ya presentado, sino que aun hay tiempo para uno que estoy maquinando

En todo caso, aquí unas imágenes del juego:

 
La pantalla de inicio – Dar un click para jugar.

 
Ahora tenemos un lindo contador de niveles (Derecha abajo)

Y por supuesto, una muerte mas detallada. (Para volver a jugar, click con el mouse)

A ver quien más se mete en este interesantísimo proyecto y propuesta por parte de ADVA.

Para descarga esta versión, hacerlo desde la carpeta pública de SkyDrive.

Básicamente eso, una vez más el programa de capacitación gratuita para estudiantes universitarios (y estudiantes en sí) se está moviendo, esta vez en Córdoba.

Si bien, hace ya unos años atrás, podría decir que inauguré las Células en Santa Cruz (Bolivia), no había podido hacerlo aquí, en Argentina. Pero ahora, nuevamente, tengo el honor de poner en marcha este programa de Microsoft y tratar de darle energías para que salga adelante.

Aunque debo confesar que todo el trabajo lo hacen los estudiantes involucrados. Por este motivo digo que tengo el HONOR (Con mayúsculas), ya que es en estos lugares donde puedes encontrar gente con ganas de salir adelante, y de aprender sin barreras, sin límites, sólo por el gusto de hacerlo, y que al mismo tiempo, tienen ganas de pasar la posta a los otros que vendrán, generando un círculo de aprendizaje/enseñanza sin miramientos. (Me fui muy de mambo?)

Definitivamente, no creo estar exagerando al decir lo anterior, ya que es común ver como, aquellos que creen saber todo, menosprecian a los que están surgiendo, tildándolos de haraganes, vagos, o simplemente desinteresados por todo, pero en realidad, esos solo tratan de justificar su falta de acción y facilismo al no querer dejar surgir, o al justificarse en su inacción.

Me refiero a que se dicen muchas cosas de los que se están tratando de hacerse un lugar, se les ponen cientos de barreras, simplemente se les pone el pie arriba para no dejarlos hacer y luego se dice que ellos no quieren hacer o no tienen voluntad, pero es totalmente los contrario cuando se les da una pizca de oportunidad (Bueno, ya me fui de mambo de verdad)

En fin, espero que esto solo sea el principio, y como pasó en Bolivia, algo que costó terminó por expandirse y persistir.

No será de extrañarse que dentro de poco, ellos estén dando conferencias técnicas

Hace unos días volví a ver una herramienta para desarrolladores Web (Y diseñadores Web) excelente. Si bien en algún momento del pasado ya la había usado, simplemente se me había borrado de la cabeza.

En todo caso, supongo que esta es una nueva versión, o algo totalmente diferente de lo que alguna vez usé.

A continuación trataré de hacer un breve paso a paso descriptivo de las bondades de esta herramienta.

La utilidad.

Muchas veces, los desarrolladores Web, nos encontramos con comportamientos extraños en nuestras páginas Webs, atribuidos a objetos que no se quedan en el lugar que queríamos, o tipos de letras que no se ven como esperábamos, imágenes que no se ven, o scripts que no funcionan.

Salvo excepciones, o herramientas muy específicas, las que analizan el código fuente de la página o depuradores que saltan con alertas cuando el error ocurre, el trabajo suele ser artesanal. Digo artesanal, ya que constantemente nos vemos forzados a modificar un par de líneas en el HTML, guardar el archivo en cuestión, volver al navegador, recargar la página y ver si el problema se solucionó. Esto puede ser simple con poco código, pero a medida que las líneas se van sumando, el código por detrás se hace más complejo, los lapsos de espera, entre prueba y error, se hacen más largos, aburridos y agotadores.

Justamente, esto me sucedió hace unas semanas cuando trataba de encontrar porque una fuente variaba su tamaño, donde, las líneas HTML eran generadas dinámicamente con JavaScript en el cliente. En definitiva, no habían muchas posibilidades de ver el código resultante para inspeccionar el comportamiento de la página. Así que el Internet Explorer Developer ToolBar salió al rescate.

Haciendo un poco con todo esto.

Lo primero que podemos ver en esta herramienta es la facilidad con la que podemos analizar una página Web, desde como esta construida, hasta modificarla a gusto, para luego aplicar los posibles cambios (Por nuestra cuenta, ya no con la herramienta) en nuestra página.

Tomemos como ejemplo a nuestro conocido buscador Google (Debería decir Live Search).

Una vez en el sitio Web en cuestión, o en la página Web (Podría ser una página de nuestra autoría), podemos inspeccionarla, analizarla, y claro, modificarla.

Lo primero que notaremos de nuestra IE Developer ToolBar es el menú de opciones y 3 paneles principales.

El menú.

Si bien tenemos grandes cantidades de opciones disponibles, nos concentraremos en algunas, que a mi entender son las que me dieron mayores gratificaciones.

El primero de los ítem del menú, es la posibilidad de seleccionar un elemento de la página con sólo hacer un click sobre este , este también lo encontramos desde el menú "Find". Con él simplemente seleccionamos cualquier elemento de la página para poder ver sus propiedades.

Seleccionamos la imagen "Google"

Si bien esta única opción puede ser una de las más poderosas, podemos encontrar bajo el menú "Outline" otra de las grandes ayudas de la herramienta.

Esta opción nos otorga la posibilidad de visualizar independientemente las diferentes secciones de la página, como Tablas, Celdas, y otros elementos que normalmente no son visibles pero que sirven para darle estructura a toda la página.

Outlines activados.

Paneles

Siguiendo el proceso, una vez seleccionado un elemento podemos "auditarlo" desde los paneles inferiores. Contamos con 3 paneles, el primero nos muestra un árbol con la estructura HTML de la página, y la posición, dentro de ese árbol, del elemento seleccionado.

Posición de la imagen en el árbol HTML

El segundo panel, nos muestra las propiedades del elemento seleccionado. Como por ejemplo, estilos aplicados (Colores, posición, etc.) Este panel tiene la particularidad de que aquí, podremos editar el elemento seleccionado para "ver" como se vería (valga la redundancia) con los nuevos valores aplicados.

Este es el caso de la imagen más abajo, donde con algunas pocas modificaciones podemos ver como quedaría el navegador Google con el logo de MSN Live.

Google modificado

Finalmente, el tercer panel nos muestra los estilos generales que hereda el elemento seleccionado. Ya que el elemento puede tener estilos propios, también podría haber heredado algunos a nivel global o de ramas superiores del árbol donde se encuentra.

Tercer panel. Muestra elementos globales

Finalizando

Con conclusión rápida puedo decir que esta herramienta puede salvarnos de grandes inversiones de tiempo a la hora de encontrar esas fallas visuales en nuestras aplicaciones Web. Pudiendo modificarlas mientras analizamos el código resultante, para luego poder aplicarlas a nuestro código.

Otro dato interesante es que lo instalé en un IE 7 con Vista, y en un IE 6 con XP, y en los dos casos funcionó perfectamente.

Como puntos a mejorar, creo que sería excelente el poder por ejemplo, mover elementos arrastrándolos (No lo pude hacer), y si bien es posible guardar los cambios generados, sería de terrible ayuda poder enlazar estos cambios directamente con nuestro código real, una forma de conseguir cambios de la manera más visual posible. Claro está, que esto último muchas veces depende del código que pudiera generar el código de nuestras páginas, pero seguramente algo se podría lograr, alguna mejora por ahí.