Bien, hemos estado haciendo mucho dibujo hasta ahora,
pero no hemos hablado sobre algo tan simple como, digamos, escribir tu nombre.
De eso se trata esta lección, texto.
Así que, ¿para qué quisieras usar texto?, bueno, tal vez quieras mostrar la puntuación en un juego
o hacer hablar a los personajes o solo hacer nuestro nombre grande, pequeño y que cambie colores
Avancemos y tratemos de decir hola (hello), puedes decir "text" (hello) y aparece este extraño mensaje de error
que dice que hello no está definida, ¿Qué significa?
Bueno, el problema es que el programa piensa que hello es una variable
Y es lógico desde el punto de vista del programa
porque tal vez hello pudiera ser una variable, ¿cómo puede saberlo?
Pero ¿cómo le decimos a nuestro programa que en realidad es texto?
Es fácil, sólo tenemos que recordar el poner estas comillas al rededor
y esto dice que no, esto no es una variable y ¡en realidad es texto!
O queremos que lo muestres como texto
Puedes recordarlo pensando en un libro, donde todos los personajes hablan
y hay comillas alrededor de lo que dicen
Y, de manera similar, cuando quieres que el programa diga algo, ese texto debe tener comillas alrededor
Ahora, esto es realmente importante y es fácil confundirse
así que lo diré otra vez: cada que quieras usar texto en tu programa siempre tienes que usar
estas comillas alrededor
De otra manera, tendrás algunos mensajes de error realmente extraños.
Y recuerda que si ves ese tipo de mensajes, sólo asegúrate de revisar dos veces
que recordaras usar comillas
¡Bien! ahora usaremos comillas y no tendremos mas errores
Pero te habrás dado cuenta que nada ha sucedido
Y está en blanco
Pero lo que es extraño es, que si modificamos algo
el fondo, digamos a rojo, entonces veremos que realmente está ahí
solo que en blanco, así que el problema, pensándolo bien, es que escribimos texto blanco en un fondo blanco
Y es por eso que no lo podemos ver
Parece un poco ridículo el hecho de escribir texto blanco en fondo blanco
Bueno, podemos sólo cambiarlo, porque aprendimos cómo configurar el relleno
Y de la misma forma en que configuramos el relleno de un rectángulo o línea, podemos configurarlo para un texto
como antes a cualquier número y ¡listo!
Se muestra sin necesidad del fondo, así que vamos a ver un poco mas acerca de cómo trabaja esto del texto
La primera parte, es bastante obvio, es cualquier texto que queramos escribir
La siguiente, si la cambiamos, podemos ver que es basicamente qué tan a la derecha está
Y la siguiente es qué tan arriba o abajo
Es probable que resulte familiar, de cuando estábamos dibujando rectángulos
Algo que es un poco engañoso es que, en el texto, estas dos coordenadas
especifican la parte inferior izquierda, esta esquina del texto
Y en los rectángulos es la superior izquierda, esta esquina
Y parece como si fuera diseñado para confundirte
Pero sólo es algo que tienes que recordar
Y podemos incluso experimentar y verlo por nosotros mismos, al configurar esto como "height"
Y podemos ver que, en efecto, está configurando la altura para que sea la coordenada inferior izquierda
O podemos ponerlo en cero y ¿qué crees que debemos esperar?
No lo vemos, pero, si empezamos a incrementar lentamente esto, podemos ver que...
¡Si!, está como asomándose desde arriba
Porque, otra vez, es la coordenada de la esquina inferior izquierda la que especificamos.
No la superior derecha
Bueno, suficiente de analizar esto del texto, vamos a hacerlo mejor.
Por ejemplo, empecemos por hacerlo mas grande, podemos hacerlo con "textSize", que le dice al programa qué tan grande dibujará el texto.
Y podemos hacerlo "30", que es muy grande, podemos hacerlo incluso mas grande o realmente muy, muy, muy, muy pequeño.
Lo que queramos. Avancemos y dibujemos tu nombre y tal vez un mensaje corto acerca de tí abajo.
Como no sé tu nombre, dibujaré el mío. Puedes cambiarlo al tuyo en un momento.
Usando lo que acabamos de aprender, podemos decir: "text("Sophia"" y ahí está mi nombre
Y tal vez entonces quiera poner un pequeño mensaje abajo, como "I like puppies, and guitar and coding" (Me gustan los cachorritos, la guitarra y programar)
Grandioso, excepto que, obviamente, necesitamos cambiar las posiciónes para que no se empalmen.
Y ¡Oh, no, no!, es una cadena de texto algo larga, vamos a cambiarla para que sea mas pequeño el tamaño del texto
Aquí vamos, eso es muy bueno
Excepto que, no sé, ¿no es algo aburrido que ambos sean azules?
Vamos a cambiar el relleno, "fill", y hagámoslo tal vez un bonito, mmm, no sé
tal ves un bonito morado.
Bueno, ahí está, esos es todo acerca de dibujar, cambiar color y tamaño del texto.