Catégorie : Images
Les blocs de cette catégorie permettent de charger une image et de la placer dans le canvas, ou encore de de glisser-déposer directement une image dans le canvas. Par la suite, on pourra appliquer diverses transformations à l'image du canvas en modifiant les pixels qui la constituent. Pour plus de détails sur la façon de procéder, voir l'exemple suivant.
Charger un fichier image

Paramètres
• une valeur nomImage (vide ci-dessus, mais qui peut
être un chemin d'accès quelconque)
Fonctionnement
• charge en mémoire l'image contenue dans le fichier spécifié
• l'image n'est pas placée sur notre page web : elle reste
invisible mais en mémoire
• le bloc retourne un objet image en mémoire, que l'on
doit placer dans une variable
Remarques
• les blocs successifs d'un programme p5Visuel sont
exécutés séquentiellement, mais on n'attend pas nécessairement
que l'exécution du bloc courant soit terminée avant de commencer
l'exécution du bloc suivant. C'est le cas, par exemple,
lorsqu'on accomplit une tâche comme charger une image.
• pour être certain que nos images sont bien chargées avant
d'amorcer la fonction actions initiales, on peut
commander
le chargement de toutes nos images dans une fonction spéciale
nommée avant de commencer : par exemple
Placer l'image dans le canvas

Paramètres
• une variable contenant un objet image en mémoire
• une valeur x (0 ci-dessus, mais qui peut être une
expression numérique quelconque)
• une valeur y (0 ci-dessus, mais qui peut être une
expression numérique quelconque)
• une valeur tailleOriginale pouvant être vrai
ou faux
Fonctionnement
• place une image en mémoire dans le canvas, le coin supérieur
gauche étant à la position spécifiée
• si tailleOriginale est faux, redimensionne
l'image pour qu'elle ait les dimensions du canvas
Remarques
• les coordonnées x et y sont relatives au
canvas : en particulier, (0,0) correspond au coin supérieur gauche
du canvas
Transfert des pixels du canvas dans PIXELS

Paramètres : aucun
Fonctionnement
• commande le transfert de la description de tous les pixels du
canvas dans une liste appelée pixels, en utilisant un
certain format
Remarques
•on pourra récupérer la liste en question via le bloc PIXELS
ci-dessous
PIXELS

Paramètres : aucun
Fonctionnement
• retourne la liste pixels (voir la description du bloc
précédent)
Remarques
• au départ, la liste pixels correspond aux pixels du
canvas. Mais elle peut être modifiée par la suite...
Lire dans une liste de pixels

Paramètres
• une variable listeDePixels, ayant la même structure
que la liste pixels (retournée par le bloc PIXELS)
• une valeur x (0 ci-dessus, mais qui peut être une
expression numérique quelconque)
• une valeur y (0 ci-dessus, mais qui peut être une
expression numérique quelconque)
• une valeur composante pouvant (un entier pouvant
varier de 0 à 3)
Fonctionnement
• voici le code de composante : 0 pour rouge, 1 pour
vert, 2 pour bleu, et 3 pour alpha (opacité-transparence)
• ce bloc retourne la composante spécifiée du pixel à la
position (x,y) de listeDePixels : un nombre
entre 0 et 255
Remarques
• les coordonnées x et y sont relatives au
canvas : en particulier, (0,0) correspond au coin supérieur gauche
du canvas
Écrire dans une liste de pixels

Paramètres
• une variable listeDePixels, ayant la même structure
que la liste pixels (retournée par le bloc PIXELS)
• une valeur x (0 ci-dessus, mais qui peut être une
expression numérique quelconque)
• une valeur y (0 ci-dessus, mais qui peut être une
expression numérique quelconque)
• une valeur composante pouvant (un entier pouvant
varier de 0 à 3)
• une valeur valeur pouvant (un entier pouvant varier de
0 à 255)
Fonctionnement
• voici le code de composante : 0 pour rouge, 1 pour
vert, 2 pour bleu, et 3 pour alpha (opacité-transparence)
• donne à la composante spécifiée du pixel à la position
(x,y) de listeDePixels la valeur
indiquée (un nombre entre 0 et 255)
Remarques
• les coordonnées x et y sont relatives au
canvas : en particulier, (0,0) correspond au coin supérieur gauche
du canvas
Transfert de PIXELS dans les pixels du canvas

Paramètres : aucun
Fonctionnement
• tous les pixels du canvas sont redéfinis à partir de la liste pixels
Si image déposée dans canvas

Paramètres
• une fonction à un paramètre (qui contiendra un objet image
en mémoire lors de l'appel subséquent) : par exemple
Fonctionnement
• indique quelle fonction appeler si une image est
glissée-déposée dans le canvas
Remarques
• pour plus de détails, voir l'exemple
suivant