Realizar el efecto ha sido relativamente fácil gracias a los consejos de Agustín Rosso para realizar efectos de Pixel Shader con XNA. Poder ver el ejemplo y analizarlo para poder realizar proyectos propios ha sido de gran ayuda y sin duda se merece mi reconocimiento.

Pero no todo ha sido tarea sencilla. Quería que el efecto estuviese incluido en la librería y así evitar que se tuviese que incluir el efecto en el proyecto y que su funcionamiento fuese lo más trasparente posible. Y es aquí donde surgieron los problemas. No he trabajado mucho con librerías y el incrustar archivos en una librería era sin duda la mayor dificultad para conseguir mi objetivo. Para ello seguí los consejos de Keith Elder para incrustar archivos en una librería y trabajar con ellos.

Así pues paso a explicar las partes más importantes para crearla:

Para que no se tuviese que incluir el efecto en el Content para que se compilara a .XNB había que incluir el efecto ya compilado a la librería y así no habrá problemas al respecto. Una vez incluido hay que marcarlo como recurso incrustado para que no se cree el archivo sino que quede dentro de la librería y se pueda trabajar con ella sin que el usuario tenga constancia de su existencia.

El siguiente paso es recuperar el archivo y trabajar con el efecto para incluirlo en el Content de proyecto XNA. Para ello se recupera el archivo del Assembly y se crea el archivo en la carpeta del Content para así cargarlo.

//FadeOut.xnb está como incrustado y lo cargamos así
System.Reflection.Assembly asm = System.Reflection.Assembly.GetExecutingAssembly();
System.IO.Stream strem = asm.GetManifestResourceStream("FadeOutLib.FadeOut.xnb");
Byte[] buffer = new Byte[strem.Length];
strem.Read(buffer, 0, (int)strem.Length);
//Una vez cargado lo guardamos en el directorio Content
if (File.Exists(Game.Content.RootDirectory + @"\FadeOut.xnb"))
File.Delete(Game.Content.RootDirectory + @"\FadeOut.xnb");
File.WriteAllBytes(Game.Content.RootDirectory + @"\FadeOut.xnb", buffer);
//Cargamos el archivo en el Game.Content
this.effect = Game.Content.Load("FadeOut");

Una vez explicado el proceso básico de la librería explicaré como se utiliza en el proyecto XNA:

