1
00:00:00,236 --> 00:00:02,719
Bien, hemos estado haciendo mucho dibujo hasta ahora,

2
00:00:02,719 --> 00:00:05,193
pero no hemos hablado sobre algo tan simple como, digamos, escribir tu nombre.

3
00:00:05,193 --> 00:00:07,595
De eso se trata esta lección, texto.

4
00:00:07,595 --> 00:00:11,396
Así que, ¿para qué quisieras usar texto?, bueno, tal vez quieras mostrar la puntuación en un juego

5
00:00:11,396 --> 00:00:14,958
o hacer hablar a los personajes o sólo hacer nuestro nombre grande, pequeño y que cambie colores.

6
00:00:14,958 --> 00:00:24,493
Avancemos y tratemos de decir "hola" (hello), puedes decir "text(hello,..." y aparece este extraño mensaje de error,

7
00:00:24,493 --> 00:00:27,424
que dice que hello no está definida. ¿Qué significa?

8
00:00:27,424 --> 00:00:30,993
Bueno, el problema es que el programa piensa que 'hello' es una variable

9
00:00:30,993 --> 00:00:33,445
Y es lógico desde el punto de vista del programa

10
00:00:33,445 --> 00:00:36,222
porque tal vez hello pudiera ser una variable, ¿cómo puede saberlo?

11
00:00:36,222 --> 00:00:38,991
Pero ¿cómo le decimos a nuestro programa que en realidad es texto?

12
00:00:38,991 --> 00:00:42,529
Es fácil, sólo tenemos que recordar el poner estas comillas al rededor

13
00:00:42,529 --> 00:00:46,069
y esto dice que no, esto no es una variable y ¡en realidad es texto!

14
00:00:46,069 --> 00:00:47,833
O queremos que lo muestres como texto.

15
00:00:47,833 --> 00:00:51,282
Puedes recordarlo pensando en un libro, donde todos los personajes hablan

16
00:00:51,282 --> 00:00:53,694
y hay comillas alrededor de lo que dicen.

17
00:00:53,694 --> 00:00:58,092
Y, de manera similar, cuando quieres que el programa diga algo, ese texto debe tener comillas alrededor.

18
00:00:58,092 --> 00:01:01,099
Ahora, esto es realmente importante y es fácil confundirse,

19
00:01:01,099 --> 00:01:05,902
así que lo diré otra vez: cada que quieras usar texto en tu programa siempre tienes que usar

20
00:01:05,902 --> 00:01:07,526
estas comillas alrededor.

21
00:01:07,526 --> 00:01:09,602
De otra manera, tendrás algunos mensajes de error realmente extraños.

22
00:01:09,602 --> 00:01:12,966
Y recuerda que si ves ese tipo de mensajes, sólo asegúrate de revisar dos veces

23
00:01:12,966 --> 00:01:15,089
que recordaras usar comillas.

24
00:01:15,089 --> 00:01:18,199
¡Bien! ahora usaremos comillas y no tendremos más errores.

25
00:01:18,199 --> 00:01:20,828
Pero te habrás dado cuenta que nada ha sucedido,

26
00:01:20,828 --> 00:01:22,157
y todo está en blanco.

27
00:01:22,157 --> 00:01:24,890
Pero lo que es extraño es, que si modificamos algo

28
00:01:24,890 --> 00:01:29,114
el fondo, digamos a rojo, entonces veremos que realmente está ahí

29
00:01:29,114 --> 00:01:36,068
sólo que en blanco, así que el problema, pensándolo bien, es que escribimos texto blanco en un fondo blanco.

30
00:01:36,068 --> 00:01:37,952
Y es por eso que no lo podemos ver.

31
00:01:37,952 --> 00:01:42,445
Parece un poco ridículo el hecho de escribir texto blanco en fondo blanco.

32
00:01:42,445 --> 00:01:46,111
Bueno, podemos sólo cambiarlo, porque aprendimos cómo configurar el relleno.

33
00:01:46,111 --> 00:01:50,901
Y de la misma forma en que configuramos el relleno de un rectángulo o línea, podemos configurarlo para un texto,

34
00:01:50,901 --> 00:01:54,231
como antes a cualquier número y ¡listo!

35
00:01:54,231 --> 00:01:59,290
Se muestra sin necesidad del fondo, así que vamos a ver un poco más acerca de cómo funciona esto del texto.

