WEBVTT

00:00:00.840 --> 00:00:05.826
Questa è solo una breve sezione in cui introdurremo un puzzle (rompicapo), che è basato

00:00:05.826 --> 00:00:10.873
sul codice per la manipolazione delle immagini che stiamo scrivendo. Allora l'idea è, c'è un'immagine di un certo

00:00:10.873 --> 00:00:15.798
oggetto misterioso. E i valori dei canali rosso, verde e blu nell'immagine sono stati

00:00:15.798 --> 00:00:21.027
mischiati in qualche modo.E quindi, quello di cui abbiamo bisogno è scrivere il codice che ripristini

00:00:21.027 --> 00:00:26.446
i valori del rosso, del verde e del blu e quindi riveli l'immagine originale,e , e ci faccia vedere di che si tratta

00:00:26.446 --> 00:00:31.935
Quindi, ecco un esempio quello che farò. Questo è il cosidetto "Gold Puzzle"

00:00:32.140 --> 00:00:37.492
E , l'idea, cioè c'è, c'è un qualche oggetto che viene mostrato qui. E quello che succede

00:00:37.492 --> 00:00:43.375
è che, prima di tutto, i valori del verde e del blu nell'immagine sono stati semplicemente

00:00:43.375 --> 00:00:49.425
impostati su un valore casuale compreso tra 0 e 255. E, in realtà, se lo si guarda.

00:00:49.425 --> 00:00:52.706
da un'idea di una specie di neve. E, si può intravedere, c'è

00:00:52.706 --> 00:00:56.662
cioè c'è qualche pixel dove il valore del verde è molto alto, qualche pixel dove il valore del blu è molto alto

00:00:56.662 --> 00:01:00.426
e quindi il tutto sembra blu o verde con questa specie di pixel violetti sparsi ovunque.

00:01:00.426 --> 00:01:04.334
Quinid ci sono dei casi, dobe sia il blu che il verde sono molto alut. E c'è

00:01:04.334 --> 00:01:08.242
un livello di confusione nell'immagine. L'altra cosa che succede

00:01:08.242 --> 00:01:12.912
è che l'immagine che vogliamo ripristinare, è nei

00:01:12.912 --> 00:01:17.685
valori del rosso. In realà, è esclusivamente nei valori del rosso. Il blu e il verde non sono altro che una specie di "spazzatura"

00:01:17.685 --> 00:01:22.643
Ma i valori dei rossi sono stati divisi per 10, quindi sembrano molto scuri. Quindi quello che stiamo vedendo qui

00:01:22.643 --> 00:01:27.168
è una specie di versione "oscura", è, c', c'è un'immagine in rosso scuro

00:01:27.168 --> 00:01:32.002
dietro. E è stata coperta conquesta specie di neve luminosa

00:01:32.002 --> 00:01:37.615
blu e verde, in modo che non si possa vederla. Quindi, quello che vogliamo fare è scrivere il codice che ripari quest'immagine.

00:01:37.615 --> 00:01:46.022
Quindi consentitemi di inizare da qui. Come al solito, ad iniziare

NOTE Paragraph

00:01:46.022 --> 00:01:50.590
con un area di testo in bianco per iniziare a scrivere il codice. E qui sotto c'è la soluzione

00:01:50.590 --> 00:01:55.214
Il bottone "Show solution", Quindi se vuoi, visita la pagina e prova per conto tuo, puoi, puoi, avere il codice in questo modo.

00:01:55.214 --> 00:01:59.448
Bene, quindi la prima cosa che voglio fare, ecco qui, ecco qui come appare se lo eseguo qui:

00:01:59.448 --> 00:02:03.626
il ciclo è vuoto, quindi se lo eseguo, ottengo semplicemnte l'immagine grezza del rompicapo

00:02:03.626 --> 00:02:07.749
Ok. La prima cose che andrò a fare sarà dire

00:02:07.749 --> 00:02:12.150
pixel.setGreen(0)

00:02:12.150 --> 00:02:16.551
Andrò ad "abbatere" i pixel verdi. Mi sbarazzerò di lero

00:02:16.551 --> 00:02:22.111
e vediamo cosa otteniamo. Hmm, ok, allora, adesso, bè, meglio, adesso semplicemente

00:02:22.111 --> 00:02:29.371
abbiamo questa neve blu. Almeno ci siamo liberati della "neve" verde. Ora mi vado a liberare anche della "neve" blu

00:02:29.371 --> 00:02:36.020
Quindi scriverò, pixel.dotSetBlue(0), proviamo

00:02:37.220 --> 00:02:42.797
Ok, quindi, mi sono liberato della neve. Ma il problema ora è

00:02:42.797 --> 00:02:48.832
l'immagine che è tutta in rosso. E' troppo scura e non riusciamo a vederla. Quindi

00:02:48.832 --> 00:02:54.562
è tecnicamente lì, ma è invisibile. Quindi ciò di cui ho bisogno è di riscalarla

00:02:54.562 --> 00:03:00.215
giusto? E' lì sotto, devo solo renderla più chiara. Quindi scriverò pixel.setRed of

00:03:00.215 --> 00:03:05.001
pixel-dot-getRed. Sembra un po come il rompicapo "5, 10, 20"

00:03:05.001 --> 00:03:09.831
Quindi, in questo caso, scriverò le istruzioni che lo riscalano

00:03:09.831 --> 00:03:14.544
di un fattore 10. Quindi riscala il rosso di un fattore 10.

00:03:14.544 --> 00:03:19.888
Huh, ecco qua. Quindi, questa è l'immagine finale.

00:03:19.888 --> 00:03:25.064
la foto del "Golde Gate Bridge" visto dalla sponda di San Francisco. Ora

00:03:25.064 --> 00:03:30.513
è piccolo, ovviamente e non sembra esatto. Quello che è successo è che siccome

00:03:30.513 --> 00:03:35.826
i dati contengono solo i rossi, anche quando ripristiniamo l'immagine, tutto appare in rosso. Voglio dire,

00:03:35.826 --> 00:03:40.680
quello che è successo in realtà è che essenzialmente abbiamo un immagine in bianco e nero

00:03:40.680 --> 00:03:45.212
che normalmente vengono mostrate in uno spettro di colori dal nero al bianco. In questo caso

00:03:45.212 --> 00:03:49.915
l'immagine viene mostrata in uno spettro che va dal nero al rosso. Quindi l'immagine è esatta ma semplicemente

00:03:49.915 --> 00:03:54.619
questa è fatta in rosso. Per questa lezione, dovremmo dire che è "buona abbastanza": sai

00:03:54.619 --> 00:03:59.380
riesci a vedere quelllo che dovrebbe essere. In una delle lezioni succesive ti mostrerò come

00:03:59.380 --> 00:04:04.255
come correggere questa cosa e farlo apparire come una vera immagine in bianco e nero