0:00:00.188,0:00:06.704
Hay tres pasos, que necesitas conocer para hacer tus dibujos esplendorósamente coloridos.

0:00:06.704,0:00:08.559
Comencemos coloreando el fondo.

0:00:08.559,0:00:11.870
Para hacer eso, sólo tipea "background" y abre paréntesis

0:00:11.870,0:00:14.392
y el resto de la línea se completará por ti.

0:00:14.392,0:00:17.393
Si miras de cera, notarás que en realidad es una llamada a función.

0:00:17.393,0:00:20.337
Mira, tenemos el nombre de la función aquí, que es "background",

0:00:20.337,0:00:25.438
luego dos paréntesis, y 3 parámetros dentro, separados por coma.

0:00:25.438,0:00:31.892
Estos tres números representan la cantidad de rojo, verde y azul en el color del fondo.

0:00:31.892,0:00:35.142
Los números pueden ser cualquiera entre 0 y 255,

0:00:35.142,0:00:37.393
en donde 0 (cero) significa "nada de ese color",

0:00:37.393,0:00:40.037
y 255 significa maximizar ese color.

0:00:40.037,0:00:43.393
Ahora mismo, estoy maximizando la cantidad de rojo, y no hay ni verde ni azul.

0:00:43.393,0:00:45.770
Es por eso que el fondo es de un rojo super brillante.

0:00:45.770,0:00:50.037
Si hago el primer número más chico, entonces, habrá menos rojo, y se verá como un rojo oscuro.

0:00:50.037,0:00:53.204
Puedo seguir jugando con esos números y ver qué tipo de colores puedo lograr.

0:00:53.204,0:00:56.204
O, puedo usar nuestro super útil seleccionador de colores,

0:00:56.204,0:00:59.892
que configurará los 3 números por mí.

0:00:59.892,0:01:02.893
Ahora, es importante saber qué está haciendo realmente, esta función background.

0:01:02.893,0:01:06.370
Está simplemente dibujando un gran rectángulo colorido sobre el espacio de dibujo completo.

0:01:06.370,0:01:09.105
Si la moviera al final de mi programa, de esta manera,

0:01:09.105,0:01:12.470
entonces dibujaría ese gran cuadrado por encima de todas mis formas.

0:01:12.470,0:01:14.970
Quizás estés pensando "eso es estúpido, ¿Por qué alguien habría de querer eso?"

0:01:14.970,0:01:17.170
Pero, ey, uno nunca sabe.

0:01:17.170,0:01:19.670
Lo dejaremos al principio por ahora.

0:01:19.670,0:01:21.559
Ahora, |A colorear nuestras formas!

0:01:21.559,0:01:25.304
Puede ayudarte, el pensar que la computadora tiene un asistente de color,

0:01:25.304,0:01:27.370
algún tipo de mayordomo de colores.

0:01:27.370,0:01:29.727
Básicamente, algún tipo que está encargado de los colores.

0:01:29.727,0:01:34.770
Este muchacho de los colores, sólo puede sostener un marcador de color en su mano izquierda,

0:01:34.770,0:01:39.559
y un balde de pintura en su mano derecha.

0:01:39.559,0:01:43.393
La computadora utilizará este marcador de color para dibujar todos los border,

0:01:43.393,0:01:45.000
y el balde de pintura para rellenar las formas.

0:01:45.000,0:01:47.809
Ahora bien, el marcador es negro, y el balde de pintura es blanco.

0:01:47.809,0:01:51.977
Puedes cambiar el color del marcador llamando a esta función "stroke".

0:01:51.977,0:01:56.394
También, autocompleta lo que escribes, y luego puedes escoger un color.

0:01:56.394,0:01:58.560
Esto cambia el marcador que el muchacho de los colores está sosteniendo.

0:01:58.560,0:02:02.538
de manera de que todas las formas dibujadas luego de esta línea, sean dibujadas con un marcador rosado.

0:02:02.538,0:02:05.670
A veces, no quieres bordes en tus formas.

0:02:05.670,0:02:07.394
¡Hay una función para eso, también!

0:02:07.394,0:02:13.560
Se llama "noStroke", y por primera vez, vemos una función que no recibe ningún parámetro.

0:02:13.560,0:02:17.439
Simplemente, tenemos este set de paréntesis y un punto y coma,

0:02:17.439,0:02:20.438
y ahora puedes ver que nuestras formas no tienen bordes.

0:02:20.438,0:02:25.837
Podemos cambiar el color del balde de pintura de este muchacho, llamando a la función "fill".

0:02:25.837,0:02:30.438
Ahora bien, a partir de esta línea, en adelante, él rellenará todas las formas con este color rojo brillante.

0:02:30.438,0:02:38.369
Así como tenemos una función noStroke, también tenemos una función noFill, que tampoco recibe parámetros.

0:02:38.429,0:02:42.077
Esto hace todas nuestras formas, transparentes. No son rellenadas.

0:02:42.077,0:02:44.893
Ahora continuemos y cambiemos el color de este muchacho.

0:02:44.893,0:02:47.227
Comenzamos dibujando un triángulo para el cuerpo.

0:02:47.227,0:02:56.003
Voy a seleccionar un color de stroke, configurar el borde, digamos, de un verde oscuro.

0:02:56.003,0:03:05.393
Ahora elegimos un color de relleno. Mmmh, ¿cuál sería lindo? Quizás un verde claro.

0:03:05.393,0:03:13.771
Para su cara, no queremos que tenga un borde verde, así que cambiaré el color de borde para su cara.

0:03:13.771,0:03:18.892
Escogeré un borde bronceado marrón oscuro

0:03:18.892,0:03:21.836
Ahora escogeré un color de relleno diferente.

0:03:21.836,0:03:25.477
¿Cuál es un buen color de cara? Mmh...

0:03:25.477,0:03:30.393
¿Éste sería un color más o menos de cara, no?

0:03:30.393,0:03:33.844
Ahora, las siguientes dos líneas, estas 2 elipses, son sus manos.

0:03:33.844,0:03:36.281
Quiero que sus manos sean del mismo color que su cara.

0:03:36.281,0:03:38.893
Así que no vamos a modificar el marcador ni el balde de pinitura.

0:03:38.893,0:03:40.837
Sólo dejaremos el color de borde y de relleno iguales

0:03:40.837,0:03:42.810
y continuaremos con su boca.

0:03:42.810,0: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.

0:03:51.004,0:03:55.393
Pero podemos cambiar el color de borde de esta línea.

0:03:55.393,0:03:57.636
Sí, rojo es un color bastante bueno para su boca.

0:03:57.636,0:03:59.044
Ahora, los marcos de sus gafas.

0:03:59.044,0:04:00.565
Una vez más, sólo necesitamos configurar el borde.

0:04:00.565,0:04:02.608
¿Cuál es un buen color de gafas?

0:04:02.608,0:04:04.623
Negro es bastante clásico.

0:04:04.623,0:04:11.727
Para los vidrios de sus gafas, Quiero que los rectángulos tengan el mismo borde que los del marco.

0:04:11.727,0:04:16.906
No voy a cambiar el borde, pero voy a darle un color de relleno.

0:04:16.906,0:04:20.892
Hagámosolo negro para que concuerde con los marcos.

0:04:20.892,0:04:23.227
Ahí estamos, nuestro muchacho es colorido.

0:04:23.227,0:04:27.000
¡Oh sí!