Le fonctionnement de P5js

Au début était le HTML

Tim BERNERS-LEE

Comme nous l'avons vu auparavant, un navigateur web est avant tout un programme qui va afficher des pages qui sont codées dans un langage que l'on appelle le HTML. Ce langage de présentation de pages décrit la façon dont le document est composé. Couplé avec le langage CSS que nous avons aussi vu , nous avons à la fois le fond et la forme de notre page web.

C'est en 1989 que Tim BERNERS-LEE met en forme le principe du web que nous connaissons aujourd'hui. Jusqu'au milieu des années 90, un navigateur web se contente de demander puis d'afficher des pages web. Il s'agit juste d'un afficheur de contenu crée par et pour des chercheurs.

Javascript : mettez un moteur dans votre navigateur !

Brendan EICH

Si le web dans ses toutes premières années est un truc d'universitaire., dès le début des années 90, des étudiants commencent à voir le potentiel des sites internet. Le très populaire yahoo est créé en 1994 et en 1998 google apparait. Si vous voulez voir à quoi ressemblait le web des années 90, je vous invite à regarder cette vidéo qui vous présente des captures d'écran des sites web connus (amazon, google, apple) dans les années 90. Dépaysement garanti.

À cette époquye, la société Netscape Communications Corporation commercialise des serveurs web et offre gratuitement le navigateur internet Mozilla. Pour percer sur le marché internet, Netscape développe un langage de programmation qui permettra de faire s'éxécuter des scripts dans le navigateur et de modifier le contenu d'une page de façon interactive. Ce sera Brendan Eich qui créera en 10 jours le langage javascript en 1995.

Le web est né en 1989. En 1995, il se lève et marche.

Avec javascript, tout change. La page web peut se modifier elle même, voir demander des données à d'autres sites internet. Le navigateur n'est plus un simple afficheur. Il exécute des programmes.

Et enfin P5js

Benjamin FRY

Casey REAS

Lauren McCARTHY

Processing est un environnement de développement qui a été créé par deux informaticiens du MIT (Benjamin FRY et Casey REAS) au début des années 2000. Leur but était de faciliter la vie des artistes et des designers qui n'était pas versé dans l'art de la programmation. Processing a été développé en java, langage de programmation très répandu à l'époque.

Récemment, Lauren McCarthy, une jeune designeuse de New York versée dans l'art de la programmation en Javascript a entamé le projet p5js. Il s'agit de réécrire entièrement processing pour qu'il ne soit plus basé sur Java mais sur JavaScript afin de s'intégrer au navigateur web.

La facilité de programmation de Processing se retrouve ainsi utilisable dans le navigateur et permet de faire des graphismes, des animations, même du son, dans des applications que l'on peut mettre en ligne.

Processing voulait rendre l'informatique facile pour les artistes. P5js fait sortir processing de l'ordinateur pour le déployer sur le web.

Concrétement, lorsque l'on utilise p5js, on crée un page web qui va incorporer un fichier css pour le style de la page (optionnel), le fichier contenant la bibliothèque p5js qui construit les nouvelles instructions propres à p5js (pour dessiner des cercles, des carrées, etc ...) et enfin le script javascript de l'utilisateur qui sera exécuté dans le navigateur.

Mais comment créer du code Processing P5js en pratique ?