0:00:01.788,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 teclea "background" y abre paréntesis

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

0:00:14.232,0:00:17.393
Si miras de cerca, notarás que en realidad esto es una llamada a una 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.108
luego dos paréntesis, y 3 parámetros dentro, separados por coma.

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

0:00:31.312,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:39.867
y 255 significa maximizar ese color.

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

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

0:00:45.340,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.710
Quizás estés pensando: "Eso es tonto, ¿por qué alguien habría de querer eso?"

0:01:14.710,0:01:16.900
Pero, hey, uno nunca sabe.

0:01:16.900,0:01:19.150
Lo dejaremos al principio por ahora.

0:01:19.150,0:01:21.039
Ahora, ¡A colorear nuestras figuras!

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

0:01:24.714,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.269
y un balde de pintura en su mano derecha.

0:01:39.269,0:01:42.543
La computadora utilizará este marcador de color para dibujar todos los bordes,

0:01:42.543,0:01:44.690
y el balde de pintura para rellenar las formas.

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

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

0:01:51.717,0:01:56.174
Que también, autocompleta lo que escribes, y luego puedes escoger un color.

0:01:56.174,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:12.570
Se llama "noStroke", y por primera vez, vemos una función que no recibe ningún parámetro.

0:02:12.570,0:02:17.059
Simplemente, tenemos este conjunto de paréntesis y un punto y coma,

0:02:17.059,0:02:20.068
y ahora puedes ver que nuestras formas no tienen bordes.

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

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

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

0:02:37.999,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.371
Para su cara, no queremos que tenga un borde verde, así que cambiaré el color de borde para su cara.

0:03:13.371,0:03:18.102
Escogeré un borde bronceado marrón oscuro

0:03:18.102,0:03:21.146
Ahora escogeré un color de relleno diferente.

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

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

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

0:03:56.126,0:03:57.884
Ahora, los marcos de sus gafas.

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

0:04:00.395,0:04:02.108
¿Cuál es un buen color de gafas?

0:04:02.108,0:04:03.803
Negro es bastante clásico.

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

0:04:11.407,0:04:16.906
Así que no voy a cambiar el borde, pero voy a darle un color de relleno.

0:04:16.906,0:04:20.322
Hagámoslo negro para que concuerde con los marcos.

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

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