WEBVTT 00:00:00.188 --> 00:00:06.704 Hay tres pasos, que necesitas conocer para hacer tus dibujos esplendorósamente coloridos. 00:00:06.704 --> 00:00:08.559 Comencemos coloreando el fondo. 00:00:08.559 --> 00:00:11.870 Para hacer eso, sólo tipea "background" y abre paréntesis 00:00:11.870 --> 00:00:14.392 y el resto de la línea se completará por ti. 00:00:14.392 --> 00:00:17.393 Si miras de cera, notarás que en realidad es una llamada a función. 00:00:17.393 --> 00:00:20.337 Mira, tenemos el nombre de la función aquí, que es "background", 00:00:20.337 --> 00:00:25.438 luego dos paréntesis, y 3 parámetros dentro, separados por coma. 00:00:25.438 --> 00:00:31.892 Estos tres números representan la cantidad de rojo, verde y azul en el color del fondo. 00:00:31.892 --> 00:00:35.142 Los números pueden ser cualquiera entre 0 y 255, 00:00:35.142 --> 00:00:37.393 en donde 0 (cero) significa "nada de ese color", 00:00:37.393 --> 00:00:40.037 y 255 significa maximizar ese color. 00:00:40.037 --> 00:00:43.393 Ahora mismo, estoy maximizando la cantidad de rojo, y no hay ni verde ni azul. 00:00:43.393 --> 00:00:45.770 Es por eso que el fondo es de un rojo super brillante. 00:00:45.770 --> 00:00:50.037 Si hago el primer número más chico, entonces, habrá menos rojo, y se verá como un rojo oscuro. 00:00:50.037 --> 00:00:53.204 Puedo seguir jugando con esos números y ver qué tipo de colores puedo lograr. 00:00:53.204 --> 00:00:56.204 O, puedo usar nuestro super útil seleccionador de colores, 00:00:56.204 --> 00:00:59.892 que configurará los 3 números por mí. 00:00:59.892 --> 00:01:02.893 Ahora, es importante saber qué está haciendo realmente, esta función background. 00:01:02.893 --> 00:01:06.370 Está simplemente dibujando un gran rectángulo colorido sobre el espacio de dibujo completo. 00:01:06.370 --> 00:01:09.105 Si la moviera al final de mi programa, de esta manera, 00:01:09.105 --> 00:01:12.470 entonces dibujaría ese gran cuadrado por encima de todas mis formas. 00:01:12.470 --> 00:01:14.970 Quizás estés pensando "eso es estúpido, ¿Por qué alguien habría de querer eso?" 00:01:14.970 --> 00:01:17.170 Pero, ey, uno nunca sabe. 00:01:17.170 --> 00:01:19.670 Lo dejaremos al principio por ahora. 00:01:19.670 --> 00:01:21.559 Ahora, |A colorear nuestras formas! 00:01:21.559 --> 00:01:25.304 Puede ayudarte, el pensar que la computadora tiene un asistente de color, 00:01:25.304 --> 00:01:27.370 algún tipo de mayordomo de colores. 00:01:27.370 --> 00:01:29.727 Básicamente, algún tipo que está encargado de los colores. 00:01:29.727 --> 00:01:34.770 Este muchacho de los colores, sólo puede sostener un marcador de color en su mano izquierda, 00:01:34.770 --> 00:01:39.559 y un balde de pintura en su mano derecha. 00:01:39.559 --> 00:01:43.393 La computadora utilizará este marcador de color para dibujar todos los border, 00:01:43.393 --> 00:01:45.000 y el balde de pintura para rellenar las formas. 00:01:45.000 --> 00:01:47.809 Ahora bien, el marcador es negro, y el balde de pintura es blanco. 00:01:47.809 --> 00:01:51.977 Puedes cambiar el color del marcador llamando a esta función "stroke". 00:01:51.977 --> 00:01:56.394 También, autocompleta lo que escribes, y luego puedes escoger un color. 00:01:56.394 --> 00:01:58.560 Esto cambia el marcador que el muchacho de los colores está sosteniendo. 00:01:58.560 --> 00:02:02.538 de manera de que todas las formas dibujadas luego de esta línea, sean dibujadas con un marcador rosado. 00:02:02.538 --> 00:02:05.670 A veces, no quieres bordes en tus formas. 00:02:05.670 --> 00:02:07.394 ¡Hay una función para eso, también! 00:02:07.394 --> 00:02:13.560 Se llama "noStroke", y por primera vez, vemos una función que no recibe ningún parámetro. 00:02:13.560 --> 00:02:17.439 Simplemente, tenemos este set de paréntesis y un punto y coma, 00:02:17.439 --> 00:02:20.438 y ahora puedes ver que nuestras formas no tienen bordes. 00:02:20.438 --> 00:02:25.837 Podemos cambiar el color del balde de pintura de este muchacho, llamando a la función "fill". 00:02:25.837 --> 00:02:30.438 Ahora bien, a partir de esta línea, en adelante, él rellenará todas las formas con este color rojo brillante. 00:02:30.438 --> 00:02:38.369 Así como tenemos una función noStroke, también tenemos una función noFill, que tampoco recibe parámetros. 00:02:38.429 --> 00:02:42.077 Esto hace todas nuestras formas, transparentes. No son rellenadas. 00:02:42.077 --> 00:02:44.893 Ahora continuemos y cambiemos el color de este muchacho. 00:02:44.893 --> 00:02:47.227 Comenzamos dibujando un triángulo para el cuerpo. 00:02:47.227 --> 00:02:56.003 Voy a seleccionar un color de stroke, configurar el borde, digamos, de un verde oscuro. 00:02:56.003 --> 00:03:05.393 Ahora elegimos un color de relleno. Mmmh, ¿cuál sería lindo? Quizás un verde claro. 00:03:05.393 --> 00:03:13.771 Para su cara, no queremos que tenga un borde verde, así que cambiaré el color de borde para su cara. 00:03:13.771 --> 00:03:18.892 Escogeré un borde bronceado marrón oscuro 00:03:18.892 --> 00:03:21.836 Ahora escogeré un color de relleno diferente. 00:03:21.836 --> 00:03:25.477 ¿Cuál es un buen color de cara? Mmh... 00:03:25.477 --> 00:03:30.393 ¿Éste sería un color más o menos de cara, no? 00:03:30.393 --> 00:03:33.844 Ahora, las siguientes dos líneas, estas 2 elipses, son sus manos. 00:03:33.844 --> 00:03:36.281 Quiero que sus manos sean del mismo color que su cara. 00:03:36.281 --> 00:03:38.893 Así que no vamos a modificar el marcador ni el balde de pinitura. 00:03:38.893 --> 00:03:40.837 Sólo dejaremos el color de borde y de relleno iguales 00:03:40.837 --> 00:03:42.810 y continuaremos con su boca. 00:03:42.810 --> 00:03:51.004 Su boca es sólo está linea, y las líneas no tienen colores de relleno porque no hay nada que rellenar. 00:03:51.004 --> 00:03:55.393 Pero podemos cambiar el color de borde de esta línea. 00:03:55.393 --> 00:03:57.636 Sí, rojo es un color bastante bueno para su boca. 00:03:57.636 --> 00:03:59.044 Ahora, los marcos de sus gafas. 00:03:59.044 --> 00:04:00.565 Una vez más, sólo necesitamos configurar el borde. 00:04:00.565 --> 00:04:02.608 ¿Cuál es un buen color de gafas? 00:04:02.608 --> 00:04:04.623 Negro es bastante clásico. 00:04:04.623 --> 00:04:11.727 Para los vidrios de sus gafas, Quiero que los rectángulos tengan el mismo borde que los del marco. 00:04:11.727 --> 00:04:16.906 No voy a cambiar el borde, pero voy a darle un color de relleno. 00:04:16.906 --> 00:04:20.892 Hagámosolo negro para que concuerde con los marcos. 00:04:20.892 --> 00:04:23.227 Ahí estamos, nuestro muchacho es colorido. 00:04:23.227 --> 00:04:27.000 ¡Oh sí!