Grayscale (14 mins)

Dans cette section, je vais décrire comment faire des images en noir et blanc et le code pour

réaliser cette idée. Donc la première question est comment faites-vous une couleur grise,

pour expliquer ça, je vais cliquer ici à l'Explorateur RGB et il s'avère que dans le

système RGB, la façon de faire une couleur grise, sans coloration, est d'avoir les mêmes valeurs pour

le rouge, vert et bleu. Donc je peux voir ça ici , je

peut mettre le rouge et le vert. La je vais mettre tout à 190. Donc vous pouvez voir que

comme vous le savez, on obtient un jaune assez vif.
Et bleu est ici. Donc regarder ce qui

se passe quand je fait glisser le bleu vers la meme valeur que le rouge et le vert, vous pouvez voir que la

couleur s'efface juste quand le bleu a exactement les mêmes valeurs que les autres

vous pouvez utiliser les touches de direction dans ces contrôles. Là une fois, maintenant que tous les

trois sont exactement un 190 ce qui restait est juste gris. Donc, nous pouvons vous

savoir, je ferai un autre exemple. Donc, si j'ai mis, je vais mettre vert et le bleu ici

en quelque sorte au milieu donc ils sont tous deux à 99. C'est le genre d'un, je ne sais pas, un sombre

turquoise, si j'ai droit à zéro. Alors je vais élever rouge pour être plus proche et plus étroite.

Et puis une fois que c'est la même que les deux autres puis, encore une fois, je reste gris. Dans

C'est le genre de l'espèce, un gris foncé. Si le modèle est si rouge, vert et bleu

les valeurs sont tous égaux, ils sont tous les mêmes, alors qui va être elle, quelque ombre

de gray. Et effectivement, la, notre cas originales de blanc pur et noir pur, I ll

rendre noir ici. Ils suivent que trop, à droite. Et noir c' est 0,0,0. Ils sont tous la

même, c'est un point de terminaison de la, du spectre de nuances de gris, la. Donc j'irai

de retour ici et I ll, nous allons dire que, vous savez, donc nous pouvons faire ces arg-, si nous

tout, les valeurs RVB d'être égaux, ce qui vous fera une nuance de gris. Et nous pouvons faire sombres

Gray et lumière gris et noir ou blanc ou autre. Nous allons dire que celles, celles

nuances de gris. Une autre façon de dire c'est qu'ils manquent de teinte. Ils ne sont donc pas

vers rouge ou vert ou quelque chose comme ça. Ils sont juste l'incolores

luminosité. Donc dans ce tableau, j'ai juste quelques exemples. Ainsi par exemple, si j'avais

quelque chose qui était 50, 50, 50, c'est la sorte d'un gris foncé. Ou 120, 120, 120, c'est

gris moyen, ou 200, 200, 200, ce qui serait un gris clair. Comme je l'ai dit avant le pur

cas blancs purs et noirs nous avons parlé avant, ceux, celles bon th-ce

patron. Alright. Alors, comment est-ce que je peux faire quelque chose d'utile avec cela ? Donc je vais

Regardez cette image rare ici. Jpeg de liberté-rouge, la. Et je vais juste exécuter cet

Code. À l'heure actuelle, il n'y a pas de code ici, donc nous allons juste. Nous verrons qu'il est naturel.

Donc, la liberté-rouge image ici, elle a, c'est une image de la Statue de la liberté.

Mais toutes les données dans les valeurs des pixels de rouges. Donc les valeurs de rouges, vous

savons, 37 ou 200 ou autre chose. Ils sont, ils sont variables pour afficher cette image. Le

vert et les bleus valeurs sont juste zéro partout. Il n'y a rien. Donc, je

moyenne, peu importe. Il, il est de mauvaise qualité, ou il semble erroné. So I Wanna think

a propos de, bien, comment pouvais fixer que ? Je voudrais corriger cela pour ressembler à un, un

image en niveaux de gris de la Statue de la liberté, pas ceci, pas cette chose rouge. Ainsi, la façon de

pour ce faire. Ce que je suis, je vais utiliser le fait que, si le vert, le bleu et le rouge

