WEBVTT 00:00:01.788 --> 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 teclea "background" y abre paréntesis 00:00:11.870 --> 00:00:14.232 y el resto de la línea se completará por ti. 00:00:14.232 --> 00:00:17.393 Si miras de cerca, notarás que en realidad esto es una llamada a una 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.108 luego dos paréntesis, y 3 parámetros dentro, separados por coma. 00:00:25.108 --> 00:00:31.312 Estos tres números representan la cantidad de rojo, verde y azul en el color del fondo. 00:00:31.312 --> 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:39.867 y 255 significa maximizar ese color. 00:00:39.867 --> 00:00:43.123 Ahora mismo, estoy maximizando la cantidad de rojo, y no hay ni verde ni azul. 00:00:43.123 --> 00:00:45.340 Es por eso que el fondo es de un rojo super brillante. 00:00:45.340 --> 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.710 Quizás estés pensando: "Eso es tonto, ¿por qué alguien habría de querer eso?" 00:01:14.710 --> 00:01:16.900 Pero, hey, uno nunca sabe. 00:01:16.900 --> 00:01:19.150 Lo dejaremos al principio por ahora. 00:01:19.150 --> 00:01:21.039 Ahora, ¡A colorear nuestras figuras! 00:01:21.039 --> 00:01:24.714 Puede ayudarte, el pensar que la computadora tiene un asistente de color, 00:01:24.714 --> 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.269 y un balde de pintura en su mano derecha. 00:01:39.269 --> 00:01:42.543 La computadora utilizará este marcador de color para dibujar todos los bordes, 00:01:42.543 --> 00:01:44.690 y el balde de pintura para rellenar las formas. 00:01:44.690 --> 00:01:47.809 Ahora bien, el marcador es negro, y el balde de pintura es blanco. 00:01:47.809 --> 00:01:51.717 Puedes cambiar el color del marcador llamando a esta función "stroke". 00:01:51.717 --> 00:01:56.174 Que también, autocompleta lo que escribes, y luego puedes escoger un color. 00:01:56.174 --> 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:12.570 Se llama "noStroke", y por primera vez, vemos una función que no recibe ningún parámetro. 00:02:12.570 --> 00:02:17.059 Simplemente, tenemos este conjunto de paréntesis y un punto y coma, 00:02:17.059 --> 00:02:20.068 y ahora puedes ver que nuestras formas no tienen bordes. 00:02:20.068 --> 00:02:25.557 Podemos cambiar el color del balde de pintura de este muchacho, llamando a la función "fill". 00:02:25.557 --> 00:02:30.038 Ahora bien, a partir de esta línea, en adelante, él rellenará todas las formas con este color rojo brillante. 00:02:30.038 --> 00:02:37.999 Así como tenemos una función noStroke, también tenemos una función noFill, que tampoco recibe parámetros. 00:02:37.999 --> 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.371 Para su cara, no queremos que tenga un borde verde, así que cambiaré el color de borde para su cara. 00:03:13.371 --> 00:03:18.102 Escogeré un borde bronceado marrón oscuro 00:03:18.102 --> 00:03:21.146 Ahora escogeré un color de relleno diferente. 00:03:21.146 --> 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:50.534 Su boca es sólo está línea, y las líneas no tienen colores de relleno porque no hay nada que rellenar. 00:03:50.534 --> 00:03:54.073 Pero podemos cambiar el color de borde de esta línea. 00:03:54.073 --> 00:03:56.126 Sí, rojo es un color bastante bueno para su boca. 00:03:56.126 --> 00:03:57.884 Ahora, los marcos de sus gafas. 00:03:57.884 --> 00:04:00.395 Una vez más, sólo necesitamos configurar el borde. 00:04:00.395 --> 00:04:02.108 ¿Cuál es un buen color de gafas? 00:04:02.108 --> 00:04:03.803 Negro es bastante clásico. 00:04:03.803 --> 00:04:11.407 Para los vidrios de sus gafas, Quiero que los rectángulos tengan el mismo borde que los del marco. 00:04:11.407 --> 00:04:16.906 Así que no voy a cambiar el borde, pero voy a darle un color de relleno. 00:04:16.906 --> 00:04:20.322 Hagámoslo negro para que concuerde con los marcos. 00:04:20.322 --> 00:04:23.227 Ahí estamos, nuestro muchacho es colorido. 00:04:23.227 --> 00:04:25.800 ¡Oh sí!