Le langage Processing :Les fichiers images

–

Mise à jour le 21/07/2017 : Article traitant de La fonction image() dans Processing . Dessine une image sur l’espace de travail .

Sommaire :

Présentation de la fonction
Comment importer une image dans Processing ( Tutoriel ).

Présentation de la fonction

La fonction image() dessine une image sur l’espace de travail . Les images doivent être dans le répertoire « data » de l’esquisse pour se charger correctement. Sélectionnez «Ajouter un fichier …» dans le menu «Croquis» pour ajouter l’image au répertoire de données, ou faites simplement glisser déposer le fichier image sur l’espace de travail.

–

Retour au sommaire

Comment importer une image dans Processing ( Tutoriel ).

–

Programme du tuto ci-dessus

//
//
//
// Comment importer une image dans Processing 
// 
//
// Version de IDE:Processing 3.3.4
// RedOhm
// H-Mazelin 18/07/2017


// création d'une variable Processing pour le fichier image 
// nom de la variable iris
PImage iris;


// La fonction setup () est exécutée une fois, lorsque le programme démarre. 
// Il sert à définir les propriétés d'environnement initiales telles que la 
// taille de l'écran et à charger des supports tels que des images et des polices
// au démarrage du programme. 
void setup ()
{
  // definition de la taile de la fenetre 
  // syntaxe : size (Hauteur fenetre,largeur fenetre )
  size(1000,800);
  
  // loadImage() qui va aller chercher les pixels de l'image dans le fichier
  // et les importera dans notre variable nommée iris.
  iris = loadImage("iris_essai_png.png");
  
  
}

//Le programme principal s’exécute par une boucle infinie appelée draw () 

void draw ()

{

 // choix de la couleur du fond de la fenetre 
 // syntaxe : background (rouge,vert,bleu )
 // valeur du rouge de 0 à 255 iden pour les autre couleurs
 // dans notre exemple blanc
 background(255,255,255);    

 // parametre de la fonction (variableImage, x, y, largeur,hauteur).
 // variableImage => l'image à afficher
 // X => coordonnées en X de l'image
 // Y => coordonnées en Y de l'image
 // largeur => largeur de l'image à afficher 
 // hauteur => hauteur de l'image à afficher
 //
 // ***************** utilisation de la fonction  mouse ****************
 //
 // Utilisation de mouseX : La variable système mouseX contient toujours
 // la coordonnée horizontale actuelle de la souris.
 // Utilisation de mouseY : La variable système mouseY contient toujours
 // la coordonnée verticale actuelle de la souris.
 image(iris,10+mouseX,10+mouseY,60,60);

}

// Comment importer une image dans Processing

// Version de IDE:Processing 3.3.4

// RedOhm

// H-Mazelin 18/07/2017

// création d'une variable Processing pour le fichier image

// nom de la variable iris

PImage iris;

// La fonction setup () est exécutée une fois, lorsque le programme démarre.

// Il sert à définir les propriétés d'environnement initiales telles que la

// taille de l'écran et à charger des supports tels que des images et des polices

// au démarrage du programme.

void setup ()

{

// definition de la taile de la fenetre

// syntaxe : size (Hauteur fenetre,largeur fenetre )

size(1000,800);

// loadImage() qui va aller chercher les pixels de l'image dans le fichier

// et les importera dans notre variable nommée iris.

iris = loadImage("iris_essai_png.png");

}

//Le programme principal s’exécute par une boucle infinie appelée draw ()

void draw ()

{

// choix de la couleur du fond de la fenetre

// syntaxe : background (rouge,vert,bleu )

// valeur du rouge de 0 à 255 iden pour les autre couleurs

// dans notre exemple blanc

background(255,255,255);

// parametre de la fonction (variableImage, x, y, largeur,hauteur).

// variableImage => l'image à afficher

// X => coordonnées en X de l'image

// Y => coordonnées en Y de l'image

// largeur => largeur de l'image à afficher

// hauteur => hauteur de l'image à afficher

// ***************** utilisation de la fonction mouse ****************

// Utilisation de mouseX : La variable système mouseX contient toujours

// la coordonnée horizontale actuelle de la souris.

// Utilisation de mouseY : La variable système mouseY contient toujours

// la coordonnée verticale actuelle de la souris.

image(iris,10+mouseX,10+mouseY,60,60);

}

Retour au sommaire