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 solo 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 mas 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 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 solo 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 mas acerca de cómo trabaja 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 basicamente 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 ¡Si!, 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 derecha 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 mas grande, podemos hacerlo con "textSize", que le dice al programa qué tan grande dibujará el texto. 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. 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. 00:03:25.557 --> 00:03:29.758 Como no sé tu nombre, dibujaré el mío. Puedes cambiarlo al tuyo en un momento. 00:03:29.758 --> 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: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) 00:03:42.801 --> 00:03:47.802 Grandioso, excepto que, obviamente, necesitamos cambiar las posiciónes para que no se empalmen. 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 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:09.472 tal ves un bonito morado. 00:04:09.472 --> 00:04:15.549 Bueno, ahí está, esos es todo acerca de dibujar, cambiar color y tamaño del texto.