En esta sección, vamos a combinar el las ideas anteriores de código con las ideas de
las imágenes y los píxeles y los números RGB para ordenar de llevar que juntos. Ahora, los ejemplos
en esta sección, vamos a manipular un píxel a la vez. Y, a continuación, en la siguiente
sección vamos a ampliarlo para construir, hacer miles de píxeles a la vez. Por lo tanto, para obtener
comenzó, quiero vistazo a esto, la imagen llama X.PNG. Y esta imagen es muy pequeña, por lo que
puede [inaudible] de aquí. Por lo tanto, es una imagen de diez por diez , la cual se muestra en la
página. Y es una imagen en negro con un blanco X dibujada en ella. Y, como he dicho, es, es
bastante pequeña. Pero vamos, vamos a mostrar un poco más grande en un segundo. Así que el PNG
es una, un formato de imagen, redes portátiles gráficos. Al igual que, JPEG es un formato
que podría ser más familiar. entonces estos son los dos formatos de imagen. Así, en este
caso, [el sonido]. Lo que yo quiero ver aquí. Es algo de código, que carga la parte superior X P y G
la imagen y la muestra. Por lo tanto, sera un primer ejemplo, muy simple de código,
que trabaja con imágenes. Por lo tanto, aquí está el código de aquí, y sólo voy a hablar sobre
lo que hace cada línea. Por lo tanto, esta primera línea, la imagen es igual a la imagen nueva y sencilla. De
[Inaudible] PNG. Lo que esto hace, es la mano derecha en esencia. Carga los
x.png imagen en la memoria. Y vamos a hablar en más detalle más adelante, lo que, lo que la memoria
es. Pero basta con decir que es una especie de la, que se mete en el ordenador de manera que pueda,
el equipo puede trabajar en él. Así que una vez que se tenga la imagen, el signo igual aquí
simplemente lo almacena en una variable, que yo soy, Voy a llamar a la imagen, al igual que, al igual que
hemos visto las variables antes. La segunda línea, image.setzoom20. Lo que hace es
llamar, un conjunto, la función de zoom conjunto, que es algo que tienen las imágenes. Y
pasa el número veinte. Y todo esto hace. Es esa opción para mostrar la
imagen en el tamaño de 20x? Y así. Eso es sólo algo que haría uso de una imagen pequeña como
esto sólo por lo que se muestra lo suficientemente grande, que lo podemos ver. Y, por último, Imprimir (PRINT)
Imagen, es muy similar a lo que veiamos antes de eso, sólo imprime la imagen sobre
el lado derecho tal y como vimos, cadenas y números antes. Para que todos podamos
a modo de prueba. Así que si ejecuto esto lo que se ve está aquí está X.PNG, aparecen por aquí. Y
acto-, en realidad se puede contar, uno, dos, tres, cuatro. En realidad puede contar con más,
y ver que es de hecho, diez por diez pixeles. Y es que se muestra aquí, en
veinte XIs. Así que en realidad podría cambiar este número aquí. Así que si puedo cambiar esto a una
diez, y luego volver a ejecutarlo entonces está bien, bueno, ahora es sólo 20 veces. ¿Y si pongo
como, un, un aquí 40, y ejecutarlo, [Inaudible]. Así que voy a poner de nuevo a la
veinte. [Sonido] de manera que es sólo una primera ejemplo de un poco de código, pero estamos
especie de ir por el camino de poder para cargar y manipular imágenes. Derecho, por lo que
para hacer de este un poco más interesante. Yo Quiero ampliar el código para poder hacer frente
con píxeles individuales, así que estoy un añadir una, un par de líneas en el centro de la una
programa de aquí, así que esta línea pixelequalsimage.getpixel00. Lo que
Qué se va a la imagen y su va a obtener una referencia a un píxel en particular
siempre, siempre que X, Y que coordina especifique aquí para 0,0 o se refiere a la,
el píxel superior izquierdo, por lo que se referencia para el pixel superior izquierdo y tiendas que en
un píxel variable y luego esta línea. Pixel punto setRed 255. Que llama a una función
pixel ha llamado setRed y lo que el, lo que setRed no es que se necesita en cualquier número aquí
entre los paréntesis y lo que sea que número, lo lleva y lo pone en el
valor del píxel de color rojo para ser ese número. Por lo tanto, voy a ejecutar este. Tenemos que ver
lo que hace. Y lo que ves es lo que el código ha hecho referencia se obtiene una
a esto, el pixel superior izquierdo y fue negro antes y que, recuerdo, recuerdo
cada uno, cada pixel tiene los tres números en, rojo, verde y azul. Y así lo que este
código no se fue a la cantidad de color rojo y cambió a 255, sólo anulando
todo lo que había antes. Por eso, cuando vemos que, así está bien se muestra como un píxel de color rojo,
así. Hay un conjunto de Red para cambiar el color rojo valores. Hay un conjunto de función análoga
Verde y se puso azul. Por lo tanto, tenemos estos tres, Red Set, Set Set Green y Blue.
Y, así, con los que, sólo puede cambiar los valores de rojo, verde y azul para ser
lo que sea, donde sea que queramos. Por lo tanto. Ah, y Voy a hablar en un aparte por lo que yo, yo
ya sabes, introdujo tres funciones. Hay una página aparte,
Funciones de la imagen de referencia, que sólo se enumeran todas las funciones en una mesa, por lo que para algunos
ejercicio posterior, es posible que desee, puede ver que si quieres recordar lo que un
función hace. Pero por lo general para el Me limitaré a conferencias, si voy a utilizar un
Voy a funcionar, como yo voy a hablar al respecto. Por lo tanto, lo que quiero hacer para
demostrar cómo, cómo funcionan estas funciones, se acaba de pasar por un montón de ejemplos
Sólo tienes que usar para hacer algo. Muy bien, así que aquí están, por lo que el, el formato
de esto es lo que tengo, un área poco de código aquí con algo de código de arranque en él. Y
a continuación en la tabla aquí abajo, acabo de aparece un montón de pequeño desafío,
problemas, como, oh, algo de lo que establece verde o amarillo o lo que sea, y nos vamos
a través de ellos. Para cada uno de ellos, sobre el lado derecho no hay este pequeño
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
a esta página a sí mismo ya los experimentos de los He tratado de usted puede apenas tratar de
tratar las variaciones de los mismos o lo que sea. Muy bien, así que vamos a probar esto primero. Bien
en realidad, aquí, voy, voy a ejecutar el código primero en ver lo que hace. Muy bien, tan a la derecha
Ahora se está poniendo píxeles 0,0 y estableciéndola en rojo. Así que, más o menos visto
que antes. Muy bien, entonces ¿cuál es la primera problema de [inaudible]. Establecer píxel 0,0 a ser
verde. Así que la forma aquí, está en Inglés, se dice, bueno esto es un efecto que había
desea obtener y en el sentido de los pasos vamos por aquí a pensar en
así, lo que sería en el dominio del código, en términos de llamadas de función y números.
¿Cuáles son la serie de operaciones que queremos que hacer para conseguir ese efecto? Así que usted es tipo
de traducir esencialmente de Inglés en la computadora. Así que en este caso se dice
que se establece verde. Así que lo que quiero hacer para hacer eso, es lugar de llamar al conjunto rojo
la función, sólo voy a cambiarlo por establecimiento de llamada verde. Así que vamos a intentar eso. Y ahí vamos.
Tenemos que pixel [inaudible] verde y cosas. Vamos a intentar el siguiente. El siguiente una
dice configurar píxeles 0,0 a ser de color amarillo. Así que bien, así así, con el fin para el pixel que aparezca
amarillo, lo que quiero es que tanto el rojo y los valores de verde a ser 255. Ya sabes,
amarillo es igual a más de color rojo verde. Así que para hacer que, para cambiar tanto el rojo y el
verde. Voy a copiar esta línea, y tendrá que pegarlo aquí. Y sólo voy a cambiar
este uno a rojo. Por lo tanto, estoy, estoy confiando en el hecho de que, una vez que tengo la referencia
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
rojo, puedo cambiar el valor de rojo. Y entonces me puede llamar al conjunto verde en la línea siguiente a la
cambiar el color verde. Y va, el código acaba de pasar y hacer cada uno de los
las cosas internamente. Así que vamos a intentar eso. Y Efectivamente, ahora se ponen amarillos. Así que tengo,
sorta esta se remonta a la idea de que hay este pixel. En realidad, sólo tenía
estos tres números aquí. Y aquí estoy escribir código línea por línea para llegar a un poco
allí y cambiar esos números. Vamos a tratar el siguiente. Establecer píxel 1,0 a ser
amarilla. ¿Dónde está ese pixel? Así, de manera que se remonta a esta línea, el punto de la imagen recibe
línea de píxeles, lo que no he cambiado hasta hasta ahora. Así que la forma, que esto funciona es
cualquiera que sea el número que especifique, cero, cero, lo que sea, eso es sólo una forma de identificar
el píxel diferente dentro de aquí. Por lo tanto, si dicen que un cero, que va a conseguir el píxel
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
Corro que, sólo podemos ver lo que hace. Por lo tanto, lo que se ve es que es una más de la
derecha. Así que en realidad, sólo puede especificar nada por aquí. Yo podría decir, ya sabes,
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í.
Así que esto se remonta a lo que estaba diciendo una par de secciones hace. Eso es que es,
que X es igual a cero, eso es X es igual a uno, eso es X es igual a dos. Vamos a jugar con
una gran cantidad de detalle de jugar con diferentes Valores XY, sólo tenemos que apreciar
que. Incluso si tengo un millón de píxeles aquí hay esta x, y esquema de los cuales se pudieron
marcarlo con una X en particular, el número y para marcar en exactamente un píxel en particular.
Así que el texto se dice, establece 00 píxeles a la blanco. Así que voy a cambiar esto de nuevo, para ser
00 píxeles, así que ¿qué puedo hacer para [inaudible] pegamento para que sea blanco? La respuesta que es
desea establecer los tres valores a 255. Tan notificación, en lugar de decir, volver a escribir píxel.,
lo que es con la mano, una gran cantidad de veces que les resulta más fácil copiar una ya existente y
a continuación, sólo modificar un poco. Por lo tanto, estoy va a poner en una tercera llamada aquí
pixel.setblue255. Así, el, el resultado de tres de ellas. Vamos a intentarlo. Sí,
efectivamente, se pone a ser blanco. Tan He puesto los tres valores que
[Inaudible]. Así que hay un par más problemas aquí. Estoy en realidad no va a
trabajar, pero, si lo desea, usted puede ir a esta página, y tratar de cualquier número de
experimentos o tratan de esos también. Y luego, una vez que se sienta cómodo con esa
tipo de material, entonces, vamos a estar listos para algunos, a, algunos de los ejercicios.