WEBVTT

00:00:00.840 --> 00:00:05.826
Esta es sólo una sección corta para presentar un tipo de acertijo basado

00:00:05.826 --> 00:00:10.873
en el tipo de código de manipulación de imágenes que hemos estado trabajando. La idea es, hay una fotografía de algún

00:00:10.873 --> 00:00:15.798
objeto misterioso, y los valores de rojo, verde y azul en la imagen han sido

00:00:15.798 --> 00:00:21.027
desordenados de alguna manera. Entonces lo que necesitas hacer es escribir un código para arreglar

00:00:21.027 --> 00:00:26.446
los valores de rojo, verde y azul, y así revelar la imagen original, y ver qué es.

00:00:26.446 --> 00:00:31.935
Bien, aquí hay un ejemplo. Voy a hacerlo yo. Este es el llamado "acertijo de oro".

00:00:32.140 --> 00:00:37.492
Y la idea es, hay algún objeto mostrado aquí. Y lo que pasó con él

00:00:37.492 --> 00:00:43.375
es que, primero que todo, los valores de verde y azul en la imagen han sido

00:00:43.375 --> 00:00:49.425
reemplazados con valores aleatorios entre 0 y 255. Y, en realidad, si la ves,

00:00:49.425 --> 00:00:52.706
esto da una especie de apariencia... "nevosa". Y, como puedes ver hay

00:00:52.706 --> 00:00:56.662
algunos píxeles en los que el verde es muy alto, algunos pixeles en los que el azul es muy alto;

00:00:56.662 --> 00:01:00.426
estos se ven simplemente azules o verdes. Y luego hay esta especie de píxeles turquesa esparcidos en toda la imagen;

00:01:00.426 --> 00:01:04.334
son los casos en los que, tanto el azul como el verde son altos. Entonces este es

00:01:04.334 --> 00:01:08.242
un nivel de desorden en esta imagen. La otra cosa que pasó

00:01:08.242 --> 00:01:12.912
es que, la imagen que queremos recuperar está en los

00:01:12.912 --> 00:01:17.685
valores de rojo. De hecho está exclusivamente en los valores de rojo: el verde y el azul son solo, de cierta forma, basura.

00:01:17.685 --> 00:01:22.643
Pero los valores han sido divididos por 10, entonces son muy oscuros. Entonces, lo que estamos viendo aquí,

00:01:22.643 --> 00:01:27.168
en la versión oscura, es, hay una imagen en rojo oscuro

00:01:27.168 --> 00:01:32.002
detrás y ha sido cubierta por esta especie de nieve aleatoria.

00:01:32.002 --> 00:01:37.615
verde-azul clara, así que no podemos verla. Entonces, lo que queremos hacer es escribir un código para arreglarla.

00:01:37.615 --> 00:01:46.022
Déjenme empezar aquí. Como es usual, para este, voy a empezar

NOTE Paragraph

00:01:46.022 --> 00:01:50.590
con solo una área de texto en blanco para escribir el código, y luego, aquí abajo, hay una solución,

00:01:50.590 --> 00:01:55.214
con el botón de mostrar solución [Show solution]; así que si quieres visitar esta página e intentarlo por ti mismo, puedes hacerlo y lograr el código.

00:01:55.214 --> 00:01:59.448
De acuerdo, la primera cosa que quiero hacer... así se ve si yo simplemente lo ejecuto así:

00:01:59.448 --> 00:02:03.626
el ciclo está vacío, así que si lo ejecuto, sólo obtengo la imagen acertijo

00:02:03.626 --> 00:02:07.749
original. Bien, así que la primera cosa que voy a hacer es decir

00:02:07.749 --> 00:02:12.150
"pixel-punto-setGreen-cero" [pixel.setGreen(0)].

00:02:12.150 --> 00:02:16.551
Voy a eliminar los valores de verde. Voy simplemente a deshacerme de ellos

00:02:16.551 --> 00:02:22.111
y veremos que logramos. Hum, de acuerdo, ahora, bien, está mejor. Ahora, simplemente

00:02:22.111 --> 00:02:29.371
tenemos esta nieve azul. Al menos hemos logrado deshacernos de la nieve verde,

00:02:29.371 --> 00:02:36.020
así que me desharé de la nieve azul también. Entonces, digo "pixel-punto-setBlue-cero"; probaré eso.

00:02:37.220 --> 00:02:42.797
Bien, hum. Me he deshecho de la nieve, pero ahora, el problema es que la

00:02:42.797 --> 00:02:48.832
imagen, que está en los valores de rojo es tan oscura, que no podemos verla. Así que

00:02:48.832 --> 00:02:54.562
técnicamente está allí, pero es invisible. Entonces lo que necesito hacer es redimensionarla de vuelta,

00:02:54.562 --> 00:03:00.215
de acuerdo? Está oscura, sólo necesito hacerla más clara. Así que diré "pixel-punto-setRed-de:

00:03:00.215 --> 00:03:05.001
pixel-punto-getRed..."; parece algo así como cinco, diez, veinte,

00:03:05.001 --> 00:03:09.831
en este acertijos. Así que, voy a... En este caso, las instrucciones dicen que fue reducida

00:03:09.831 --> 00:03:14.544
por un factor de diez. Entonces la amplio de vuelta por un factor de diez.

00:03:14.544 --> 00:03:19.888
Ja! Aquí vamos. Así que, esta es la imagen solución.

00:03:19.888 --> 00:03:25.064
Es una fotografía del puente Golden Gate, como se ve del lado de San Francisco. Ahora,

00:03:25.064 --> 00:03:30.513
es un poco... obviamente, no luce muy bien. Lo que pasó es que, como

00:03:30.513 --> 00:03:35.826
los datos están exclusivamente en el rojo, aún cuando la recuperamos, se ve solo el rojo. Quiero decir, lo

00:03:35.826 --> 00:03:40.680
que pasa realmente, es que esta es, esencialmente, una imagen en blanco y negro

00:03:40.680 --> 00:03:45.212
y normalmente se muestra en una especie de espectro de blanco a negro. En este caso,

00:03:45.212 --> 00:03:49.915
la imagen está siendo mostrada en un espectro de negro a rojo. Así que esta es la imagen correcta, solo que

00:03:49.915 --> 00:03:54.619
tiene solo la parte roja. Para esta sección, vamos a decir que es suficientemente bueno, ya sabes,

00:03:54.619 --> 00:03:59.380
puedes ver lo que se supone que es.
En una sección posterior, mostraré como

00:03:59.380 --> 00:04:04.255
arreglarla y lograr que se vea como una imagen en blanco y negro propiamente.