1
00:00:00,760 --> 00:00:06,265
En esta sección, vamos a combinar el las ideas anteriores de código con las ideas de

2
00:00:06,265 --> 00:00:11,908
las imágenes y los píxeles y los números RGB para ordenar
de llevar que juntos. Ahora, los ejemplos

3
00:00:11,908 --> 00:00:16,985
en esta sección, vamos a manipular un píxel a la vez. Y, a continuación, en la siguiente

4
00:00:16,985 --> 00:00:21,509
sección vamos a ampliarlo para construir, hacer miles de píxeles a la vez. Por lo tanto, para obtener

5
00:00:21,509 --> 00:00:27,036
comenzó, quiero vistazo a esto, la imagen llama X.PNG. Y esta imagen es muy pequeña, por lo que

6
00:00:27,036 --> 00:00:32,702
puede [inaudible] de aquí. Por lo tanto, es una imagen de diez por diez , la cual se muestra en la

7
00:00:32,702 --> 00:00:38,229
página. Y es una imagen en negro con un blanco X dibujada en ella. Y, como he dicho, es, es

8
00:00:38,229 --> 00:00:43,756
bastante pequeña. Pero vamos, vamos a mostrar un poco más grande en un segundo. Así que el PNG

9
00:00:43,756 --> 00:00:49,212
es una, un formato de imagen, redes portátiles gráficos. Al igual que, JPEG es un formato

10
00:00:49,212 --> 00:00:54,967
que podría ser más familiar. entonces estos son los dos formatos de imagen. Así, en este

11
00:00:54,967 --> 00:01:00,938
caso, [el sonido]. Lo que yo quiero ver aquí. Es algo de código, que carga la parte superior X P y G

12
00:01:00,938 --> 00:01:05,675
la imagen y la muestra. Por lo tanto, sera un primer ejemplo, muy simple de código,

13
00:01:05,675 --> 00:01:10,172
que trabaja con imágenes. Por lo tanto, aquí está el código de aquí, y sólo voy a hablar sobre

14
00:01:10,172 --> 00:01:14,489
lo que hace cada línea. Por lo tanto, esta primera línea, la imagen es igual a la imagen nueva y sencilla. De

15
00:01:14,669 --> 00:01:19,344
[Inaudible] PNG. Lo que esto hace, es la mano derecha en esencia. Carga los

16
00:01:19,344 --> 00:01:23,698
x.png imagen en la memoria. Y vamos a hablar en más detalle más adelante, lo que, lo que la memoria

17
00:01:23,698 --> 00:01:27,890
es. Pero basta con decir que es una especie de la, que se mete en el ordenador de manera que pueda,

18
00:01:27,890 --> 00:01:32,516
el equipo puede trabajar en él. Así que una vez que se tenga la imagen, el signo igual aquí

19
00:01:32,516 --> 00:01:36,980
simplemente lo almacena en una variable, que yo soy, Voy a llamar a la imagen, al igual que, al igual que

20
00:01:36,980 --> 00:01:41,389
hemos visto las variables antes. La segunda línea, image.setzoom20. Lo que hace es

21
00:01:41,389 --> 00:01:46,016
llamar, un conjunto, la función de zoom conjunto,
que es algo que tienen las imágenes. Y

22
00:01:46,016 --> 00:01:51,960
pasa el número veinte. Y todo esto hace. Es esa opción para mostrar la

23
00:01:51,960 --> 00:01:57,190
imagen en el tamaño de 20x? Y así. Eso es sólo algo que haría uso de una imagen pequeña como

24
00:01:57,190 --> 00:02:00,657
esto sólo por lo que se muestra lo suficientemente grande, que
lo podemos ver. Y, por último, Imprimir (PRINT)

25
00:02:00,657 --> 00:02:04,038
Imagen, es muy similar a lo que veiamos antes de eso, sólo imprime la imagen sobre

26
00:02:04,038 --> 00:02:07,418
el lado derecho tal y como vimos, cadenas y números antes. Para que todos podamos

27
00:02:07,418 --> 00:02:12,326
a modo de prueba. Así que si ejecuto esto lo que se ve
está aquí está X.PNG, aparecen por aquí. Y

28
00:02:12,326 --> 00:02:16,908
acto-, en realidad se puede contar, uno, dos, tres, cuatro. En realidad puede contar con más,

