Image Code (9 mins)

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.