[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:03.30,Default,,0000,0000,0000,,Exploremos más esta cosa de dibujar.
Dialogue: 0,0:00:03.30,0:00:05.27,Default,,0000,0000,0000,,¿Qué podemos hacer además de rectángulos?
Dialogue: 0,0:00:05.27,0:00:07.72,Default,,0000,0000,0000,,Bueno, podemos hacer óvalos utilizando la palabra "ellipse",
Dialogue: 0,0:00:07.72,0:00:09.97,Default,,0000,0000,0000,,que es otro comando que la computadora sabe.
Dialogue: 0,0:00:09.97,0:00:13.20,Default,,0000,0000,0000,,De hecho, tenemos una palabra especial en programación para denominar a estos comandos.
Dialogue: 0,0:00:13.20,0:00:15.07,Default,,0000,0000,0000,,Vamos a llamarlos "funciones".
Dialogue: 0,0:00:15.07,0:00:18.05,Default,,0000,0000,0000,,Usaré la palabra "función" a partir de ahora para referirme a los comandos.
Dialogue: 0,0:00:18.05,0:00:20.84,Default,,0000,0000,0000,,Continuemos y escribamos el nombre de la función ellipse,
Dialogue: 0,0:00:20.84,0:00:23.37,Default,,0000,0000,0000,,y luego dos paréntesis y un punto y coma.
Dialogue: 0,0:00:23.37,0:00:24.60,Default,,0000,0000,0000,,¡No está funcionando!
Dialogue: 0,0:00:24.60,0:00:27.44,Default,,0000,0000,0000,,Tenemos este mensaje de error que habla acerca de parámetro, sean lo que sean.
Dialogue: 0,0:00:27.44,0:00:29.05,Default,,0000,0000,0000,,¿Puede ver lo que nos está faltando,
Dialogue: 0,0:00:29.05,0:00:31.13,Default,,0000,0000,0000,,comparándolo con el código que escribimos para rect() ?
Dialogue: 0,0:00:31.13,0:00:33.72,Default,,0000,0000,0000,,Cuando sólo escribimos ellipse, no le estamos diciendo los números, como hicimos con el rectángulo.
Dialogue: 0,0:00:33.72,0:00:37.55,Default,,0000,0000,0000,,Estos números se llaman "parámetros".
Dialogue: 0,0:00:37.55,0:00:42.80,Default,,0000,0000,0000,,Decimos que "pasamos parámetros a las funciones" y ellos controlan cómo se comporta la función.
Dialogue: 0,0:00:42.80,0:00:48.80,Default,,0000,0000,0000,,Sin los parámetros, el programa no sabe dónde quieres la elipse,
Dialogue: 0,0:00:48.80,0:00:50.67,Default,,0000,0000,0000,,o cuán grande hacerla.
Dialogue: 0,0:00:50.67,0:00:52.80,Default,,0000,0000,0000,,Ahora el mensaje de error tiene más sentido.
Dialogue: 0,0:00:52.80,0:00:54.72,Default,,0000,0000,0000,,Continuemos y pasémosle cuatro parámetros
Dialogue: 0,0:00:54.72,0:01:01.04,Default,,0000,0000,0000,,para controlar cuán lejos a lo ancho, cuán lejos a lo alto, cuán ancha y cuán alta queremos que sea la elipse.
Dialogue: 0,0:01:01.04,0:01:03.77,Default,,0000,0000,0000,,Al igual que antes, podemos divertirnos y mover la elipse.
Dialogue: 0,0:01:03.77,0:01:08.20,Default,,0000,0000,0000,,incluso hacerla crecer y achicarla.
Dialogue: 0,0:01:08.20,0:01:11.63,Default,,0000,0000,0000,,Bueno, ahora que hemos visto los conceptos básicos, probemos dibujar una elipse grande,
Dialogue: 0,0:01:11.63,0:01:14.13,Default,,0000,0000,0000,,justo en el medio del espacio para dibujar.
Dialogue: 0,0:01:14.13,0:01:17.50,Default,,0000,0000,0000,,La primera pregunta que te puede surgir es, ¿Dónde es el medio?
Dialogue: 0,0:01:17.50,0:01:20.30,Default,,0000,0000,0000,,Sólo para repasar, tenemos la esquina superior izquierda, 0 (Cero)
Dialogue: 0,0:01:20.30,0:01:26.05,Default,,0000,0000,0000,,y la derecha es 400, y el borde inferior es 400.
Dialogue: 0,0:01:26.05,0:01:34.54,Default,,0000,0000,0000,,Si quisiéramos averiguar dónde es el medio, pensaríamos la mitad de 400 a lo ancho y la mitad de 400 a lo alto (200,200).
Dialogue: 0,0:01:34.54,0:01:37.10,Default,,0000,0000,0000,,Hagamos eso.
Dialogue: 0,0:01:37.10,0:01:41.61,Default,,0000,0000,0000,,Escribiremos nuestra función ellipse, le pasaremos parámetros y la haremos bastante grande.
Dialogue: 0,0:01:41.61,0:01:43.67,Default,,0000,0000,0000,,¡Allí está!
Dialogue: 0,0:01:43.67,0:01:46.38,Default,,0000,0000,0000,,Sólo por diversión, pongamos un rectángulo allí también.
Dialogue: 0,0:01:46.38,0:01:50.22,Default,,0000,0000,0000,,Diremos rect 200, 200 también y un poquito más chico.
Dialogue: 0,0:01:50.22,0:01:53.20,Default,,0000,0000,0000,,Mmhh, esto es interesante.
Dialogue: 0,0:01:53.20,0:01:55.38,Default,,0000,0000,0000,,¿Qué nos muestra este pequeño experimento?
Dialogue: 0,0:01:55.38,0:02:01.94,Default,,0000,0000,0000,,Bueno, se podría decir que el punto 200,200 es en realidad decirle dónde poner el centro de la elipse.
Dialogue: 0,0:02:01.94,0:02:09.60,Default,,0000,0000,0000,,Para rectángulos, es diferente. El 200,200 dice dónde poner la esquina superior izquierda del rectángulo.
Dialogue: 0,0:02:09.60,0:02:14.13,Default,,0000,0000,0000,,Eso es realmente importante para recordar cuando estemos tratando de posicionar nuestras formas.
Dialogue: 0,0:02:14.13,0:02:17.60,Default,,0000,0000,0000,,Ok, sigamos con líneas simples.
Dialogue: 0,0:02:17.60,0:02:20.84,Default,,0000,0000,0000,,El nombre de esa función va a ser "line" (línea)
Dialogue: 0,0:02:20.84,0:02:22.88,Default,,0000,0000,0000,,Podemos pasarle cuatro parámetros.
Dialogue: 0,0:02:22.88,0:02:28.41,Default,,0000,0000,0000,,pero una línea no tiene necesariamente un tamaño, como un rectángulo, entonces, ¿Qué controlaran estos números?
Dialogue: 0,0:02:28.41,0:02:35.22,Default,,0000,0000,0000,,El primero y el segundo parámetro, al igual que antes, dicen cuán lejos a lo ancho y alto debería comenzar la línea.
Dialogue: 0,0:02:35.22,0:02:46.38,Default,,0000,0000,0000,,Los últimos dos parámetros especifican cuán lejos a lo ancho y cuán lejos a lo alto debería terminar la línea.
Dialogue: 0,0:02:46.38,0:02:52.80,Default,,0000,0000,0000,,Ahora que entendemos cómo funciona eso, miremos algo que parecerá extraño al principio.
Dialogue: 0,0:02:52.80,0:02:57.27,Default,,0000,0000,0000,,¿Qué pasa si hago que el rectángulo comience en la esquina superior izquierda...
Dialogue: 0,0:02:57.27,0:03:04.55,Default,,0000,0000,0000,,... y luego lo hago realmente grande?
Dialogue: 0,0:03:04.55,0:03:08.04,Default,,0000,0000,0000,,Podemos hacerlo así de grande, pero es un poquito muy grande, pienso.
Dialogue: 0,0:03:08.04,0:03:12.17,Default,,0000,0000,0000,,Vemos que está comenzando a hacer desaparecer la elipse gradualmente.
Dialogue: 0,0:03:12.17,0:03:15.17,Default,,0000,0000,0000,,De hecho, podemos hacerla desaparecer completamente.
Dialogue: 0,0:03:15.17,0:03:18.38,Default,,0000,0000,0000,,Ahora bien, estamos pensando adónde se fue.
Dialogue: 0,0:03:18.38,0:03:21.67,Default,,0000,0000,0000,,Bueno, el programa, en realidad, dibuja tus formas en orden.
Dialogue: 0,0:03:21.67,0:03:26.54,Default,,0000,0000,0000,,Primero dibuja tu elipse, luego el rectángulo encima y luego la línea.
Dialogue: 0,0:03:26.54,0:03:31.10,Default,,0000,0000,0000,,Entonces, la elipse todavía está allí. Solo que está, como viste, debajo.
Dialogue: 0,0:03:31.10,0:03:33.30,Default,,0000,0000,0000,,Éste es un punto importante para recordar.
Dialogue: 0,0:03:33.30,0:03:36.84,Default,,0000,0000,0000,,¿Qué pasaría si dibujáramos nuestra línea primero?
Dialogue: 0,0:03:36.84,0:03:39.05,Default,,0000,0000,0000,,No la veríamos para nada, ¿O sí?
Dialogue: 0,0:03:39.05,0:03:42.05,Default,,0000,0000,0000,,Podrías hacer eso en tus programas y preguntarte, hey, ¿Dönde se fue mi línea?
Dialogue: 0,0:03:42.05,0:03:45.38,Default,,0000,0000,0000,,La idea es que la línea está allí, sólo que está oculta ahora mismo.
Dialogue: 0,0:03:45.38,0:03:50.55,Default,,0000,0000,0000,,Tanto por la elipse como por el rectángulo.
Dialogue: 0,0:03:50.55,0:03:59.27,Default,,0000,0000,0000,,Podemos afectar qué formas son dibujadas encima de qué otras formas simplemente, cambiando el orden en el que las escribimos.
Dialogue: 0,0:03:59.27,0:04:03.60,Default,,0000,0000,0000,,Ahora, quiero presentar un par de términos técnicos antes de terminar.
Dialogue: 0,0:04:03.60,0:04:09.55,Default,,0000,0000,0000,,Como quizás hayas aprendido en matemática, podemos usar la letra X para nombrar cuán lejos a lo largo estamos hablando.
Dialogue: 0,0:04:09.55,0:04:12.05,Default,,0000,0000,0000,,y la letra Y para hablar de cuán lejos a lo alto.
Dialogue: 0,0:04:12.05,0:04:14.37,Default,,0000,0000,0000,,Eso podría verse un poco extraño si no estás acosumbrado,
Dialogue: 0,0:04:14.37,0:04:19.97,Default,,0000,0000,0000,,pero es más fácil que decir "cuán lejos a lo ancho" y "cuán lejos a lo alto" cada vez.
Dialogue: 0,0:04:19.97,0:04:23.91,Default,,0000,0000,0000,,Por ejemplo, los primeros dos parámetros a nuestra eilpse están diciendo
Dialogue: 0,0:04:23.91,0:04:29.44,Default,,0000,0000,0000,,que X debería estar en 200 y que Y debería estar en 229
Dialogue: 0,0:04:29.44,0:04:34.57,Default,,0000,0000,0000,,Ahí lo tienes, es lo mismo que decir cuán lejos a lo alto y a lo ancho".
Dialogue: 0,0:04:34.57,0:04:37.70,Default,,0000,0000,0000,,La otra pregunta que te puede surgir es,
Dialogue: 0,0:04:37.70,0:04:40.10,Default,,0000,0000,0000,,¿Qué unidad hemos estado usando todo este tiempo?
Dialogue: 0,0:04:40.10,0:04:43.20,Default,,0000,0000,0000,,¿Estamos diciendo 200 centímetros, 200 pulgadas, 200 millas?
Dialogue: 0,0:04:43.20,0:04:48.97,Default,,0000,0000,0000,,Estamos usando unidades llamadas "píxeles", y un píxel es un pequeño punto en tu pantalla.
Dialogue: 0,0:04:48.97,0:04:52.72,Default,,0000,0000,0000,,Este espacio de dibujo es de 400 píxeles de ancho.
Dialogue: 0,0:04:52.72,0:05:01.30,Default,,0000,0000,0000,,es por eso que decimos siempre que la esquina superior izquierda es 0 (cero) y aquí es 400, porque es 400 píxeles.
Dialogue: 0,0:05:01.30,0:05:07.67,Default,,0000,0000,0000,,De manera similar, cuando decimos 200, en realidad, queremos decir 200 píxeles, y probablemente vayas entendiendo la idea.
Dialogue: 0,0:05:07.67,0:05:13.44,Default,,0000,0000,0000,,Fantástico. Ahora, ya sabes todo acerca de las funciones rect, line y ellipse, y sus parámetros.
Dialogue: 0,0:05:13.44,0:05:17.00,Default,,0000,0000,0000,,Cubrimos bastante, sigue adelante, sigue explorando ¡Y te acostumbrarás en breve!