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ámetro, sean lo que sean. 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.717 Continuemos y pasémosle cuatro parámetros 00:00:54.717 --> 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 es 400, y el borde inferior es 400. 00:01:26.050 --> 00:01:34.536 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:34.536 --> 00:01:37.104 Hagamos eso. 00:01:37.104 --> 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.670 ¡Allí está! 00:01:43.670 --> 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:17.605 Ok, sigamos con líneas simples. 00:02:17.605 --> 00:02:20.838 El nombre de esa función va a ser "line" (línea) 00:02:20.838 --> 00:02:22.883 Podemos pasarle cuatro parámetros. 00:02:22.883 --> 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.217 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.217 --> 00:02:46.382 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. 00:02:46.382 --> 00:02:52.799 Ahora que entendemos cómo funciona eso, miremos algo que parecerá extraño al principio. 00:02:52.799 --> 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 un poquito muy 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:15.170 De hecho, podemos hacerla desaparecer completamente. 00:03:15.170 --> 00:03:18.383 Ahora bien, estamos pensando adónde se fue. 00:03:18.383 --> 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:39.050 No la veríamos para nada, ¿O sí? 00:03:39.050 --> 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.550 Tanto por la elipse como por el rectángulo. 00:03:50.550 --> 00:03:59.272 Podemos afectar qué formas son dibujadas encima de qué otras formas simplemente, cambiando el orden en el que las escribimos. 00:03:59.272 --> 00:04:03.603 Ahora, quiero presentar un par de términos técnicos antes de terminar. 00:04:03.603 --> 00:04:09.550 Como quizás hayas aprendido en matemática, 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.967 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.967 --> 00:04:23.906 Por ejemplo, los primeros dos parámetros a nuestra eilpse están diciendo 00:04:23.906 --> 00:04:29.438 que X debería estar en 200 y que Y debería estar en 229 00:04:29.438 --> 00:04:34.572 Ahí lo tienes, es lo mismo que decir cuán lejos a lo alto y a lo ancho". 00:04:34.572 --> 00:04:37.704 La otra pregunta que te puede surgir es, 00:04:37.704 --> 00:04:40.104 ¿Qué unidad hemos estado usando todo este tiempo? 00:04:40.104 --> 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.716 Este espacio de dibujo es de 400 píxeles de ancho. 00:04:52.716 --> 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.670 De manera similar, cuando decimos 200, en realidad, queremos decir 200 píxeles, y probablemente vayas entendiendo la idea. 00:05:07.670 --> 00:05:13.437 Fantástico. Ahora, ya sabes todo acerca de las funciones rect, line y ellipse, y sus parámetros. 00:05:13.437 --> 00:05:17.000 Cubrimos bastante, sigue adelante, sigue explorando ¡Y te acostumbrarás en breve!