sont tous les mêmes, qui va être gris ombré. Maintenant dans ce cas, les données sont

dans. Pour chaque pixel est la valeur rouge. Donc, si je le dis, pixel.setGreen. Et ce qui

Je vais faire est I'm gonna make la valeur verte, I'm gonna change qu'il s'agit de la même

comme la valeur rouge. Donc je vais le faire qu'en disant, pixel.getRed ici. Et alors

Cela ne le fait. Est avec le pixel.getRed qui sorte de choisit le nombre de pour,

vous savez, pour chaque pixel. Il reprend la valeur rouge. Il est donc 27 ou 100 ou quel que soit

C'est le cas. Puis la définit est la valeur de verte. Maintenant, c'est un peu inhabituel.

Généralement ce que nous appelons setGreen nous avons mélangé il getGreen et setBlue que nous avons mélangé

avec getBlue. Mais c'est une combinaison valide ainsi et il se trouve dans ce

cas c'est ce que je veux. Alors je fais ça tout nouveau bleu. Oups. Donc, je dirai

pixel dot getRed. Et puis je vais le définir en bleu. Je vais réorganiser cela, maintenant nous allons

essayer ça. Oh, il y aller. Donc, c'est juste une application de cet aspect de la

Espace RVB que, lorsque les nombres sont égaux, il est en niveaux de gris. Et si je, je tri

de récupérer la valeur de rouge, et je l'ai mis plus de bleu et vert. Et oui

maintenant, il, elle sorte de fixe l'image, donc il semble, il est noir et blanc, mais au moins

On dirait bien. Si une question connexe. Ou peut-être une question plus pratique est, Eh bien,

Si j'ai une image couleur. Comme, ici s, Voici notre ancienne image de fleurs. Comment je

convertir en échelle de gris ? Et, la façon je suis va penser que, est, vous le savez, si

Nous cherchons ici à ces fleurs, c'est, comme bien. I Wanna drainent la teinte sur elle.

Je veux juste pense de chacun de ces pixels comme étant. Sombre, ou, sombres ou lumineux.

Juste avoir quelque montant de luminosité et de toute évidence, il y a, vous le savez, il y a de nombreux

exemples à cet égard, dans cette image. Supposons donc, donc le problème va être

en regardant un pixel, comment sombre ou la lumière est-ce ? C'est ce que je veux [inaudible],

réduire ce vers. Supposons donc que, j'ai choisi trois pixels. De cette image et

Les inclure dans ce tableau et maintenant je veux penser à propos de laquelle un de ces pixels est

les plus sombres et plus léger. Donc Voici le premier pixel et Voici le second pixel et

Voici le troisième pixel. Et ici, je vais zoomer sur ce un petit peu. Je suis donc juste

essayer de juger de la lumière contre l'obscurité. Qui a, ce qui est le plus léger, ce qui a le

ici les plus sombres ? Supposons donc, si je regardais juste les valeurs rouges. Je ne verrais que

ce premier pixel a un rouge de 200. Et puis c'est, c'est juste beaucoup plus lumineux

que les autres, droite ? Je veux dire, un grand nombre est brillant, 255 est le max. Et

zéro est noir, donc. Il ressemble, oh Oui, cet première pixel. 200, c'est clairement le

les plus brillants. Mais alors, si je regarde. Dans la valeur écologique. Et puis il a

comme, oh gosh, mais cet troisième pixel a réellement une valeur très élevée pour vert

même si c'est un peu faible pour le rouge. Donc, je ne suis pas trop sûr comment que soldes

contre les autres pixels. Mais c'est difficile parce que ce qu'elle, essentiellement de ce que nous voyons

est que vous ne regardez un de rouge, vert, bleu, pour juger de façon brillante la chose

est, vous voulez sorta tous les compter. Ainsi, notre solution dans ce cas, j'ai en

la quatrième colonne ici, est de calculer la moyenne pour chaque pixel. Si chaque pixel

a une valeur de rouge, verte et bleue. Ce que je vais faire est simplement calculer la moyenne de

Ces trois nombres et la façon de le faire. Est vous add'em juste, donc je suis juste

va calculer rouge et vert et bleu de chaque pixel et ensuite simplement diviser par trois.

