P5.Js

 

Qu’est ce que p5.js ?

P5.js est une librairie javascripts qui possède le même but que Processing, le but est de rendre le code accessible pour des artistes, designers, éducateurs, et débutant

Qu’est ce que Processing ?

Processing est un « software sketchbook » et un language pour apprendre a coder dans le contexte de l’art visuel , depuis 2001, Processing a favorisé la connaissance des logiciels dans le domaine des arts visuels et de la compréhension des images dans la technologie, Des dizaines de milliers d'étudiants, d'artistes, de concepteurs, de chercheurs et d'amateurs utilisent le traitement pour l'apprentissage et le prototypage.
Maintenant que l’on sais ce qu’est Processing on peut continuer.

P5.Js reprend le meme concept que Processing mais via Javascript, il possede une variété de fonctionalitées de dessins.

Voici quelque realisation faites avec P5.js :

Vous avez sans doute remarqué que c’est la même personne sur chaque exemple, c’est normal cette personne possède une chaine youtube appelé "Coding Train", il realise differentes videos tel que, des tutos, des challenges.
pour revenir a P5.js voici un exemple de code pour générer un cercle.

On peut voir qu’il y a 2 fonction obligatoire, le setup() et le draw() celui qui
permettra de « dessiner »

voici une fonction un peu plus complète :

La function draw() {
if (mouseIsPressed) {
fill(0);
} else {
fill(255);
}
ellipse(mouseX, mouseY, 80, 80);
}
permet de dessiné, une fois sur le canvas.

Conclusion

Si vous aimez le design et voulais créer un projet orienté graphisme, p5.js est le framework dont vous avez besoin.

Sources:

• https://p5js.org/
• https://processing.org/
• The coding train: https://www.youtube.com/channel/UCvjgXvBlbQiydffZU7m1_aw

Auteur: Moulun Kevin