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 solo 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 mas 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 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
solo 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 mas acerca de cómo trabaja 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 basicamente 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
¡Si!, 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 derecha

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 mas grande, podemos hacerlo con "textSize", que le dice al programa qué tan grande dibujará el texto.

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

55
00:03:20,497 --> 00:03:25,557
Lo que queramos. Avancemos y dibujemos tu nombre y tal vez un mensaje corto acerca de tí abajo.

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

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

58
00:03:35,436 --> 00:03:42,801
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)

59
00:03:42,801 --> 00:03:47,802
Grandioso, excepto que, obviamente, necesitamos cambiar las posiciónes para que no se empalmen.

60
00:03:47,802 --> 00:03:54,532
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

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

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

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

64
00:04:06,923 --> 00:04:09,472
tal ves un bonito morado.

65
00:04:09,472 --> 00:04:15,549
Bueno, ahí está, esos es todo acerca de dibujar, cambiar color y tamaño del texto.