Escribiendo Texto

Saludos de nuevo, en este tutorial vamos a intentar escribir texto por pantalla, el modelo de programa es muy similar al tutorial de mostrar sprites 2D por pantalla, ya que básicamente el texto también podría considerarse como una sprite, veamos como se hace:

  • Escribiendo texto por pantalla

Código Fuente:

EscribiendoTexto.zip (XNA 2.0)

EscribiendoTexto.zip (XNA 3.0)

  1. Creamos un nuevo proyecto y nos creamos dos variables, una de tipo SpriteFont y otra de tipo Vector2, la primera de ellas será el texto y la segunda su posición. Yo las he definido justo antes del LoadContent.
  2. En el load content tendremos que cargar el texto, asi que hacemos lo siguiente:
    texto=Content.Load<SpriteFont>("Courier New");
    //Para la posición simplemente hacemos lo siguiente:
    posTexto = new Vector2(graphics.GraphicsDevice.Viewport.Width/2,
    graphics.GraphicsDevice.Viewport.Height/2);
  3. Una vez hecho esto nos vamos al método Draw para pintar, indicamos que queremos empezar con begin(), y luego usamos el método Draw de la spriteFont y listo!
  4. Error! jejeje si haceís lo que os he puesto os dirá que no encuentra el tipo de letra “Courier New”, así que tendrés que descargaros el código y ver dentro de la carpeta content como se hace un archivo de tipo Texto para poder usarlo.
    Otro pequeño error es que el texto no sale perfectamente centrado, esto ocurre por lo siguiente, si decimos que pinte en la posición central de la pantalla ese será el sitio donde empiece, pero no deja el texto centrado:
    ventana
    para solucionar esto, restamos a la posición del eje X la mitad de la longitud del texto para que lo deje centrado, podéis verlo en el código fuente del programa ;) .
  5. Esta vez si está todo listo saludos!!

Puedes ver también:

- Dibujando Sprites

  1. jorge
    21 Septiembre, 2009 a las 14:43 | #1

    cuantos tipos de fuentes contiene xna

    • 21 Septiembre, 2009 a las 14:54 | #2

      Puedes crear tus propios archivos de fuentes personalizados, es bastante sencillo, simplemente haz click con el boton derecho sobre tu proyecto una vez abierto en el visual studio y selecciona añadir elemento nuevo, elige fuente y a partir de ahí ya puedes modificarlo a tu antojo.

  2. 10 Septiembre, 2009 a las 17:28 | #3

    Excelente.

    Estoy iniciando, pero logré echar a andar mi “Hola Mundillo”

  3. Lucas Moyano
    16 Agosto, 2009 a las 23:19 | #4

    juaaa no me salio :P

    • 16 Agosto, 2009 a las 23:38 | #5

      Has probado con mi código a ver que tal? :)

  1. 9 Marzo, 2008 a las 15:21 | #1