[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 solo 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 mas 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 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,,solo 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 mas acerca de cómo trabaja 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 basicamente 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,,¡Si!, 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 derecha 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 mas 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.50,Default,,0000,0000,0000,,Y podemos hacerlo "30", que es muy grande, podemos hacerlo incluso mas grande o realmente muy, muy, muy, muy pequeño. Dialogue: 0,0:03:20.50,0:03:25.56,Default,,0000,0000,0000,,Lo que queramos. Avancemos y dibujemos tu nombre y tal vez un mensaje corto acerca de tí abajo. Dialogue: 0,0:03:25.56,0:03:29.76,Default,,0000,0000,0000,,Como no sé tu nombre, dibujaré el mío. Puedes cambiarlo al tuyo en un momento. Dialogue: 0,0:03:29.76,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:42.80,Default,,0000,0000,0000,,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) Dialogue: 0,0:03:42.80,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:54.53,Default,,0000,0000,0000,,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 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:09.47,Default,,0000,0000,0000,,tal ves un bonito morado. Dialogue: 0,0:04:09.47,0:04:15.55,Default,,0000,0000,0000,,Bueno, ahí está, esos es todo acerca de dibujar, cambiar color y tamaño del texto.