Dibujando Sprites

Saludos a todos, me alegra veros por aquí ;)

Este es el primer tutoria que realizo, así que espero que sea bien acogido, para sugerencias, dudas o cualquier otra cosa, ya sabéis, dejad un comentario.

Pues bien, vamos allá!

  • DIBUJANDO SPRITES

Descargar código fuente:

Dibujando Sprites (XNA 2.0)

Dibujando Sprites (XNA 3.0)

  1. Lo primero que debemos hacer será crear un nuevo proyecto( doy por hecho que sabéis como hacerlo, si no mirad en la sección de primeros pasos) una vez cargado tendremos nuestros dos archivos: Game1.cs y Program.cs .
  2. Para dibujar el sprite por pantalla necesitamos algo que dibujar :P , esto es, su textura, así que podemos coger cualquier imagen que tengamos por ahí o buscarla en internet o usar la que viene con el código fuente que os paso.
  3. Una vez teneis la imagen, para estructurar mejor los contenidos de futuros proyectos más complejos que hagamos, he decidido crear una carpeta llamada images dentro de la carpeta de contenido (content) y ahí será donde guardaré la imagen usada para este tutorial. Para hacer eso simplemente haced click derecho sobre content en el explorador de soluciones (el cuadro que sale arriba a la derecha). Os dejo las imágenes para que veáis como crear la carpeta y añadirle la imagen que queramos:
    NuevoElemContNuevoElemExist
  4. De acuerdo, vamos con lo principal, una vez tenemos todo listo, lo único que hace falta para poder pintar una sprite es crear la sprite, cargar la textura que tendrá e indicarle donde queremos pintarla, veamos como se hace.
  5. La sprite por defecto al abrir un nuevo proyecto ya viene inicializada y en el LoadContent() se le pasa el GraphicsDevice luego eso ya está listo :)
  6. Cargando la textura – Para cargar la imagen que habéis escogido solo necesitáis crearos una variable de tipo textura, llamada Texture 2D, una vez creada, dentro del LoadContent sólo necesitamos está linea para asignársela:
    texturaSprite = Content.Load<Texture2D>(“images/XNA”);
  7. Pues bien, ya solo falta dibujarla, para ellos vamos al método Draw, una vez alli y despues del clear indicamos que queremos inciar a pintar con sprite.Begin(), luego indicamos que vamos a pintar con sprite.Draw(textura,posición,color) y cuando terminemos hacemos sprite.End();
  8. La forma de obtener la posición viene detallada en el código del proyecto.

Pues listo, ya hemos terminado, ahora si pulsas F5 debería salir algo así:

DibujandoSplinesEnd

Espero que os sirva este pequeño ejemplo, espero vuestros comentarios.

  1. 25 Febrero, 2008 a las 20:17 | #1

    Sí por supuesto, todavía no he tocado mucho XNA pero dentro de poco espero empezar a tocar la parte de 3D, ahora mismo tengo intención de hacer algo más en 2D para desenvolverme con C# ya que nunca lo utilicé, pero veo que es similar a java, asi que espero poder transportar mis practicas de openGL a XNA :)

  2. 25 Febrero, 2008 a las 20:03 | #2

    Pues bienvenido y tengo entendido que muchas de las cosas que hacias en OpenGL pueden ser aplicadas aqui en XNA… quizas me equique_???

    jejeje gracias igual por visitar mi blog..

    Saludos,

    Alexander Jimenez

  3. 25 Febrero, 2008 a las 18:57 | #3

    Muchas gracias alex!
    Yo estoy empezando en esto, aunque tengo algo de experiencia con openGL, pero muy básica, espero poder seguir haciendo más ejemplos, un saludo y gracias por la visita!

    Por cierto, tu blog está muy muy completo!

  4. 25 Febrero, 2008 a las 18:29 | #4

    Hola

    Esta muy cool el minitutorial que has preparado… espero seguir viendo este tipo de tutoriales jejeje por que no soy nada bueno con XNA :) pero ahi le voy dando en mis ratos libres…

    Saludos,

    Alexander Jimenez

  1. 25 Febrero, 2008 a las 18:12 | #1