Tiempo actual: 0:00Duración total:5:28
0 puntos de energía
Transcripción del video
Empecemos a programar. Para iniciar, dibujemos un círculo. Podemos hacerlo mediante la emisión de un comando a nuestro programa de computadora. Y hemos hecho que puedas ver fácilmente los comandos que están disponibles en esta caja de herramientas. ¿Ves el comando que tiene la figura de un óvalo y la palabra "elipse"? Si nunca habías oido el término "elipse", significa básicamente lo mismo que óvalo, y es el comando que usaremos. Lo voy a tomarlo y arrastrarlo a la zona de código y sorpresa, ¡ hay una elipse en mi lienzo ! En realidad, esta elipse parece un círculo perfecto, porque su anchura y su altura son las mismas. ¿Qué pasa si arrastramos otro comado de elipse? (ups) ¡ No pasa nada ! En realidad, sí pasó algo. Dibujamos otra elipse exactamente en el mismo lugar, sobre la elipse que ya teníamos. Es por eso que estos 4 números son importantes, porque ellos determinan, dónde y cómo se dibuja la elipse. Tenemos los mismos 4 números en estas elipses, por lo que está una sobre otra y eso es bastante absurdo. Fíjate en esos 4 números y trata de adivinar qué representa cada uno de ellos en la elipse. En realidad una manera de averiguarlo es cambiar los número y ver qué pasa. Vamos a hacerlo con este primer número. Usaré este cambiador de números que está aquí, y voy a hacer clic para ir ¡wow! al otro lado del liezo. Así que este número parece controlar la distancia del la elipse al lado izquierdo del lienzo. Ahora, el segundo número. Conforme cambio este número, se mueve hacia abajo, así que parece controlar que tan abajo está de la parte superior del lienzo. Ok, el tercer número, vamos a ver qué pasa. ¡ Se hace más ancha ! Así que éste controla la anchura. Finalmente, el cuarto número. ¿ Qué crees que haga este número? Bueno, ¿qué falta? ¡ La altura ! Éste hace la elipse más alta, ¡wow! Ahora, tal vez puedes entender por qué el comando de elipse originalmente dibuja un círculo, porque la anchura y la altura son de 100, y eso hace un círculo perfecto, del mismo tamaño por todos lados. Entre más cambiemos estos números entre ellos, menos parecerá un círculo perfecto. Éste de 185 y 306, no es muy circular en realidad. Ahora sabemos lo que hace cada uno de estos 4 números. Los primero dos controlan la posición, y los siguientes dos controlan el tamaño. A estos números los llamamos "parámetros" del comando elipse. En realidad, en programación, generalmente a un comando lo llamamos "función". Aquí en nuestro programa, estamos llamando a la función elipse, y pasando 4 parámetros para cambiar la forma en la que se dibuja la elipse. Ahora que sabemos cómo funcionan estos números, vamos a tratar de dibujar algo: ¡una cara! Ya tenemos aquí la forma de la cara, solo nos falta agregar los ojos y una boca. Vamos a pasar ésta de aquí a la boca, queremos esta elipse aquí abajo. En primer lugar voy a cambiar el primer número, que debe estar más alejado de la izquierda. Ok, se ve bien. Ahora, voy a cambiar este número, debe estar más abajo. ¡Se ve grandioso! Después voy a hacerla más grande. ¡Una boca loca! Muy bien. Ahora voy a arrastrar otra elipse para el ojo. Este debe ir aquí, así que la voy a mover un poco, y la voy a bajar un poco, no debe estar en la orilla de la cabeza. Es un poco grande, así está mejor, hermosa. Vamos a poner otro ojo, este no es un cíclope aunque los cíclopes son hermosos. Déjenme mover este hasta acá, hermoso. Después lo voy a mover hacia abajo. Y lo voy a hacer un poco más delgado. ¡Oh!, me encanta, ¡se ve muy bien! En este programa, dibujamos una cara llamando a la función elipse 4 veces, y especificando 4 parámetros cada vez que llamamos la función. No todas las funciones en programación tienen parámetros, pero muchas de ellas sí, porque cuando quieres decirle a un programa que haga una cosa en particular, también tienes que darle al programa algunos detalles sobre cómo hacer esa cosa. Piensa en lo aburrido que sería si sólo pudieramos dibujar una elipse en el mismo lugar. Cuando describimos los parámetros que necesita una función, generalmente le pasamos un alias para que no tengamos que decirle el "primero" y el "segundo" y el "tercero" y el "cuarto". Aquí en realidad mostramos alias sobre los números para ayudarte. Vamos a ver. El primero lo llamamos "x", porque pensamos en la dirección de "x" que pasa a través del lienzo de izquierda a derecha, desde 0 hasta 400. Al segundo parámetro lo llamamos "y" porque pensamos en la dirección de "y" que va de arriba a abajo, de 0 a 400. Es un poco diferente de una cuadrícula, si es eso a lo que estás acostumbrado porque generalmente en matemáticas, el punto 0,0 está en el centro, y la "y" va hacia arriba desde aquí. En este caso, nuestro punto 0,0 está aquí, y nuestra "y" va desde 0 incrementándose hacia abajo hasta 400. Es un poco diferente, es algo a lo que te acostumbrarás. Al tercer parámetro lo llamamos "anchura" porque es la anchura y al cuarto, "altura", porque es la altura. Y usamos "w" y "h" porque no podemos poner palabras más largas aquí. Ok, ¿Entendiste? Lo harás pronto, porque vas a practicar algo de código de arrastrar y soltar por ti mismo. Ah, y si tienes curiosidad por todas las funciones de tu caja de herramientas mantente al tanto. Hablaremos de ellas justo después del desafío.