Cargar un gráfico en pantalla.
Febrero 15, 2009
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
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.
Entry Filed under: XNA. Etiquetas: 2d, cargar, grafico, sprite, tutorial, XNA.
3 Comments Add your own
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Trackback this post | Subscribe to the comments via RSS Feed
1.
midiancomm | Julio 25, 2009 at 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
2.
kennyhp | Julio 27, 2009 at 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!
3.
kennyhp | Julio 27, 2009 at 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”);