Qu'est-ce que p5.js ?

p5.js est une bibliothèque JavaScript pour le codage créatif. Il est basé sur le traitement et constitue un environnement de codage créatif. Il a été initialement développé par Ben Fry et Casey Reas. L'objectif principal du traitement est de permettre aux débutants d'apprendre aussi facilement que possible à écrire des applications graphiques interactives, en rendant les langages de programmation plus conviviaux grâce à la visualisation.

L'avantage de l'utilisation du langage de programmation JavaScript est sa large disponibilité et son support omniprésent : chaque navigateur Web dispose d'un interpréteur JavaScript intégré, ce qui signifie que le programme p5.js peut être utilisé dans n'importe quel navigateur Web.

De plus, Processing est un langage qui met l'accent sur la possibilité pour les programmeurs de créer rapidement des prototypes de logiciels pour tester une nouvelle idée ou voir si quelque chose fonctionne. Pour cette raison, les programmes Processing (et p5.js) sont souvent appelés « croquis ».

La documentation officielle de p5.js recommande d'utiliser Bracket ou Sublime, puis d'inclure des fichiers JavaScript, et nous amène enfin à travailler comme n'importe quel autre langage de programmation. Mais l’éditeur Web en ligne p5.js est le meilleur choix. Il s'agit d'un environnement de programmation basé sur le Web.

Quelle est la différence entre p5.js et JavaScript ?

JavaScript est un langage de base qui fournit toutes les fonctionnalités nécessaires pour créer n'importe quelle fonctionnalité dans le navigateur. Il peut utiliser des boucles, des fonctions, des conditions, des opérations DOM, des événements, un canevas, etc. Par conséquent, n’importe quel framework peut être développé et conçu en l’utilisant.

p5.js est une bibliothèque JavaScript. p5.js fonctionne sur du JavaScript pur et fournit certaines fonctions qui permettent aux utilisateurs de JavaScript de dessiner facilement sur le Web.

Exemple :

function setup() { 
  createCanvas(400, 400); //画布大小400*400 
} 
  
function draw() { 
  background('blue'); //背景颜色蓝色 
}

Sortie :

setup() : C'est l'instruction dans la fonction setup(). Il est exécuté une fois au début du programme. createCanvas doit être la première instruction.

draw() : Les instructions dans draw() seront exécutées jusqu'à ce que le programme s'arrête. Chaque instruction est exécutée séquentiellement et après la lecture de la dernière ligne, la première ligne est à nouveau exécutée.

Site officiel de p5.js : https://p5js.org/

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!