| Volver al Inicio | Microsoft Student Tech Club: Universidad Libre |
Tutorial de XNA: Agregando un fondo de pantalla estático al juego

Damos clic en Explorador de Soluciones

De allí vamos al ítem "Content"

Clic botón derecho sobre "Content" y seleccionamos "Agregar -> Nueva Carpeta"

Le damos un nombre a esa carpeta, por ejemplo, "Imagenes" (sin tilde)

Ahora es buscar en Internet algún fondo llamativo para nuestro futuro juego


Decidimos por este



Arrastramos desde donde está el archivo de imagen a la carpeta "Imagenes" del proyecto. En este caso Visual C# hace una copia del archivo y la deja en la carpeta del juego.

Ahora agregamos estas dos instrucciones al código

Son variables de clase
| Texture2D Fondo; //Variable de tipo textura que tendrá el fondo Rectangle rectFondo; //Un rectángulo donde estará la textura del fondo |
Luego agregamos estas instrucciones en el método LoadContent() justo después de SpriteBatch. LoadContent() es el método en el cual cargaremos todas las imágenes en sus variables respectivas.

| //Utiliza genéricos <> por eso el uso de <> En C++ se llaman plantillas. Content carga el contenido binario. Fondo = Content.Load<Texture2D>("Imagenes\\FondoJuego"); //El rectángulo en el que estará contenido el fondo rectFondo = new Rectangle(0, 0, graphics.GraphicsDevice.Viewport.Width, graphics.GraphicsDevice.Viewport.Height); |
Observamos que FondoJuego (que es la imagen) no requiere adicionarle la extensión .JPG
Ya preparadas las variables con los datos, es momento de mostrarlas, para eso nos dirigimos al método Draw(), allí debemos escribir las siguientes instrucciones:

Estas son las instrucciones que debemos adicionar.
| //Se inicia el spritebatch (Entre Begin y End se dibuja en cada unidad de tiempo los sprites) spriteBatch.Begin(SpriteBlendMode.AlphaBlend); //Dibujar el fondo combinando el color blanco con el fondo spriteBatch.Draw(Fondo, rectFondo, Color.White); //Finaliza el "ciclo" de los sprite spriteBatch.End(); |
Los "sprite" son el término técnico para referirse a todo lo que se ve en la ventana del juego (protagonistas, enemigos, fondo).
Ahora ya podemos ejecutar el proyecto y ver que se carga el fondo.

Nota: Al pasar el mouse al interior de la ventana, el cursor desaparece, ese es un comportamiento por defecto.
| Volver al Inicio | Célula Microsoft. Universidad Libre |