Alors que nous donnons la valeur moyenne de la rouge, vert et bleu. Et que la moyenne

valeur est va travailler comme un résumé assez joli brillant à quel point le pixel est.

À droite, afin que la moyenne est de zéro ou dix ou vingt, certains nombre faible. Nous ne savons pas

Quelle teinte c'est exactement, mais nous savons que c'est sombre. Et à l'autre extrémité, si la moyenne

220 ou 240, encore une fois nous ne savons pas quelle est la teinte mais, mais nous savons que c'est brillant.

La moyenne sera donc de travailler comme une sorte de résumé du pixel, où il dépose

la teinte et juste nous donne un numéro de 0 à 255, qui saisit tout le

luminosité. Maintenant je dois le dire, il y a des autres façons de le faire mais juste

calcul de la moyenne est simple et c'est beau. Il wor-, c'est va fonctionner correctement pour

nos fins. Dans ce cas, I, I avaient ces trois pixels et donc ici sur la

côté droit j'ai simplement calculer la moyenne. Et ce que nous voyons, c'est vraiment le

un troisième est de loin la plus brillante. Si vous, vous savez coup d'oeil à tous les trois de rouge, vert

bleu, puis celle du milieu est la plus sombre et le premier est de

milieu. Alright. Si je peux utiliser ceci. Cette idée que j'ai la moyenne et il

sorte de fait de ce un nombre joli sommaire. Je peux utiliser cela pour convertir

quelque chose de gris. So Let's try this. Voilà donc j'ai, je vais juste l'exécuter. Si

en, à l'intérieur de la boucle il n'y aucun code ici, si je fais juste tourner maintenant nous voyons juste la

image inchangée. Donc je tiens à faire est d'ajouter le code ici. Pour modifier cela en niveaux de gris.

Donc, je dois dire ce qui va être Ma stratégie. Ce que je vais faire est donc de

la boucle pour chaque pixel je vais calculer ce nombre moyen ; donc just get

un seul numéro. Il pourrait donc 27 ou 100 ou quoi que pour chaque pixel. Et puis je suis

va prendre ce nombre et placez-le dans le rouge, le vert et le bleu. Donc si la

moyenne est de 27, je suis gonna make, rouge, vert et bleu tous être 27. Et si la moyenne est de

211, alors je suis gonna make rouge, vert et bleu tous être 211. Convertit que, que

chaque pixel dans le spectre des nuances de gris, la nous l'avons vu avant. Donc tout d'abord off I

avoir à, calculer, la moyenne en l'espèce. Donc je suis juste gonna. Comme je l'ai dit, add'em place.

Donc je vais dire pixel.getRed() + pixel.getGreen() + pixel.getBlue(). Et

alors je vais mettre ces trois à l'intérieur de cet ensemble externe de parenthèses juste pour

l'ordre des opérations. Si je veux faire l'addition, et puis je vais dire barre oblique

trois. Je vais donc diviser par trois. Si cela ne l'addition dans les parenthèses. Et

Après avoir reçu cette somme, diviser par trois.
Et je vais juste pour stocker dans un

variable appelée Moy. Et cette ligne, il est va se pour révéler d'une ligne de stock

pour nous. Il est, il y a plusieurs techniques peu ou problèmes que nous wanna do

à l'avenir, où nous voulons calculer la moyenne et, inévitablement, la ligne

devrait sortir comme ça. Alright, donc ce que je dirais ? Donc ma stratégie est, j'ai calculer

la moyenne et puis je définir rouge, vert et bleu pour tous l'utiliser. Si

Je suis allez dire, pixel.setRed. Et puis ici, j'ai stocké la moyenne. Ce

est juste une variable. J'ai donc stocké le nombre y. Et puis, à l'intérieur de l'espèce, sorte

Je peux juste dire Moy. Je vais juste à cette variable et obtenir le numéro de retour à. Et

de même, je peux dire, setGreen(avg) et pixel.setBlue(avg), OK, alors disons

essayer ça. Très bien. Donc vous pouvez le voir, c'est elle fonctionne. Donc il est passé par toutes les

Ces pixels, vous savez, rouge, vert ou autre. Il a réduit à un

