Cargar un gráfico en pantalla.

febrero 15, 2009 at 7:43 pm 4 comentarios

Ya hemos visto a la nave moviendose por la pantalla, ahora vamos a ir viendo paso a paso como crear nuestro juego usando XNA,  luego podremos unir todos esos pasos, y tal vez, solo tal vez, nos quede algo bonito. Hoy vamos a ver como cargar un gráfico en pantalla para más adelante ir trabajando con él.

Es algo muy sencillo, lo primero es crear un proyecto nuevo, luego añadimos el gráfico en cuestión al proyecto, para eso vamos al explorador de soluciones y en la carpeta de proyecto “Content” clicamos con el botón derecho, en las opciones que aparecen seleccionamos añadir > archivo existente. Selecciona el fichero que quieras cargar en el juego. 

Añadir un archivo existente

Añadir un archivo existente

Podemos usar imagenes jpg, bmp, png… yo normalmente uso el formato .png por que es un formato que comprime bien, además le puedo poner transparencias.

Ahora ya tenemos el fichero listo para ser cargado, haz doble click en el fichero Game1.cs para poder ver y modificar su código. Crea una variable de tipo Texture2D, te ha de quedar algo así:

GraphicsDeviceManager graphics;
SpriteBatch spriteBatch;
Texture2D sprite;

Ahora en el metodo LoadContent cargaremos el gráfico:

protected override void LoadContent()
{
// Create a new SpriteBatch, which can be used to draw textures.
spriteBatch = new SpriteBatch(GraphicsDevice);
//Cargamos el gráfico que hemos hañadido al proyecto, no es necesario poner la extensión del fichero
sprite = Content.Load("xnalogo");
}

Por último en el metodo Draw le decimos que “pinte” el gráfico que hemos cargado en la pantalla:

protected override void Draw(GameTime gameTime)
{
GraphicsDevice.Clear(Color.CornflowerBlue);

spriteBatch.Begin();

spriteBatch.Draw(sprite, new Rectangle(0, 0, sprite.Width, sprite.Height), Color.White);

spriteBatch.End();

// TODO: Add your drawing code here

base.Draw(gameTime);
}

Ahora ya puedes ejecutar el código y ver tú gráfico en la pantalla.

Descargar el proyecto con el código.

Anuncios

Entry filed under: XNA. Tags: , , , , , .

¡He vuelto a casa! Animar graficos en 2D

4 comentarios Add your own

  • 1. midiancomm  |  julio 25, 2009 en 4:36 pm

    Bueno solo comento que el codigo esta mal ya que cuando le asignas un valor a una variable no le dices del tipo la linea deve de quedar asi
    sprite = Content.Load(“xnalogo”);

    y podrias explicar un poco mas el metodo draw de la clase SpriteBatch ya que los que se inician puede que no entiendan lo de crear el rectangulo donde se dibujara la imagen
    No es por ser cabron solo digo que hay un fallo XD
    Saludos Martin Toscano

    Responder
  • 2. kennyhp  |  julio 27, 2009 en 11:18 am

    Hola,
    tienes razón, cuando se carga un contenido hay que indicarle el tipo de contenido usando tipos genericos (http://msdn.microsoft.com/es-es/library/512aeb7t(VS.80).aspx)

    Es un error al transcribir el código para la entrada en el blog, pero en el código que donde esta el proyecto entero al cual linco para la descarga esta bien.

    El código ha de quedar así:
    sprite = Content.Load(“xnalogo”);

    Gracias por el aviso, te invito a que sigas el blog en la nueva dirección: desarrolloxna.blogspot.com

    Saludos!

    Responder
  • 3. kennyhp  |  julio 27, 2009 en 11:19 am

    Vaya creo que en realidad el error es de WordPress… por lo visto se come los simbolos “<"

    sprite = Content.Load”pon aqui el simbolo menor que”2DTexture”Simbolo mayor que”(“xnalogo”);

    Responder
  • 4. Homero Jimenez  |  junio 9, 2010 en 6:38 pm

    a mi me funciono asi:

    sprite = Content.Load(“Casita”);

    y si lo coloco asi:

    sprite = Content.Load(“Casita”);

    no me funciona

    Responder

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Trackback this post  |  Subscribe to the comments via RSS Feed


Entradas recientes

Categorías

febrero 2009
L M X J V S D
« Dic   Mar »
 1
2345678
9101112131415
16171819202122
232425262728  

Feeds

Visitas totales:

  • 93,104 visitas
wordpress stats

A %d blogueros les gusta esto: