[[{"text":"","title":"Traitements des images numériques (suite)","posi":0}],[{"text":"","title":"Les nuances de gris"},{"code":""},{"edit":""}],[{"text":"Nous venons de voir que pour créer du gris, il faut que les RVB soient égaux.","title":"pixel.setRed(255) Example"},{"code":""},{"solution":" #Etape 1\n red = pixel.getRed()\n green = pixel.getGreen()\n blue = pixel.getBlue()"},{"solution":" #Etape 2\n moy = (red + green + blue) / 3"},{"solution":" #Etape 3\n pixel.setRed(moy)\n pixel.setGreen(moy)\n pixel.setBlue(moy)"}],[{"text":"Dans nos nouvelles expériences sur le traitement des images numériques nous aurons besoin de nouvelles fonctions :","title":"4 nouvelles fonctions"},{"code":""},{"edit":""}],[{"text":"","title":"Utilisation de if"},{"code":""},{"edit":""}],[{"text":"Ecrire le code pour créer sur le haut de l'image une bande horizontale bleue de 20 pixels de haut.","title":"Exercice"},{"code":""},{"solution":"#mettre rouge et vert à 255 et bleu à 0\npixel = image.getPixel(1, 0)\npixel.setRed(255)\npixel.setGreen(255)"}],[{"text":"Ecrire le code pour créer sur la droite de l'image une bande verticale noire de 20 pixels de large.","title":"Exercice"},{"code":""},{"solution":"#mettre rouge et vert à 255 et bleu à 0\npixel = image.getPixel(1, 0)\npixel.setRed(255)\npixel.setGreen(255)"}],[{"text":"Nous souhaitons changer la couleur rouge du panneau stop en bleue.","title":"Exercice"},{"code":""}],[{"text":"Pour modifier uniquement le rouge de l'image, il faut sélectionner les pixel qui ont le canal rouge dominant.","title":"Amélioration du programme"},{"code":""}],[{"text":"","title":"Détection du trotoire "},{"code":""},{"solution":"#mettre vert 255\npixel = image.getPixel(0, 0)\npixel.setGreen(255)\n\n#mettre rouge 255\npixel = image.getPixel(1, 0)\npixel.setRed(255)"}],[{"text":"Nous allons incruster l'image de droite dans les pixels rouge du stop.","title":"Incrustation d'image"},{"code":""},{"solution":"#mettre vert 0 rouge 255 bleu 0\npixel = image.getPixel(2, 2)\npixel.setGreen(0)\npixel.setBlue(0)\n\n#mettre rouge 255\npixel = image.getPixel(1, 0)\npixel.setRed(255)"}],[{"text":"

Now we'll do one like the movies -- film the movie start in front of a blue screen. Replace the blue background behind the monkey with pixels from moon.jpg.

Here is our monkey movie star:

Here is our background, the famous Apollo 8 photo of the earth shown rising above the moon horizon. There is a theory that this famous image helped start the environmental movement.

Nous allons maintenant en faire un film similaire au film - filmer le film devant un écran bleu. Remplacez le fond bleu derrière le singe par des pixels provenant de moon.jpg.

Voici notre star de cinéma singe:

singe montré en face de fond bleu

Voici notre fond d'écran, la célèbre photo Apollo 8 de la Terre montrée au-dessus de l'horizon lunaire. Il existe une théorie selon laquelle cette image célèbre a aidé à lancer le mouvement écologiste.

célèbre photo Apollo 8 de la terre sur un fond noir

Plan Bluescreen:

Boucle sur monkey.jpg

Détecter les pixels bleus, c'est-à-dire bleu haut

Pour ces pixels: copier sur les pixels de la lune

(recopiez l'exemple de code précédent pour commencer)

Ensuite, essayez-le avec d’autres images: paris.jpg yosemite.jpg stanford.jpg

","title":"INCRUSTATION AVEC LE CANAL BLEU"},{"code":""}],[{"text":"","title":"Les boucles pour le traitement d'images"},{"code":""},{"text":""},{"edit":""},{"text":"Lorsque l'on met à 0 le canal bleu et le canal vert d'un pixel blanc. De quelle couleur devient le pixel?"},{"edit":"Répondre ici."}],[{"text":"","title":"flowers.jpg"},{"edit":""},{"code":""},{"text":"Exécuter le programme."},{"edit":""},{"text":"Comment varie le temps de traitement de l'image en fonction de la grandeur de l'image?"},{"edit":"Répondre ici"}],[{"text":"","title":"Expérience n°1 : Rouge à 0"},{"code":""},{"solution":"pixel.setRed(255)"}],[{"text":"Maintenant, vous allez mettre le canal vert et bleu à 0, sans toucher au canal rouge. ","title":"Les filtres"},{"code":""}],[{"text":"Faire de même avec le canal bleu. Mettre le canal rouge et vert à 0.","title":"Expérience n°3 : Canal Bleu"},{"code":""}],[{"text":"Nous allons utiliser trois nouvelles instructions :","title":"pixel.getRed() / pixel.getGreen() / pixel.getBlue()"},{"code":""},{"text":"Les valeurs affichées par les canaux rouge, vert et bleu sont-ils logiques (255,255,255)?"},{"edit":""}],[{"text":"Dans l'exemple suivant, nous récupérons la valeur du canal rouge du pixel : red = pixel.getRed()","title":"Augmentation du canal Rouge"},{"edit":"Décrire ici."},{"code":""}],[{"text":"Nous souhaitons transformer en orange la fleur jaune.","title":"Expérience n°4"},{"code":""},{"solution":" green = pixel.getGreen()\n green = green * 0.75\n pixel.setGreen(green)"}],[{"text":"Vous allez multiplier par 0.75 les valeurs d'origines des canaux rouge, vert et bleu de l'image.","title":"Expérience n°5"},{"edit":""},{"code":""},{"solution":" green = pixel.getGreen()\n green = green * 0.75\n pixel.setGreen(green)"}],[{"text":"","title":"Enigme"},{"edit":""},{"code":""}],[{"text":"Source : http://www.stanford.edu"}]]