29
00:02:16,908 --> 00:02:21,980
y ver que es de hecho, diez por diez pixeles. Y es que se muestra aquí, en

30
00:02:22,163 --> 00:02:27,234
veinte XIs. Así que en realidad podría cambiar este número aquí. Así que si puedo cambiar esto a una

31
00:02:27,234 --> 00:02:31,634
diez, y luego volver a ejecutarlo entonces está bien, bueno, ahora es sólo 20 veces. ¿Y si pongo

32
00:02:31,634 --> 00:02:35,483
como, un, un aquí 40, y ejecutarlo, [Inaudible]. Así que voy a poner de nuevo a la

33
00:02:35,483 --> 00:02:40,013
veinte. [Sonido] de manera que es sólo una primera ejemplo de un poco de código, pero estamos

34
00:02:40,013 --> 00:02:44,882
especie de ir por el camino de poder para cargar y manipular imágenes. Derecho, por lo que

35
00:02:44,882 --> 00:02:50,471
para hacer de este un poco más interesante. Yo Quiero ampliar el código para poder hacer frente

36
00:02:50,471 --> 00:02:55,247
con píxeles individuales, así que estoy un añadir una, un par de líneas en el centro de la una

37
00:02:55,247 --> 00:02:59,458
programa de aquí, así que esta línea pixelequalsimage.getpixel00. Lo que

38
00:02:59,458 --> 00:03:04,361
Qué se va a la imagen y su va a obtener una referencia a un píxel en particular

39
00:03:04,361 --> 00:03:09,515
siempre, siempre que X, Y que coordina especifique aquí para 0,0 o se refiere a la,

40
00:03:09,515 --> 00:03:14,857
el píxel superior izquierdo, por lo que se referencia
para el pixel superior izquierdo y tiendas que en

41
00:03:14,857 --> 00:03:20,224
un píxel variable y luego esta línea. Pixel
punto setRed 255. Que llama a una función

42
00:03:20,224 --> 00:03:25,722
pixel ha llamado setRed y lo que el, lo que
setRed no es que se necesita en cualquier número aquí

43
00:03:25,722 --> 00:03:31,090
entre los paréntesis y lo que sea que número, lo lleva y lo pone en el

44
00:03:31,090 --> 00:03:36,329
valor del píxel de color rojo para ser ese número. Por lo tanto, voy a ejecutar este. Tenemos que ver

45
00:03:36,329 --> 00:03:41,504
lo que hace. Y lo que ves es lo que el código ha hecho referencia se obtiene una

46
00:03:41,504 --> 00:03:46,421
a esto, el pixel superior izquierdo y fue negro antes y que, recuerdo, recuerdo

47
00:03:46,421 --> 00:03:51,597
cada uno, cada pixel tiene los tres números en, rojo, verde y azul. Y así lo que este

48
00:03:51,597 --> 00:03:56,385
código no se fue a la cantidad de color rojo y cambió a 255, sólo anulando

49
00:03:56,385 --> 00:04:01,625
todo lo que había antes. Por eso, cuando vemos que, así está bien se muestra como un píxel de color rojo,

50
00:04:01,625 --> 00:04:07,995
así. Hay un conjunto de Red para cambiar el color rojo valores. Hay un conjunto de función análoga

51
00:04:07,995 --> 00:04:12,808
Verde y se puso azul. Por lo tanto, tenemos estos tres, Red Set, Set Set Green y Blue.

52
00:04:12,808 --> 00:04:17,620
Y, así, con los que, sólo puede cambiar
los valores de rojo, verde y azul para ser

53
00:04:17,620 --> 00:04:22,083
lo que sea, donde sea que queramos. Por lo tanto. Ah, y Voy a hablar en un aparte por lo que yo, yo

54
00:04:22,083 --> 00:04:25,498
ya sabes, introdujo tres funciones. Hay una página aparte,

55
00:04:25,498 --> 00:04:29,328
Funciones de la imagen de referencia, que sólo se enumeran
todas las funciones en una mesa, por lo que para algunos

56
00:04:29,328 --> 00:04:33,111
ejercicio posterior, es posible que desee, puede ver que si quieres recordar lo que un

57
00:04:33,111 --> 00:04:36,526
función hace. Pero por lo general para el Me limitaré a conferencias, si voy a utilizar un

58
00:04:36,526 --> 00:04:40,240
Voy a funcionar, como yo voy a hablar al respecto. Por lo tanto, lo que quiero hacer para

