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