WEBVTT 00:00:00.000 --> 00:00:03.299 Exploremos más esta cosa de dibujar. 00:00:03.299 --> 00:00:05.270 ¿Qué podemos hacer además de rectángulos? 00:00:05.270 --> 00:00:07.716 Bueno, podemos hacer óvalos utilizando la palabra "ellipse", 00:00:07.716 --> 00:00:09.966 que es otro comando que la computadora sabe. 00:00:09.966 --> 00:00:13.205 De hecho, tenemos una palabra especial en programación para denominar a estos comandos. 00:00:13.205 --> 00:00:15.071 Vamos a llamarlos "funciones". 00:00:15.071 --> 00:00:18.050 Usaré la palabra "función" a partir de ahora para referirme a los comandos. 00:00:18.050 --> 00:00:20.836 Continuemos y escribamos el nombre de la función ellipse, 00:00:20.836 --> 00:00:23.370 y luego dos paréntesis y un punto y coma. 00:00:23.370 --> 00:00:24.605 ¡No está funcionando! 00:00:24.605 --> 00:00:27.438 Tenemos este mensaje de error que habla acerca de parámetros, sea lo que sea. 00:00:27.438 --> 00:00:29.050 ¿Puede ver lo que nos está faltando, 00:00:29.050 --> 00:00:31.132 comparándolo con el código que escribimos para rect()? 00:00:31.132 --> 00:00:33.717 Cuando sólo escribimos ellipse, no le estamos diciendo los números, como hicimos con el rectángulo. 00:00:33.717 --> 00:00:37.550 Estos números se llaman "parámetros". 00:00:37.550 --> 00:00:42.799 Decimos que "pasamos parámetros a las funciones" y ellos controlan cómo se comporta la función. 00:00:42.799 --> 00:00:48.800 Sin los parámetros, el programa no sabe dónde quieres la elipse, 00:00:48.800 --> 00:00:50.671 o cuán grande hacerla. 00:00:50.671 --> 00:00:52.800 Ahora el mensaje de error tiene más sentido. 00:00:52.800 --> 00:00:54.947 Continuemos y pasémosle cuatro parámetros 00:00:54.947 --> 00:01:01.037 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. 00:01:01.037 --> 00:01:03.771 Al igual que antes, podemos divertirnos y mover la elipse. 00:01:03.771 --> 00:01:08.205 incluso hacerla crecer y achicarla. 00:01:08.205 --> 00:01:11.633 Bueno, ahora que hemos visto los conceptos básicos, probemos dibujar una elipse grande, 00:01:11.633 --> 00:01:14.132 justo en el medio del espacio para dibujar. 00:01:14.132 --> 00:01:17.505 La primera pregunta que te puede surgir es, ¿Dónde es el medio? 00:01:17.505 --> 00:01:20.299 Sólo para repasar, tenemos la esquina superior izquierda, 0 (Cero) 00:01:20.299 --> 00:01:26.050 y la derecha, si recuerdas, es 400, y el borde inferior es 400. 00:01:26.050 --> 00:01:33.736 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). 00:01:33.736 --> 00:01:35.404 Hagamos eso. 00:01:35.404 --> 00:01:41.606 Escribiremos nuestra función ellipse, le pasaremos parámetros y la haremos bastante grande. 00:01:41.606 --> 00:01:43.320 ¡Muy bien allí está! 00:01:43.320 --> 00:01:46.382 Sólo por diversión, pongamos un rectángulo allí también. 00:01:46.382 --> 00:01:50.216 Diremos rect 200, 200 también y un poquito más chico. 00:01:50.216 --> 00:01:53.205 Mmhh, esto es interesante. 00:01:53.205 --> 00:01:55.383 ¿Qué nos muestra este pequeño experimento? 00:01:55.383 --> 00:02:01.938 Bueno, se podría decir que el punto 200,200 es en realidad decirle dónde poner el centro de la elipse. 00:02:01.938 --> 00:02:09.604 Para rectángulos, es diferente. El 200,200 dice dónde poner la esquina superior izquierda del rectángulo. 00:02:09.604 --> 00:02:14.132 Eso es realmente importante para recordar cuando estemos tratando de posicionar nuestras formas. 00:02:14.132 --> 00:02:16.895 Ok, sigamos con líneas simples. 00:02:16.895 --> 00:02:19.968 El nombre de esa función va a ser "line" (línea). 00:02:19.968 --> 00:02:22.173 Podemos pasarle cuatro parámetros. 00:02:22.173 --> 00:02:28.406 pero una línea no tiene necesariamente un tamaño, como un rectángulo, entonces, ¿Qué controlaran estos números? 00:02:28.406 --> 00:02:35.057 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. 00:02:35.057 --> 00:02:46.382 Los últimos dos parámetros, el 90 y el 200, especifican cuán lejos a lo ancho y cuán lejos a lo alto debería terminar la línea. 00:02:46.382 --> 00:02:52.539 Ahora que entendemos cómo funciona eso, miremos algo que parecerá extraño al principio. 00:02:52.539 --> 00:02:57.272 ¿Qué pasa si hago que el rectángulo comience en la esquina superior izquierda... 00:02:57.272 --> 00:03:04.551 ... y luego lo hago realmente grande? 00:03:04.551 --> 00:03:08.037 Podemos hacerlo así de grande, pero es demasiado grande, pienso. 00:03:08.037 --> 00:03:12.170 Vemos que está comenzando a hacer desaparecer la elipse gradualmente. 00:03:12.170 --> 00:03:14.730 De hecho, podemos hacerla desaparecer completamente. 00:03:14.730 --> 00:03:17.893 Ahora bien, estamos pensando adónde se fue. 00:03:17.893 --> 00:03:21.672 Bueno, el programa, en realidad, dibuja tus formas en orden. 00:03:21.672 --> 00:03:26.536 Primero dibuja tu elipse, luego el rectángulo encima y luego la línea. 00:03:26.536 --> 00:03:31.102 Entonces, la elipse todavía está allí. Solo que está, como viste, debajo. 00:03:31.102 --> 00:03:33.300 Éste es un punto importante para recordar. 00:03:33.300 --> 00:03:36.838 ¿Qué pasaría si dibujáramos nuestra línea primero? 00:03:36.838 --> 00:03:38.820 No la veríamos para nada, ¿O sí? 00:03:38.820 --> 00:03:42.050 Podrías hacer eso en tus programas y preguntarte, hey, ¿Dónde se fue mi línea? 00:03:42.050 --> 00:03:45.383 La idea es que la línea está allí, sólo que está oculta ahora mismo. 00:03:45.383 --> 00:03:50.310 Tanto por la elipse como por el rectángulo. 00:03:50.310 --> 00:03:58.662 Podemos afectar qué formas son dibujadas encima de qué otras formas simplemente, cambiando el orden en el que las escribimos. 00:03:58.662 --> 00:04:02.953 Ahora, quiero presentar un par de términos técnicos antes de terminar. 00:04:02.953 --> 00:04:09.550 Como quizás hayas aprendido en matemáticas, podemos usar la letra X para nombrar cuán lejos a lo largo estamos hablando. 00:04:09.550 --> 00:04:12.048 y la letra Y para hablar de cuán lejos a lo alto. 00:04:12.048 --> 00:04:14.371 Eso podría verse un poco extraño si no estás acosumbrado, 00:04:14.371 --> 00:04:19.376 pero es más fácil que decir "cuán lejos a lo ancho" y "cuán lejos a lo alto" cada vez. 00:04:19.376 --> 00:04:23.186 Por ejemplo, los primeros dos parámetros a nuestra elipse están diciendo 00:04:23.186 --> 00:04:28.948 que X debería estar en 200 y que Y debería estar en 229 00:04:28.948 --> 00:04:33.962 Ahí lo tienes, es lo mismo que decir cuán lejos a lo alto y a lo ancho". 00:04:33.962 --> 00:04:36.424 La otra pregunta que te puede surgir es, 00:04:36.424 --> 00:04:39.414 ¿Qué unidad hemos estado usando todo este tiempo? 00:04:39.414 --> 00:04:43.203 ¿Estamos diciendo 200 centímetros, 200 pulgadas, 200 millas? 00:04:43.203 --> 00:04:48.967 Estamos usando unidades llamadas "píxeles", y un píxel es un pequeño punto en tu pantalla. 00:04:48.967 --> 00:04:52.416 Este espacio de dibujo es de 400 píxeles de ancho. 00:04:52.416 --> 00:05:01.300 es por eso que decimos siempre que la esquina superior izquierda es 0 (cero) y aquí es 400, porque es 400 píxeles. 00:05:01.300 --> 00:05:07.230 De manera similar, cuando decimos 200, en realidad, queremos decir 200 píxeles, y probablemente vayas entendiendo la idea. 00:05:07.230 --> 00:05:12.117 Fantástico. Ahora, ya sabes todo acerca de las funciones line, ellipse y rect, y sus parámetros. 00:05:12.117 --> 00:05:15.770 Cubrimos bastante, sigue adelante, sigue explorando ¡Y te acostumbrarás en breve!