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