59
00:04:40,240 --> 00:04:44,273
demostrar cómo, cómo funcionan estas funciones, se acaba de pasar por un montón de ejemplos

60
00:04:44,273 --> 00:04:48,234
Sólo tienes que usar para hacer algo. Muy bien, así que aquí están, por lo que el, el formato

61
00:04:48,234 --> 00:04:52,118
de esto es lo que tengo, un área poco de código aquí con algo de código de arranque en él. Y

62
00:04:52,118 --> 00:04:55,856
a continuación en la tabla aquí abajo, acabo de aparece un montón de pequeño desafío,

63
00:04:55,856 --> 00:04:59,643
problemas, como, oh, algo de lo que establece verde o amarillo o lo que sea, y nos vamos

64
00:04:59,643 --> 00:05:03,575
a través de ellos. Para cada uno de ellos, sobre el lado derecho no hay este pequeño

65
00:05:03,575 --> 00:05:07,702
mostrar el botón, por lo que puede hacer clic para ver el código de la solución. Así que más tarde se puede ir

66
00:05:07,702 --> 00:05:11,731
a esta página a sí mismo ya los experimentos de los He tratado de usted puede apenas tratar de

67
00:05:11,731 --> 00:05:15,421
tratar las variaciones de los mismos o lo que sea. Muy bien, así que vamos a probar esto primero. Bien

68
00:05:15,421 --> 00:05:19,282
en realidad, aquí, voy, voy a ejecutar el código primero en ver lo que hace. Muy bien, tan a la derecha

69
00:05:19,282 --> 00:05:23,582
Ahora se está poniendo píxeles 0,0 y estableciéndola en rojo. Así que, más o menos visto

70
00:05:23,582 --> 00:05:28,589
que antes. Muy bien, entonces ¿cuál es la primera problema de [inaudible]. Establecer píxel 0,0 a ser

71
00:05:28,589 --> 00:05:33,543
verde. Así que la forma aquí, está en Inglés, se dice, bueno esto es un efecto que había

72
00:05:33,543 --> 00:05:38,560
desea obtener y en el sentido de los pasos vamos por aquí a pensar en

73
00:05:38,560 --> 00:05:43,641
así, lo que sería en el dominio del código, en términos de llamadas de función y números.

74
00:05:43,641 --> 00:05:48,850
¿Cuáles son la serie de operaciones que queremos que hacer para conseguir ese efecto? Así que usted es tipo

75
00:05:48,850 --> 00:05:53,981
de traducir esencialmente de Inglés en la computadora. Así que en este caso se dice

76
00:05:53,981 --> 00:05:58,792
que se establece verde. Así que lo que quiero hacer para hacer eso, es lugar de llamar al conjunto rojo

77
00:05:58,792 --> 00:06:03,903
la función, sólo voy a cambiarlo por establecimiento de llamada verde. Así que vamos a intentar eso. Y ahí vamos.

78
00:06:03,903 --> 00:06:09,466
Tenemos que pixel [inaudible] verde y cosas. Vamos a intentar el siguiente. El siguiente una

79
00:06:09,466 --> 00:06:15,315
dice configurar píxeles 0,0 a ser de color amarillo. Así que bien, así así, con el fin para el pixel que aparezca

80
00:06:15,315 --> 00:06:20,664
amarillo, lo que quiero es que tanto el rojo y los valores de verde a ser 255. Ya sabes,

81
00:06:20,664 --> 00:06:25,942
amarillo es igual a más de color rojo verde. Así que para hacer
que, para cambiar tanto el rojo y el

82
00:06:25,942 --> 00:06:30,197
verde. Voy a copiar esta línea, y tendrá que pegarlo aquí. Y sólo voy a cambiar

83
00:06:30,197 --> 00:06:34,280
este uno a rojo. Por lo tanto, estoy, estoy confiando en el hecho de que, una vez que tengo la referencia

84
00:06:34,280 --> 00:06:38,312
de píxeles, lo que puedo hacer varias cosas a la misma.
Por lo tanto, en adelante, en esta primera línea, que yo llamo establecer

85
00:06:38,312 --> 00:06:42,242
rojo, puedo cambiar el valor de rojo. Y entonces me puede llamar al conjunto verde en la línea siguiente a la

86
00:06:42,242 --> 00:06:46,427
cambiar el color verde. Y va, el código acaba de pasar y hacer cada uno de los