La librería es un GameComponent y se trabaja con él como tal. Pero antes de crear la instancia hay que compartir como Service el SpriteBatch que utilizamos para el dibujado.
// Create a new SpriteBatch, which can be used to draw textures.
spriteBatch = new SpriteBatch(this.GraphicsDevice);
Services.AddService(typeof(SpriteBatch), spriteBatch);
Ahora ya podemos crear la instancia y agregarla a los Components del juego dentro del método Update().
if (bFadeOut)
{
bFadeOut = false;
List logo = new List();
List iTime = new List();
logo.Add(this.Content.Load(@"images/xna-logo"));
iTime.Add(2000);
logo.Add(this.Content.Load(@"images/151_Logo"));
iTime.Add(2000);

if (GamePad.GetState(PlayerIndex.One).Buttons.Start == ButtonState.Pressed ||
gFadeOut != null && gFadeOut.bEnd)
{
this.Components.Remove(gFadeOut);
gFadeOut = null;
color = Color.Black;
}
Como se puede observar se le indica el tiempo que dura el efecto (iTime) por cada imagen que deseemos incluir en el trascurso, el tiempo de duración de la imagen en pantalla sin efecto y tipo de “Fade Out” (blanco o negro). Sólo recordar que el fondo del juego debe ser el mismo que el del efecto.

Podéis descargar: la librería | código fuente

Este es el nuevo proyecto que tengo entre manos. Es un proyecto que no se bien aún como enfocarlo pues tengo pensadas muchas opciones, muchas variaciones en el planteamiento del juego si hay algunas cosas claras :D

Se trata de un juego sonocromático en el que se prentende dar una visión del las personas que tienen acromatopsia y de este modo no solo quiero que se entienda su forma de vida sino que sea de un modo divertido.

Como bien deducimos por el título se trata de un juego tipo Space Invades en el que se mantendrán muchísimas similitudes.

De momento, y sin querer entrar en mucho detalle, actualmente el desarrollo es lento y tortuoso pues estoy siguiendo un viejo nuevo libro de desarrollo que lo hace todo distinto y estoy aprovechando este proyecto para ir siguiendo los pasos que marca pero aplicándolos al proyecto.

Así pues, si queréis seguir el tortuoso proyecto disponéis del código fuente en hithub con una licencia CC-NO-SA de creative commons :D

Uno de los aspectos que esta haciendo que me sienta satisfecho con el nuevo proyecto que llevo entre manos es el resolver ciertos problemas que me parecian complicados.

Uno de ellos sin duda se trata de mantener el aspect ratio de la pantalla para que la imagen no se viese distorsionada.

Cuando estuve desarrollando Wonderwall me di cuenta que si jugabas a pantalla completa en pantallas panorámicas la imagen se estiraba para llenar toda la pantalla perdiendo de este modo las proporciones que le había dado.

Pues bien, este problema se puede solucionar a través de una sencilla matriz de transformación que se aplicará al SpriteBatch de modo que cuando dibuje en pantalla la matriz transformará todos los elementos haciendo que conservar el aspect ratio.

Vamos a ver como quedaría la cosa:

Matrix transform = Matrix.CreateScale(ASPECTWIDTHRATIO, ASPECTWIDTHRATIO, 1) *
Matrix.CreateTranslation(0, (VIEWPORTHEIGHT / ASPECTHD) / 4f, 0);

donde ASPECTWIDTHRATIO es el ancho de la pantalla que deseamos que tenga dividido el ancho real de la pantalla. VIEWPORTHEIGHT es la altura real de la pantalla y ASPECTHD es 16/9 (widescreen).

De este modo conseguimos que la matriz escale la imagen al ancho que queremos (en este caso, pero si pusiéramos que escalase al alto que deseamos seria cambiar ASPECTWIDTHRATIO por un ASPECTHEIGHTRATIO y listo) manteniendo la distancia en eje Z (el 1 del primer paréntesis hace referencia al eje Z) y lo multiplicamos por una matriz de traslación para centrar la imagen en la pantalla.

Y ya solo queda añadirla al SpriteBatch al iniciar el método Begin tal que así:

spriteBatch.Begin(SpriteSortMode.BackToFront, BlendState.AlphaBlend, null, null, null, null, transform);


Mientras Wonderwall DX sigue su curso interno que no es otro que estar en hiatsu mientras terminos unos quehaceres he encontrado unas utilidades muy muy interesantes que tengo previsto utilizar para la creación de este juego.

Se trata de un plugin de GIMP, que ayuda mucho muchísimo el trabajo de la creación de texturas, y GraphicsGale, un programa para crear sprites en movimiento realmente interesante en la que resulta muy eficiente trabajar. Pero vayamos por partes.

Texturize, el plugin en cuestión de GIMP, permite crear grandes texturas de una muestra pequeña. De este modo, creando una pequeña textura final, podemos lograr una gran textura útil.

Además permite que la opción de que esta textura se cree formando una malla de modo que todos los laterales tienen una continuación escojas el tamaño que escojas (siempre que sea multiplo del tamaño de la imagen si no me equivoco).

Un gran plugin con el que crear mapeados para los que no tenemos tanta gracia seguro que nos viene niquelado.

Por otro lado GraphicsGale, la otra gran herramienta, es un sencillo editor de imágenes que permite trabajar por capas en las que, como en otros programas como Toon Boom, puedes ver el frame anterior y posterior para facilitar enormemente la creación de sprites.

GraphicsGale dispone de dos versiones, una de pago y otra gratuita. Por suerte la gratuita nos viene más que de sobras para crear nuestras mallas con los sprites pues crea una imagen de todos los frames del sprite creando una maya perfecta para nuestros juegos.

Si no es suficiente por un módico precio podrás crear animaciones gif, importar videos avi para editarlos y muchas otras pequeñas opciones. Para mi por lo menos, la free edition es niquelada otra vez.

Y esto es todo de momento. A falta de sacar tiempo de algún lado para volver a Wonderwall DX e ir definiendo más profundamente el juego, espero poder poner pronto los primeros esbozos definitivos de como será la nueva versión ya con más detalle junto con la documentación asociada.

Mientras tanto siempre se puede encontrar algo que nos ayude.

Tras haber realizado de manera satisfactoria Wonderwall uno se plantea que cambiaría, de que modo haría las cosas, que te gustaría hacer y entonces piensas que Wonderwall ya no se ajusta a lo que tu deseas hacer y piensas en rehacer el trabajo pero modificaciones tan severas no lo veo apropiado. Es por eso que empiezo un nuevo proyecto: Wonderwall DX.

Wonderwall DX será un nuevo juego en el que pretendo hacer fuertes cambios organizativos, de enfoque y muchas, muchas novedades. Tengo intención de reciclar tanto código como me sea posible aunque es posible que haga algunos cambios de camino.

Así pues algunas de las especificaciones que busco:

• Resolución de 720P.
• 4 jugadores simultaneos.
• Juego online.
• Menú gráfico.
• Integración mando Xbox360.
• Compatible con TileMap Creator.
• Multi-lenguaje.

El querer reciclar ciertas partes de Wonderwall me obliga a cambiar la resolución y pasarme a resoluciones HD. Como no deseo modificar el tamaño de las figuras donde cada bloque es de 20×20 pixels y deseo hacer varios jugadores simultaneos no queda más remedio que aumentar la área de trabajo.

Más adelante ya iré comentando poco a poco como será el nuevo Wonderwall DX.

Pese a que hace un tiempo comente que no añadiría ninguna mejora a Wonderwall debido a que consideraba su desarrollo finalizado y que solo me dedicaría a corregir bugs vuelvo para añadir una pequeña mejora con la que si doy ya completamente finalizado el proyecto.

Esta pequeña mejora permite cambiar de pantalla compelta a modo ventana en cualquier momento durante la partida o antes en las opciones donde se guardará como configuración predeterminada.

Además, una vez presentado el PFC pongo a disposición de todos el mismo que cuenta con el UML de la beta6 y cierta documentación. Junto con ello, adjunto también el código fuente de Wonderwall v10.5.27.5 para todos aquellos interesados en ver sus entrañas.

Por otra parte comenta que desde la versión 10.5.27.3 puede que no se actualice a las últimas 10.5.27.4/5 debido a un cambio de nomenclatura. Recomiendo la instalación manual de la última versión.

Los controles por defecto en esta versión son:
>Movimientos(*):
–Flecha arriba: caída instanea.
–Flecha abajo: abajo.
–Flecha izquierda: izquierda.
–Flecha derecha: derecha.
>Space: rotación .
>Enter: reservar pieza.
>Escape: Exit.
>Backspace: retroceder.
>P: pause.
>F1: Quitar/Poner música.
>F2: Quitar/Poner efectos sonoros.
>F3: Activar/Desactivar reproducción WMP.
>F4: Bajar volumen.
>F5: Subir volumen.
>F6: Reproducir canción previa.
>F7: Reproducir siguiente canción.
>F11: Full Screen.

*No esta permitido movimientos diagonales.

|Descargar Juego| |Descargar PFC| |Descargar Source|

Se ha publicado una nueva revisión de la versión 10.5.27 con la que se corrige el mal funcionamiento de la música. Sucedía en los cambios de canción en los que se tenía que cargar la canción y se producía un tiempo de bloqueo en el que el juego que quedaba paralizado.

Se ha corregido cargando directamente todas las canciones para evitar lag en las cargas con la consiguiente pequeña subida de consumo de ram llegando a los 70MB durante el juego.

|Descargar|

Vuelvo a la carga con Wonderwall aunque esta vez con poca cosa entre manos y es que Wonderwall está en un estado del que ya poca cosa se puede hacer sin hacer un gran cambio.

La pequeña actualización ajusta el tiempo de eliminación al hacer linea y cambia el color a la pieza gris. De este modo se diferencia de un modo más explicito y crea un conjunto más uniforme.

Esta será la última actualización intencionada que se realizará a Wonderwall ya que voy a iniciar un nuevo proyecto. Así que espero que disfruten del juego y si hay se encuentran cosas para cambiar se hará el mantenimiento oportuno.

Como comente hace un tiempo voy a ir publicando además de mis proyectos y tutoriales sobre creación de juegos, mis pequeños programas.

Es por ello que empezaré esta nueva vida para el blog con un pequeño script en Shell Script para la descrompresión de archivos rar de toda una carpeta a otra sin tener que preocuparse.

El Script no es recursivo y se puede descomprimir en la misma carpeta.

A continuación el script y su descarga:

#!/bin/bash
#AUTOR: Jorgrallo
#WEB: http://redcatdev.wordpress.com
#CONTACTO: jorgrallo@gmail.com

if [ $test2 -eq 1 ]
then
for i in *
do
unrar e -c- -o- "$i" . > /dev/null 2>&1
done
echo "Descomprimido OK!"
fi
fi
fi


|Descarar|

Creo que es importante crearse una imagen de lo que quieres representar y Red Cat Development no tenía una identidad clara, más bien solo era un nombre.

Es por esto que he creado el logotipo que identificará mis proyectos, al blog de desarrollo y todo lo que al final tiene que ver con el software que cree.

Como se puede ver, habrá 2 logos distintos:

• “Red Cat: Development” es el logo de este blog y representa todos los trabajos de documentación, tutoriales, diseños, etc.
• “Red Cat” es el logo que se utilizará en el software y repensenta la entidad por decirlo de algún modo, porque esto no es una empresa xDDDDDDDDDDD

Creo que representan la filosofía pixel art que quiere intentar emprender y es algo para mi importante recalcarlo :P

Así pues, a partir de ahora el blog pasará a llamarse Red Cat: Developmets y reflejará que aquí es donde trataré otros aspectos del sofware ^^

En fin, nada más por el momento ;)