Outil en ligne : "Traitement" - programmez vous-même les graphiques

Table des matières

Avec Processing, vous écrivez des programmes informatiques qui génèrent des images et des animations.

Processing est un langage de programmation conçu pour combler le fossé entre les programmeurs et les artistes. Il est facile à apprendre et possède de puissantes fonctions graphiques.
Les programmes peuvent réagir de manière interactive à l'utilisateur, ils peuvent traiter des images vidéo, introduire des éléments tels que l'aléatoire ou le bruit, réagir à la musique, etc. Des œuvres d'art basées sur le traitement ont déjà été exposées au Museum of Modern Art de New York et au Victoria and Albert Museum au Royaume-Uni. Il a été utilisé pour des clips vidéo et des publicités. Le traitement lui-même s'exécute sur votre PC sous Windows ou Linux. Mais il existe aussi une variante qui tourne directement sur Internet, elle s'appelle "p5js".
Si vous voulez essayer Processing, la meilleure chose à faire est d'ouvrir l'éditeur en ligne P5js à cette adresse : editor.p5js.org. Sur la gauche, vous pouvez voir la zone dans laquelle le programme est écrit. Quelques lignes de code y sont déjà données. Sur la droite, vous pouvez voir ce qui résulte de ce code.
Commencez par quelque chose de très simple. Par exemple, vous pouvez obtenir une ligne droite avec cette commande :
ligne (largeur/2, 0, largeur/2, hauteur);
Copiez la commande dans l'éditeur en ligne dans la fonction Draw pour que la fonction ressemble à ceci :

fonction dessiner () {
arrière-plan (220);
ligne (largeur/2, 0, largeur/2, hauteur);
}
Si vous cliquez maintenant sur le bouton de lecture en haut à gauche, une ligne verticale apparaîtra dans la zone de droite. Vous avez déjà écrit votre premier programme de traitement et l'avez mis en service !
Si vous aimez le système, téléchargez Processing pour votre système d'exploitation et explorez les exemples fournis, qui se trouvent dans le menu "Fichier". Que diriez-vous d'un effet de particule, par exemple ? Vous pouvez le trouver dans les exemples sous "Demos / VGraphics / Particles". Chargez l'exemple et cliquez sur le bouton "Play" en haut à gauche. Une fenêtre noire apparaît dans laquelle vous pouvez utiliser la souris pour distribuer des étincelles blanches.
plus sur le sujet

  • Traitement
  • P5js

Vous contribuerez au développement du site, partager la page avec vos amis

wave wave wave wave wave