[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.24,0:00:02.72,Default,,0000,0000,0000,,Bien, hemos estado haciendo mucho dibujo hasta ahora, Dialogue: 0,0:00:02.72,0:00:05.19,Default,,0000,0000,0000,,pero no hemos hablado sobre algo tan simple como, digamos, escribir tu nombre. Dialogue: 0,0:00:05.19,0:00:07.60,Default,,0000,0000,0000,,De eso se trata esta lección, texto. Dialogue: 0,0:00:07.60,0:00:11.40,Default,,0000,0000,0000,,Así que, ¿para qué quisieras usar texto?, bueno, tal vez quieras mostrar la puntuación en un juego Dialogue: 0,0:00:11.40,0:00:14.96,Default,,0000,0000,0000,,o hacer hablar a los personajes o sólo hacer nuestro nombre grande, pequeño y que cambie colores. Dialogue: 0,0:00:14.96,0:00:24.49,Default,,0000,0000,0000,,Avancemos y tratemos de decir "hola" (hello), puedes decir "text(hello,..." y aparece este extraño mensaje de error, Dialogue: 0,0:00:24.49,0:00:27.42,Default,,0000,0000,0000,,que dice que hello no está definida. ¿Qué significa? Dialogue: 0,0:00:27.42,0:00:30.99,Default,,0000,0000,0000,,Bueno, el problema es que el programa piensa que 'hello' es una variable Dialogue: 0,0:00:30.99,0:00:33.44,Default,,0000,0000,0000,,Y es lógico desde el punto de vista del programa Dialogue: 0,0:00:33.44,0:00:36.22,Default,,0000,0000,0000,,porque tal vez hello pudiera ser una variable, ¿cómo puede saberlo? Dialogue: 0,0:00:36.22,0:00:38.99,Default,,0000,0000,0000,,Pero ¿cómo le decimos a nuestro programa que en realidad es texto? Dialogue: 0,0:00:38.99,0:00:42.53,Default,,0000,0000,0000,,Es fácil, sólo tenemos que recordar el poner estas comillas al rededor Dialogue: 0,0:00:42.53,0:00:46.07,Default,,0000,0000,0000,,y esto dice que no, esto no es una variable y ¡en realidad es texto! Dialogue: 0,0:00:46.07,0:00:47.83,Default,,0000,0000,0000,,O queremos que lo muestres como texto. Dialogue: 0,0:00:47.83,0:00:51.28,Default,,0000,0000,0000,,Puedes recordarlo pensando en un libro, donde todos los personajes hablan Dialogue: 0,0:00:51.28,0:00:53.69,Default,,0000,0000,0000,,y hay comillas alrededor de lo que dicen. Dialogue: 0,0:00:53.69,0:00:58.09,Default,,0000,0000,0000,,Y, de manera similar, cuando quieres que el programa diga algo, ese texto debe tener comillas alrededor. Dialogue: 0,0:00:58.09,0:01:01.10,Default,,0000,0000,0000,,Ahora, esto es realmente importante y es fácil confundirse, Dialogue: 0,0:01:01.10,0:01:05.90,Default,,0000,0000,0000,,así que lo diré otra vez: cada que quieras usar texto en tu programa siempre tienes que usar Dialogue: 0,0:01:05.90,0:01:07.53,Default,,0000,0000,0000,,estas comillas alrededor. Dialogue: 0,0:01:07.53,0:01:09.60,Default,,0000,0000,0000,,De otra manera, tendrás algunos mensajes de error realmente extraños. Dialogue: 0,0:01:09.60,0:01:12.97,Default,,0000,0000,0000,,Y recuerda que si ves ese tipo de mensajes, sólo asegúrate de revisar dos veces Dialogue: 0,0:01:12.97,0:01:15.09,Default,,0000,0000,0000,,que recordaras usar comillas. Dialogue: 0,0:01:15.09,0:01:18.20,Default,,0000,0000,0000,,¡Bien! ahora usaremos comillas y no tendremos más errores. Dialogue: 0,0:01:18.20,0:01:20.83,Default,,0000,0000,0000,,Pero te habrás dado cuenta que nada ha sucedido, Dialogue: 0,0:01:20.83,0:01:22.16,Default,,0000,0000,0000,,y todo está en blanco. Dialogue: 0,0:01:22.16,0:01:24.89,Default,,0000,0000,0000,,Pero lo que es extraño es, que si modificamos algo Dialogue: 0,0:01:24.89,0:01:29.11,Default,,0000,0000,0000,,el fondo, digamos a rojo, entonces veremos que realmente está ahí Dialogue: 0,0:01:29.11,0:01:36.07,Default,,0000,0000,0000,,sólo que en blanco, así que el problema, pensándolo bien, es que escribimos texto blanco en un fondo blanco. Dialogue: 0,0:01:36.07,0:01:37.95,Default,,0000,0000,0000,,Y es por eso que no lo podemos ver. Dialogue: 0,0:01:37.95,0:01:42.44,Default,,0000,0000,0000,,Parece un poco ridículo el hecho de escribir texto blanco en fondo blanco. Dialogue: 0,0:01:42.44,0:01:46.11,Default,,0000,0000,0000,,Bueno, podemos sólo cambiarlo, porque aprendimos cómo configurar el relleno. Dialogue: 0,0:01:46.11,0:01:50.90,Default,,0000,0000,0000,,Y de la misma forma en que configuramos el relleno de un rectángulo o línea, podemos configurarlo para un texto, Dialogue: 0,0:01:50.90,0:01:54.23,Default,,0000,0000,0000,,como antes a cualquier número y ¡listo! Dialogue: 0,0:01:54.23,0:01:59.29,Default,,0000,0000,0000,,Se muestra sin necesidad del fondo, así que vamos a ver un poco más acerca de cómo funciona esto del texto. Dialogue: 0,0:01:59.29,0:02:03.80,Default,,0000,0000,0000,,La primera parte, es bastante obvio, es cualquier texto que queramos escribir. Dialogue: 0,0:02:03.80,0:02:08.70,Default,,0000,0000,0000,,La siguiente, si la cambiamos, podemos ver que es básicamente qué tan a la derecha está. Dialogue: 0,0:02:08.70,0:02:11.78,Default,,0000,0000,0000,,Y la siguiente es qué tan arriba o abajo. Dialogue: 0,0:02:11.78,0:02:14.70,Default,,0000,0000,0000,,Es probable que resulte familiar, de cuando estábamos dibujando rectángulos. Dialogue: 0,0:02:14.70,0:02:19.26,Default,,0000,0000,0000,,Algo que es un poco engañoso es que, en el texto, estas dos coordenadas Dialogue: 0,0:02:19.26,0:02:24.67,Default,,0000,0000,0000,,especifican la parte inferior izquierda, esta esquina del texto. Dialogue: 0,0:02:24.67,0:02:27.22,Default,,0000,0000,0000,,Y en los rectángulos es la superior izquierda, esta esquina. Dialogue: 0,0:02:27.22,0:02:30.61,Default,,0000,0000,0000,,Y parece como si fuera diseñado para confundirte. Dialogue: 0,0:02:30.61,0:02:32.76,Default,,0000,0000,0000,,Pero sólo es algo que tienes que recordar. Dialogue: 0,0:02:32.76,0:02:37.39,Default,,0000,0000,0000,,Y podemos incluso experimentar y verlo por nosotros mismos, al configurar esto como "height". Dialogue: 0,0:02:37.39,0:02:42.45,Default,,0000,0000,0000,,Y podemos ver que, en efecto, está configurando la altura para que sea la coordenada inferior izquierda. Dialogue: 0,0:02:42.45,0:02:48.78,Default,,0000,0000,0000,,O podemos ponerlo en cero y ¿qué crees que debemos esperar? Dialogue: 0,0:02:48.78,0:02:53.78,Default,,0000,0000,0000,,No lo vemos, pero, si empezamos a incrementar lentamente esto, podemos ver que... Dialogue: 0,0:02:53.78,0:02:56.12,Default,,0000,0000,0000,,¡Sí!, está como asomándose desde arriba. Dialogue: 0,0:02:56.12,0:02:59.78,Default,,0000,0000,0000,,Porque, otra vez, es la coordenada de la esquina inferior izquierda la que especificamos, Dialogue: 0,0:02:59.78,0:03:01.75,Default,,0000,0000,0000,,no la superior. Dialogue: 0,0:03:01.75,0:03:06.22,Default,,0000,0000,0000,,Bueno, suficiente de analizar esto del texto, vamos a hacerlo mejor. Dialogue: 0,0:03:06.22,0:03:13.32,Default,,0000,0000,0000,,Por ejemplo, empecemos por hacerlo más grande, podemos hacerlo con "textSize", que le dice al programa qué tan grande dibujará el texto. Dialogue: 0,0:03:13.32,0:03:20.13,Default,,0000,0000,0000,,Y podemos hacerlo "30", que es muy grande, podemos hacerlo incluso más grande o realmente muy, muy, muy, muy pequeño. Dialogue: 0,0:03:20.13,0:03:22.23,Default,,0000,0000,0000,,Lo que queramos. Dialogue: 0,0:03:22.23,0:03:25.56,Default,,0000,0000,0000,,Avancemos y dibujemos tu nombre y tal vez abajo un mensaje corto acerca de ti. Dialogue: 0,0:03:25.56,0:03:30.62,Default,,0000,0000,0000,,Como no sé tu nombre, dibujaré el mío. Puedes cambiarlo al tuyo en un momento. Dialogue: 0,0:03:30.62,0:03:35.44,Default,,0000,0000,0000,,Usando lo que acabamos de aprender, podemos decir: "text("Sophia"" y ahí está mi nombre Dialogue: 0,0:03:35.44,0:03:38.51,Default,,0000,0000,0000,,Y tal vez entonces quiera poner un pequeño mensaje abajo, como: Dialogue: 0,0:03:38.51,0:03:44.37,Default,,0000,0000,0000,,"I like puppies, and guitars and coding" (Me gustan los cachorritos, las guitarras y programar). Dialogue: 0,0:03:44.37,0:03:47.80,Default,,0000,0000,0000,,Grandioso, excepto que, obviamente, necesitamos cambiar las posiciónes para que no se empalmen. Dialogue: 0,0:03:47.80,0:03:56.11,Default,,0000,0000,0000,,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. Dialogue: 0,0:03:57.01,0:03:58.63,Default,,0000,0000,0000,,Aquí vamos, eso es muy bueno. Dialogue: 0,0:03:58.63,0:04:01.85,Default,,0000,0000,0000,,Excepto que, no sé, ¿no es algo aburrido que ambos sean azules? Dialogue: 0,0:04:01.85,0:04:06.92,Default,,0000,0000,0000,,Vamos a cambiar el relleno, "fill", y hagámoslo tal vez un bonito, mmm, no sé, Dialogue: 0,0:04:06.92,0:04:11.04,Default,,0000,0000,0000,,tal vez un bonito morado. Dialogue: 0,0:04:11.04,0:04:15.55,Default,,0000,0000,0000,,Bueno, ahí está, eso es todo acerca de dibujar texto, y cambiarle el color y el tamaño.