WEBVTT

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

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

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

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

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

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

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

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

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

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

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

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,

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

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

00:01:14.669 --> 00:01:19.344
[Inaudible] PNG. Lo que esto hace, es la mano derecha en esencia. Carga los

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

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,

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í

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

00:01:36.980 --> 00:01:41.389
hemos visto las variables antes. La segunda línea, image.setzoom20. Lo que hace es

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

00:01:46.016 --> 00:01:51.960
pasa el número veinte. Y todo esto hace. Es esa opción para mostrar la

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

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)

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

00:02:04.038 --> 00:02:07.418
el lado derecho tal y como vimos, cadenas y números antes. Para que todos podamos

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

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,

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

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

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

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

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

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

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

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

00:02:55.247 --> 00:02:59.458
programa de aquí, así que esta línea pixelequalsimage.getpixel00. Lo que

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

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,

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

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

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í

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

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

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

00:03:41.504 --> 00:03:46.421
a esto, el pixel superior izquierdo y fue negro antes y que, recuerdo, recuerdo

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

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

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,

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

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.

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

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

00:04:22.083 --> 00:04:25.498
ya sabes, introdujo tres funciones. Hay una página aparte,

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

00:04:29.328 --> 00:04:33.111
ejercicio posterior, es posible que desee, puede ver que si quieres recordar lo que un

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

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

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

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

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

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,

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

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

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

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

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

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

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

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

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

00:05:33.543 --> 00:05:38.560
desea obtener y en el sentido de los pasos vamos por aquí a pensar en

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.

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

00:05:48.850 --> 00:05:53.981
de traducir esencialmente de Inglés en la computadora. Así que en este caso se dice

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

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.

00:06:03.903 --> 00:06:09.466
Tenemos que pixel [inaudible] verde y cosas. Vamos a intentar el siguiente. El siguiente una

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

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,

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

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

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

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

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

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

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,

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

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

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

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

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

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

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

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

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

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,

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

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,

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

00:07:51.673 --> 00:07:55.704
una gran cantidad de detalle de jugar con diferentes Valores XY, sólo tenemos que apreciar

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

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.

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

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

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

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

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í

00:08:39.367 --> 00:08:43.598
pixel.setblue255. Así, el, el resultado de tres de ellas. Vamos a intentarlo. Sí,

00:08:43.598 --> 00:08:47.245
efectivamente, se pone a ser blanco. Tan He puesto los tres valores que

00:08:47.245 --> 00:08:51.258
[Inaudible]. Así que hay un par más problemas aquí. Estoy en realidad no va a

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

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

00:08:59.284 --> 00:09:02.880
tipo de material, entonces, vamos a estar listos para algunos, a, algunos de los ejercicios.