Ex - Comunidad de Programadores, Nuevo Leon

Glosario:

Per-pixel Colision: Es un tipo de colisión que se basa en la información que obtiene de los canales alpha de las imagenes. Cuando dos pixeles no-alfa se sobreponen, ahi existe una colisión. Este tipo de detección de colision es la ideal cuando se tienen pocos sprites y además pequeños.
Color[]: Es una estructura que representa un color utilizando la información de los canales RGB y Alpha.
Texture2D.GetData: Copia la información de los pixeles de una textura, en un arreglo.
Math.Max: Función que regresa el número mayor entre dos enteros de 32 bits con signo.
Math.Min: Funcion que regresa el número menor entre dos enteros con signo de 32 bits.
Rectangle.Top: Regresa la coordenada Y de la parte mas alta del rectangulo.
Rectangle.Bottom: Regresa la coordenada Y de la parte mas baja del rectangulo.
Rectangle.Left: Regresa la coordenada X de la parte mas a la izquierda del rectangulo.
Rectangle.Right: Regresa la coordenada X de la parte mas a la derecha del rectangulo.
Color.A: Regresa el valor de la componente del canal Alpha.

En este tutorial, vamos a modificar el archivo de proyecto del tutorial 5. Aqui viene una aclaración, vamos a modificar ambas clases, personajes.cs y sprite.cs y vamos a escribir un nuevo método en Game1.cs

Ademas de que cambie el spritesheet para Larry, lo hice mas pequeño para que pudiera ser almacenado en un arreglo de tipo Color. Como mencioné en el glosario, este tipo de deteccion de colisiones es ideal para un juego con sprites pequeños y no numerosos.

Primero debemos declarar un arreglo tipo Color[] en ambas clases.
Personaje.cs:

public Color[] DatosTextura;

Sprite.cs

public Color[] DatosTextura;

Ahora vamos a llenar nuestros arreglos con la información de los pixeles de nuestras texturas, necesitmaos modificar el método cargar de cada una de las clases:
Personaje.cs

            DatosTextura = new Color[Textura.Width*Textura.Height];
            personajeTextura.GetData(DatosTextura);

Sprite.cs

            DatosTextura = new Color[Textura.Width * Textura.Height];
            Textura.GetData(DatosTextura);

Ahora ya tenemos toda la información necesaria para implementar Per-pixel collision. Lo que hicimos fue asignar un espacio al arreglo DatosTextura y una vez que el espacio fue asignado, empezamos a rellenar el array con el método .GetData de la clase Texture2D

Ahora vamos a la clase principal Game1.cs y vamos a crear un nuevo método llamado IntersectanPixeles() lo que hará este método será comparar la información de los pixeles de ambos arrays. Si dos pixeles no-alfa se sobreponen significa que ahi existe una colisión. El color magenta como había mencionado anteriormente, es el color que produce un cero-alpha (transparente).

Nuestro método aceptara dos rectangulos de limites para los sprites y su array de información de pixeles. El rectangulo que aceptara como parametro es el mismo que usamos para darle la animación.

        bool IntersectanPixeles(Rectangle rectanguloA, Color[] datosA, Rectangle rectanguloB, Color[] datosB)
        {
            int techo = Math.Max(rectanguloA.Top, rectanguloB.Top);
            int piso = Math.Min(rectanguloA.Bottom, rectanguloB.Bottom);
            int izquierda = Math.Max(rectanguloA.Left, rectanguloB.Left);
            int derecha = Math.Min(rectanguloA.Right, rectanguloB.Right);


            for (int y=techo; y < piso; y++)
            {
                for (int x=izquierda; x < derecha; x++)
                {
                    Color colorA = datosA[(x - rectanguloA.Left) + (y - rectanguloA.Top) * rectanguloA.Width];
                    Color colorB = datosB[(x - rectanguloB.Left) + (y - rectanguloB.Top) * rectanguloB.Width];

                    if (colorA.A != 0 && colorB.A != 0)
                    {
                        return true;
                    }
                }
//Si nunca entro al ciclo if, entonces no existe colisión.
            return false;
        }

Ahora vamos al método update y quitamos nuestro algoritmo de colisiones para reemplazarlo por el método que acabamos de escribir.

                if (IntersectanPixeles(personajeRectangulo, Larry.DatosTextura, trebolRectangulo, trebol.DatosTextura))
                {
                    PersonajeColision = true;
                }

Ejercicios:
1. Crea nuevas imagenes con diferentes formas y aplicales per-pixel collision
2. Trata de crear un marcador cada vez que larry agarre un trebol.

Proyecto:
Tutorial6.rar
Spritesheets:
Larry.png
Treboles.png
Screenshot: