0:00:00.236,0:00:02.719 Bien, hemos estado haciendo mucho dibujo hasta ahora, 0:00:02.719,0:00:05.193 pero no hemos hablado sobre algo tan simple como, digamos, escribir tu nombre. 0:00:05.193,0:00:07.595 De eso se trata esta lección, texto. 0:00:07.595,0:00:11.396 Así que, ¿para qué quisieras usar texto?, bueno, tal vez quieras mostrar la puntuación en un juego 0:00:11.396,0:00:14.958 o hacer hablar a los personajes o solo hacer nuestro nombre grande, pequeño y que cambie colores 0:00:14.958,0:00:24.493 Avancemos y tratemos de decir hola (hello), puedes decir "text" (hello) y aparece este extraño mensaje de error 0:00:24.493,0:00:27.424 que dice que hello no está definida, ¿Qué significa? 0:00:27.424,0:00:30.993 Bueno, el problema es que el programa piensa que hello es una variable 0:00:30.993,0:00:33.445 Y es lógico desde el punto de vista del programa 0:00:33.445,0:00:36.222 porque tal vez hello pudiera ser una variable, ¿cómo puede saberlo? 0:00:36.222,0:00:38.991 Pero ¿cómo le decimos a nuestro programa que en realidad es texto? 0:00:38.991,0:00:42.529 Es fácil, sólo tenemos que recordar el poner estas comillas al rededor 0:00:42.529,0:00:46.069 y esto dice que no, esto no es una variable y ¡en realidad es texto! 0:00:46.069,0:00:47.833 O queremos que lo muestres como texto 0:00:47.833,0:00:51.282 Puedes recordarlo pensando en un libro, donde todos los personajes hablan 0:00:51.282,0:00:53.694 y hay comillas alrededor de lo que dicen 0:00:53.694,0:00:58.092 Y, de manera similar, cuando quieres que el programa diga algo, ese texto debe tener comillas alrededor 0:00:58.092,0:01:01.099 Ahora, esto es realmente importante y es fácil confundirse 0:01:01.099,0:01:05.902 así que lo diré otra vez: cada que quieras usar texto en tu programa siempre tienes que usar 0:01:05.902,0:01:07.526 estas comillas alrededor 0:01:07.526,0:01:09.602 De otra manera, tendrás algunos mensajes de error realmente extraños. 0:01:09.602,0:01:12.966 Y recuerda que si ves ese tipo de mensajes, sólo asegúrate de revisar dos veces 0:01:12.966,0:01:15.089 que recordaras usar comillas 0:01:15.089,0:01:18.199 ¡Bien! ahora usaremos comillas y no tendremos mas errores 0:01:18.199,0:01:20.828 Pero te habrás dado cuenta que nada ha sucedido 0:01:20.828,0:01:22.157 Y está en blanco 0:01:22.157,0:01:24.890 Pero lo que es extraño es, que si modificamos algo 0:01:24.890,0:01:29.114 el fondo, digamos a rojo, entonces veremos que realmente está ahí 0:01:29.114,0:01:36.068 solo que en blanco, así que el problema, pensándolo bien, es que escribimos texto blanco en un fondo blanco 0:01:36.068,0:01:37.952 Y es por eso que no lo podemos ver 0:01:37.952,0:01:42.445 Parece un poco ridículo el hecho de escribir texto blanco en fondo blanco 0:01:42.445,0:01:46.111 Bueno, podemos sólo cambiarlo, porque aprendimos cómo configurar el relleno 0:01:46.111,0: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 0:01:50.901,0:01:54.231 como antes a cualquier número y ¡listo! 0:01:54.231,0: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 0:01:59.290,0:02:03.799 La primera parte, es bastante obvio, es cualquier texto que queramos escribir 0:02:03.799,0:02:08.695 La siguiente, si la cambiamos, podemos ver que es basicamente qué tan a la derecha está 0:02:08.695,0:02:11.776 Y la siguiente es qué tan arriba o abajo 0:02:11.776,0:02:14.698 Es probable que resulte familiar, de cuando estábamos dibujando rectángulos 0:02:14.698,0:02:19.265 Algo que es un poco engañoso es que, en el texto, estas dos coordenadas 0:02:19.265,0:02:24.666 especifican la parte inferior izquierda, esta esquina del texto 0:02:24.666,0:02:27.222 Y en los rectángulos es la superior izquierda, esta esquina 0:02:27.222,0:02:30.610 Y parece como si fuera diseñado para confundirte 0:02:30.610,0:02:32.761 Pero sólo es algo que tienes que recordar 0:02:32.761,0:02:37.390 Y podemos incluso experimentar y verlo por nosotros mismos, al configurar esto como "height" 0:02:37.390,0:02:42.448 Y podemos ver que, en efecto, está configurando la altura para que sea la coordenada inferior izquierda 0:02:42.448,0:02:48.775 O podemos ponerlo en cero y ¿qué crees que debemos esperar? 0:02:48.775,0:02:53.781 No lo vemos, pero, si empezamos a incrementar lentamente esto, podemos ver que... 0:02:53.781,0:02:56.116 ¡Si!, está como asomándose desde arriba 0:02:56.116,0:02:59.782 Porque, otra vez, es la coordenada de la esquina inferior izquierda la que especificamos. 0:02:59.782,0:03:01.754 No la superior derecha 0:03:01.754,0:03:06.222 Bueno, suficiente de analizar esto del texto, vamos a hacerlo mejor. 0:03:06.222,0: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. 0:03:13.325,0:03:20.497 Y podemos hacerlo "30", que es muy grande, podemos hacerlo incluso mas grande o realmente muy, muy, muy, muy pequeño. 0:03:20.497,0:03:25.557 Lo que queramos. Avancemos y dibujemos tu nombre y tal vez un mensaje corto acerca de tí abajo. 0:03:25.557,0:03:29.758 Como no sé tu nombre, dibujaré el mío. Puedes cambiarlo al tuyo en un momento. 0:03:29.758,0:03:35.436 Usando lo que acabamos de aprender, podemos decir: "text("Sophia"" y ahí está mi nombre 0:03:35.436,0: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) 0:03:42.801,0:03:47.802 Grandioso, excepto que, obviamente, necesitamos cambiar las posiciónes para que no se empalmen. 0:03:47.802,0: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 0:03:57.008,0:03:58.633 Aquí vamos, eso es muy bueno 0:03:58.633,0:04:01.854 Excepto que, no sé, ¿no es algo aburrido que ambos sean azules? 0:04:01.854,0:04:06.923 Vamos a cambiar el relleno, "fill", y hagámoslo tal vez un bonito, mmm, no sé 0:04:06.923,0:04:09.472 tal ves un bonito morado. 0:04:09.472,0:04:15.549 Bueno, ahí está, esos es todo acerca de dibujar, cambiar color y tamaño del texto.