1.  processingjs

Dans processingjs, les images doivent être chargées en preload avec la directive @pjs preload au début de votre code:

/* @pjs preload="charest.jpg,argent.jpg"; */

2.  PImage (image bitmap)

Processing peut aussi charger des images de format tga, jpg, png ou gif. Je recommande le format .png 

L'utilisation d'une image se fait en deux étapes:

1. loadImage() permet d'importer une image à partir du sous dossier data du sketch.
2. image() permet d'afficher l'image importée.

• PImage img = loadImage("nom du fichier") ;
• image ( PImage , x , y )  ou image ( PImage , x , y , w , h ) 

Le code suivant affiche l'image "tapis.png":

PImage img;

void setup() {
        size( 200 , 200 );
        img = loadImage( "tapis.png" );
}

void draw() {
        image( img , 0 , 0 );
}

3.  PShape (image vectorielle)

Processing peut charger des images vectorielles de type svg .

L'utilisation d'une image vectorielle se fait en deux étapes:

1. loadShape() permet d'importer une image vectorielle à partir du sous dossier data du sketch.
2. shape() permet d'afficher l'image vectorielle importée.

• PShape forme = loadShape("nom du fichier") ;
• shape ( PShape , x , y )  ou shape ( PShape , x , y , w , h ) 

Le code suivant affiche l'image "montre.svg":

PShape forme;

void setup() {
        size( 200 , 200 );
        forme = loadShape( "montre.svg" );
}

void draw() {
        shape( forme , 0 , 0 );
}

4.  Transparence

La transparence d'une image peut être changée à l'aide de la fonction tint()