luminosité nombre moyen et qui en retrait. Nous recevons ainsi ce beau gris sorta

à l'échelle. Donc en fait. Après avoir testé sur les fleurs, je suis va revenir à...

L'image du pavot qui je pense apparaît dans l'un des exercices. Donc ici, si je

Ces trois lignes hors et il suffit d'exécuter il nous allons dès maintenant, nous allons juste voir le coquelicot

image, là il est. Donc nous allons défiler vers la droite, ici un peu. Si vous pouvez le voir

qu'il est de toute évidence, vous le savez, elle a ce regard sorta orange pavot de Californie

et le fond s'est évanouie ici. Alors maintenant je vais remettre ces lignes. Et nous pouvons tenter notre

Oups, algorithme de celle-là. Il nous aller, qui fonctionne très bien. Donc vous pouvez le voir,

de toute évidence, l'orange et le vert qu'il est été drainée hors et chaque pixel

a été réduite à seulement, juste un éclat. Et j'aime comment ici, la

texture sur le front de la de la culture du pavot est encore, encore peu visible. Oui, il y

vous l'avez, convenant à la charpente.
Alright. Donc, une question qui vient souvent

up. En regardant ce code. Est. Cette ligne, moyen égal à égal et puis cette formule pour la

moyenne. Que faut-il être à l'intérieur de la boucle ? Il, elle, elle, il se sent comme, peut-être,

Il pourrait être juste ici. Up, up, jusqu'après le, l'image est égal à signe. Et la réponse.

No Il ne peut pas être là, il a besoin d'être à l'intérieur de la boucle. Et la raison.

Ce que vous pouvait penser. Que cette ligne sorte de met en place une relation sur la moyenne

qui doit être vrai pour tous les temps comme comme si ses vrai juste en tout temps que le programme

s'exécute. Et ce n'est pas un code d'ordinateur fonctionne. Un code d'ordinateur est moins

sophistiquée que celle. Quoi cette ligne avec ses pairs, est il juste évalue la

côté droit. Et l'assigne à cette variable sur le côté gauche quand cela

ligne est exécuté. Donc si nous devions mettre ceci en haut il aurait suffit d'exécuter une fois et il

stockerait un certain nombre de Moy et qu'il serait. N'oubliez pas dans ce cas que nous sommes

à l'intérieur de cette pour-boucle ici. Permettez-moi de kinda à mettre en valeur le corps. Et si ce code il

exécution des milliers ou peut-être des millions de fois, une fois pour chaque pixel. Et ceux qui

pixels chaque ont différentes valeurs rouges, verts et bleus. Très bien, si cette somme. Est

des milliers de fois. Et si nous avons besoin est de calculer cette somme de nouveau pour

chaque pixel. Chaque fois que nous voyons un nouveau pixel, nous avons besoin de refaire ce math. Et donc, la façon dont

les travaux du signe égal sont il est, il a, il est évalué seulement lorsque l'ordinateur exécute

à travers elle. Donc pour cette raison, parce que chacun, chacune de ces pixels est

différents, nous, nous allons, nous avons besoin de le mettre, très souvent nous allons juste mis que le premier

la ligne à l'intérieur de la de. Simplement calculer la moyenne. C'est pourquoi, c'est pourquoi

qui a besoin d'être là. Alright. Donc, pour résumer kinda. Si nous avons appris cela

qualité qui, si le rouge, vert et bleu, rouge, vert et bleu sont tous égaux, c'est

une nuance de gris. Et nous avons cette technique où nous pourrions calculer la

moyenne. Et qui vient nous donne ce nombre une luminosité, essentiellement, de zéro à

255. Et qui va être, je suis ici en utilisant des nuances de gris. Mais en réalité, dans la

futurs, nous sommes va utiliser que pour certaines autres choses. C'est juste une, une chose utile

Savoir. Et, enfin, je vais dire que cette ligne, j'ai été mettant en évidence avant,

moyenne égale Additionnez les trois et divise par trois. Qui va être d'une

stock ligne de [inaudible], nous sommes allez fin utilisant exactement cette ligne plus tard et en

fait il devrait apparaître dans certains exercices.