1
00:00:00,188 --> 00:00:06,704
Hay tres pasos, que necesitas conocer para hacer tus dibujos esplendorósamente coloridos.

2
00:00:06,704 --> 00:00:08,559
Comencemos coloreando el fondo.

3
00:00:08,559 --> 00:00:11,870
Para hacer eso, sólo tipea "background" y abre paréntesis

4
00:00:11,870 --> 00:00:14,392
y el resto de la línea se completará por ti.

5
00:00:14,392 --> 00:00:17,393
Si miras de cera, notarás que en realidad es una llamada a función.

6
00:00:17,393 --> 00:00:20,337
Mira, tenemos el nombre de la función aquí, que es "background",

7
00:00:20,337 --> 00:00:25,438
luego dos paréntesis, y 3 parámetros dentro, separados por coma.

8
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.

9
00:00:31,892 --> 00:00:35,142
Los números pueden ser cualquiera entre 0 y 255,

10
00:00:35,142 --> 00:00:37,393
en donde 0 (cero) significa "nada de ese color",

11
00:00:37,393 --> 00:00:40,037
y 255 significa maximizar ese color.

12
00:00:40,037 --> 00:00:43,393
Ahora mismo, estoy maximizando la cantidad de rojo, y no hay ni verde ni azul.

13
00:00:43,393 --> 00:00:45,770
Es por eso que el fondo es de un rojo super brillante.

14
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.

15
00:00:50,037 --> 00:00:53,204
Puedo seguir jugando con esos números y ver qué tipo de colores puedo lograr.

16
00:00:53,204 --> 00:00:56,204
O, puedo usar nuestro super útil seleccionador de colores,

17
00:00:56,204 --> 00:00:59,892
que configurará los 3 números por mí.

18
00:00:59,892 --> 00:01:02,893
Ahora, es importante saber qué está haciendo realmente, esta función background.

19
00:01:02,893 --> 00:01:06,370
Está simplemente dibujando un gran rectángulo colorido sobre el espacio de dibujo completo.

20
00:01:06,370 --> 00:01:09,105
Si la moviera al final de mi programa, de esta manera,

21
00:01:09,105 --> 00:01:12,470
entonces dibujaría ese gran cuadrado por encima de todas mis formas.

22
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?"

23
00:01:14,970 --> 00:01:17,170
Pero, ey, uno nunca sabe.

24
00:01:17,170 --> 00:01:19,670
Lo dejaremos al principio por ahora.

25
00:01:19,670 --> 00:01:21,559
Ahora, |A colorear nuestras formas!

26
00:01:21,559 --> 00:01:25,304
Puede ayudarte, el pensar que la computadora tiene un asistente de color,

27
00:01:25,304 --> 00:01:27,370
algún tipo de mayordomo de colores.

28
00:01:27,370 --> 00:01:29,727
Básicamente, algún tipo que está encargado de los colores.

29
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,

30
00:01:34,770 --> 00:01:39,559
y un balde de pintura en su mano derecha.

31
00:01:39,559 --> 00:01:43,393
La computadora utilizará este marcador de color para dibujar todos los border,

32
00:01:43,393 --> 00:01:45,000
y el balde de pintura para rellenar las formas.

33
00:01:45,000 --> 00:01:47,809
Ahora bien, el marcador es negro, y el balde de pintura es blanco.

34
00:01:47,809 --> 00:01:51,977
Puedes cambiar el color del marcador llamando a esta función "stroke".

35
00:01:51,977 --> 00:01:56,394
También, autocompleta lo que escribes, y luego puedes escoger un color.

36
00:01:56,394 --> 00:01:58,560
Esto cambia el marcador que el muchacho de los colores está sosteniendo.

37
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.

38
00:02:02,538 --> 00:02:05,670
A veces, no quieres bordes en tus formas.

39
00:02:05,670 --> 00:02:07,394
¡Hay una función para eso, también!

40
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.

41
00:02:13,560 --> 00:02:17,439
Simplemente, tenemos este set de paréntesis y un punto y coma,

42
00:02:17,439 --> 00:02:20,438
y ahora puedes ver que nuestras formas no tienen bordes.

43
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".

44
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.

45
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.

46
00:02:38,429 --> 00:02:42,077
Esto hace todas nuestras formas, transparentes. No son rellenadas.

47
00:02:42,077 --> 00:02:44,893
Ahora continuemos y cambiemos el color de este muchacho.

48
00:02:44,893 --> 00:02:47,227
Comenzamos dibujando un triángulo para el cuerpo.

49
00:02:47,227 --> 00:02:56,003
Voy a seleccionar un color de stroke, configurar el borde, digamos, de un verde oscuro.

50
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.

51
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.

52
00:03:13,771 --> 00:03:18,892
Escogeré un borde bronceado marrón oscuro

53
00:03:18,892 --> 00:03:21,836
Ahora escogeré un color de relleno diferente.

54
00:03:21,836 --> 00:03:25,477
¿Cuál es un buen color de cara? Mmh...

55
00:03:25,477 --> 00:03:30,393
¿Éste sería un color más o menos de cara, no?

56
00:03:30,393 --> 00:03:33,844
Ahora, las siguientes dos líneas, estas 2 elipses, son sus manos.

57
00:03:33,844 --> 00:03:36,281
Quiero que sus manos sean del mismo color que su cara.

58
00:03:36,281 --> 00:03:38,893
Así que no vamos a modificar el marcador ni el balde de pinitura.

59
00:03:38,893 --> 00:03:40,837
Sólo dejaremos el color de borde y de relleno iguales

60
00:03:40,837 --> 00:03:42,810
y continuaremos con su boca.

61
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.

62
00:03:51,004 --> 00:03:55,393
Pero podemos cambiar el color de borde de esta línea.

63
00:03:55,393 --> 00:03:57,636
Sí, rojo es un color bastante bueno para su boca.

64
00:03:57,636 --> 00:03:59,044
Ahora, los marcos de sus gafas.

65
00:03:59,044 --> 00:04:00,565
Una vez más, sólo necesitamos configurar el borde.

66
00:04:00,565 --> 00:04:02,608
¿Cuál es un buen color de gafas?

67
00:04:02,608 --> 00:04:04,623
Negro es bastante clásico.

68
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.

69
00:04:11,727 --> 00:04:16,906
No voy a cambiar el borde, pero voy a darle un color de relleno.

70
00:04:16,906 --> 00:04:20,892
Hagámosolo negro para que concuerde con los marcos.

71
00:04:20,892 --> 00:04:23,227
Ahí estamos, nuestro muchacho es colorido.

72
00:04:23,227 --> 00:04:27,000
¡Oh sí!