36
00:01:59,290 --> 00:02:03,799
La primera parte, es bastante obvio, es cualquier texto que queramos escribir.

37
00:02:03,799 --> 00:02:08,695
La siguiente, si la cambiamos, podemos ver que es básicamente qué tan a la derecha está.

38
00:02:08,695 --> 00:02:11,776
Y la siguiente es qué tan arriba o abajo.

39
00:02:11,776 --> 00:02:14,698
Es probable que resulte familiar, de cuando estábamos dibujando rectángulos.

40
00:02:14,698 --> 00:02:19,265
Algo que es un poco engañoso es que, en el texto, estas dos coordenadas

41
00:02:19,265 --> 00:02:24,666
especifican la parte inferior izquierda, esta esquina del texto.

42
00:02:24,666 --> 00:02:27,222
Y en los rectángulos es la superior izquierda, esta esquina.

43
00:02:27,222 --> 00:02:30,610
Y parece como si fuera diseñado para confundirte.

44
00:02:30,610 --> 00:02:32,761
Pero sólo es algo que tienes que recordar.

45
00:02:32,761 --> 00:02:37,390
Y podemos incluso experimentar y verlo por nosotros mismos, al configurar esto como "height".

46
00:02:37,390 --> 00:02:42,448
Y podemos ver que, en efecto, está configurando la altura para que sea la coordenada inferior izquierda.

47
00:02:42,448 --> 00:02:48,775
O podemos ponerlo en cero y ¿qué crees que debemos esperar?

48
00:02:48,775 --> 00:02:53,781
No lo vemos, pero, si empezamos a incrementar lentamente esto, podemos ver que...

49
00:02:53,781 --> 00:02:56,116
¡Sí!, está como asomándose desde arriba.

50
00:02:56,116 --> 00:02:59,782
Porque, otra vez, es la coordenada de la esquina inferior izquierda la que especificamos,

51
00:02:59,782 --> 00:03:01,754
no la superior.

52
00:03:01,754 --> 00:03:06,222
Bueno, suficiente de analizar esto del texto, vamos a hacerlo mejor.

53
00:03:06,222 --> 00:03:13,325
Por ejemplo, empecemos por hacerlo más grande, podemos hacerlo con "textSize", que le dice al programa qué tan grande dibujará el texto.

54
00:03:13,325 --> 00:03:20,127
Y podemos hacerlo "30", que es muy grande, podemos hacerlo incluso más grande o realmente muy, muy, muy, muy pequeño.

55
00:03:20,127 --> 00:03:22,227
Lo que queramos.

56
00:03:22,227 --> 00:03:25,557
Avancemos y dibujemos tu nombre y tal vez abajo un mensaje corto acerca de ti.

57
00:03:25,557 --> 00:03:30,618
Como no sé tu nombre, dibujaré el mío. Puedes cambiarlo al tuyo en un momento.

58
00:03:30,618 --> 00:03:35,436
Usando lo que acabamos de aprender, podemos decir: "text("Sophia"" y ahí está mi nombre

59
00:03:35,436 --> 00:03:38,511
Y tal vez entonces quiera poner un pequeño mensaje abajo, como:

60
00:03:38,511 --> 00:03:44,371
"I like puppies, and guitars and coding" (Me gustan los cachorritos, las guitarras y programar).

61
00:03:44,371 --> 00:03:47,802
Grandioso, excepto que, obviamente, necesitamos cambiar las posiciónes para que no se empalmen.

62
00:03:47,802 --> 00:03:56,112
Y ¡oh, no, no!, es una cadena de texto algo larga, vamos a cambiarla para que el tamaño del texto sea más pequeño.

63
00:03:57,008 --> 00:03:58,633
Aquí vamos, eso es muy bueno.

64
00:03:58,633 --> 00:04:01,854
Excepto que, no sé, ¿no es algo aburrido que ambos sean azules?

65
00:04:01,854 --> 00:04:06,923
Vamos a cambiar el relleno, "fill", y hagámoslo tal vez un bonito, mmm, no sé,

66
00:04:06,923 --> 00:04:11,042
tal vez un bonito morado.

67
00:04:11,042 --> 00:04:15,549
Bueno, ahí está, eso es todo acerca de dibujar texto, y cambiarle el color y el tamaño.