87
00:06:46,427 --> 00:06:50,510
las cosas internamente. Así que vamos a intentar eso. Y Efectivamente, ahora se ponen amarillos. Así que tengo,

88
00:06:50,510 --> 00:06:54,439
sorta esta se remonta a la idea de que hay este pixel. En realidad, sólo tenía

89
00:06:54,439 --> 00:06:58,624
estos tres números aquí. Y aquí estoy escribir código línea por línea para llegar a un poco

90
00:06:58,624 --> 00:07:04,407
allí y cambiar esos números. Vamos a tratar el siguiente. Establecer píxel 1,0 a ser

91
00:07:04,407 --> 00:07:10,242
amarilla. ¿Dónde está ese pixel? Así, de manera que se remonta a esta línea, el punto de la imagen recibe

92
00:07:10,242 --> 00:07:14,751
línea de píxeles, lo que no he cambiado hasta hasta ahora. Así que la forma, que esto funciona es

93
00:07:14,751 --> 00:07:19,630
cualquiera que sea el número que especifique, cero, cero, lo que sea, eso es sólo una forma de identificar

94
00:07:19,630 --> 00:07:24,571
el píxel diferente dentro de aquí. Por lo tanto, si dicen que un cero, que va a conseguir el píxel

95
00:07:24,571 --> 00:07:29,265
x es igual a uno; y es igual a cero, por lo que el [Inaudible] es que es el próximo en línea. Así pues, si

96
00:07:29,265 --> 00:07:34,206
Corro que, sólo podemos ver lo que hace. Por lo tanto, lo que se ve es que es una más de la

97
00:07:34,206 --> 00:07:39,024
derecha. Así que en realidad, sólo puede especificar nada por aquí. Yo podría decir, ya sabes,

98
00:07:39,024 --> 00:07:43,254
dos períodos de cuatro Vamos a ver dónde está, si me quedo él. Ah, bueno, al parecer, eso es más de aquí.

99
00:07:43,407 --> 00:07:47,285
Así que esto se remonta a lo que estaba diciendo una par de secciones hace. Eso es que es,

100
00:07:47,285 --> 00:07:51,673
que X es igual a cero, eso es X es igual a uno, eso es X es igual a dos. Vamos a jugar con

101
00:07:51,673 --> 00:07:55,704
una gran cantidad de detalle de jugar con diferentes Valores XY, sólo tenemos que apreciar

102
00:07:55,704 --> 00:08:00,462
que. Incluso si tengo un millón de píxeles aquí hay esta x, y esquema de los cuales se pudieron

103
00:08:00,462 --> 00:08:05,140
marcarlo con una X en particular, el número y para marcar en exactamente un píxel en particular.

104
00:08:05,140 --> 00:08:13,929
Así que el texto se dice, establece 00 píxeles a la blanco. Así que voy a cambiar esto de nuevo, para ser

105
00:08:13,929 --> 00:08:23,194
00 píxeles, así que ¿qué puedo hacer para [inaudible] pegamento para que sea blanco? La respuesta que es

106
00:08:23,194 --> 00:08:30,069
desea establecer los tres valores a 255. Tan notificación, en lugar de decir, volver a escribir píxel.,

107
00:08:30,069 --> 00:08:35,036
lo que es con la mano, una gran cantidad de veces que les resulta más fácil copiar una ya existente y

108
00:08:35,036 --> 00:08:39,194
a continuación, sólo modificar un poco. Por lo tanto, estoy va a poner en una tercera llamada aquí

109
00:08:39,367 --> 00:08:43,598
pixel.setblue255. Así, el, el resultado de tres de ellas. Vamos a intentarlo. Sí,

110
00:08:43,598 --> 00:08:47,245
efectivamente, se pone a ser blanco. Tan He puesto los tres valores que

111
00:08:47,245 --> 00:08:51,258
[Inaudible]. Así que hay un par más problemas aquí. Estoy en realidad no va a

112
00:08:51,258 --> 00:08:55,167
trabajar, pero, si lo desea, usted puede ir a esta página, y tratar de cualquier número de

113
00:08:55,167 --> 00:08:59,284
experimentos o tratan de esos también. Y luego, una vez que se sienta cómodo con esa

114
00:08:59,284 --> 00:09:02,880
tipo de material, entonces, vamos a estar listos para algunos, a, algunos de los ejercicios.