Sites


p5.js pour le webdocumentaire

Pourquoi p5.js?

Philosophie globale de la bibliothèque

p5.js est une bibliothèque JavaScript ayant la même ambition que Processing: faire de la programmation un domaine et un outil accessible pour les artistes, les concepteurs, les professeurs et les débutants. p5.js reprend la philosophie de Processing, mais transposé pour le web: le support de rendu, c’est le navigateur. Pour certains, cette librarie cera peut-être un excellent tremplin pour passer de Processing au Javascript, ou bien pourquoi pas tout simplement un bon pretexte pour s'initier à la programmation.

p5.js permet de créer avec un panel conséquent de fonctionnalités, un espace de dessin interactif. Cependant, p5.js ne se limite pas à la zone de dessin car il permet de penser entièrement la page du navigateur comme un espace de jeu: p5.js, couplé à des extensions, permet d’interagir avec d’autres objets HTML5 comme le texte, les boutons, la vidéo, la webcam, et le son. La compatibilité n'est pas non plus un problème: p5.js étant une bibliothèque javascript, les contenus étant édités avec seront lisibles depuis les plateformes ne supportant pas la technologie Flash comme les tablettes ou les smartphones.

http://p5js.org/
http://hello.p5js.org/

Également, cette librairie libre* est assez bien documentée (http://p5js.org/reference/) et comporte des quelques bons exemples (http://p5js.org/learn/#examples). La développeuse est assez réactive et fait de nombreuses mises-à-jour. Ce langage étant analogue à Processing (Processing jouissant d'une très grande communauté), il sera possible de trouver des solutions au sein de cette communauté de programmeurs.

*The p5.js library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation, version 2.1.

The Reference for the Language and Environment are under a Creative Commons license which makes it possible to reuse this content for non-commercial purposes if it is credited.

 

Une bibliothèque javascript?

Une bibliothèque, ou librairie en anglais, c'est un paquet de fonctions pré-codées qui permettent d'alléger la syntaxe et de simplier un programme informatique. Une des particularités de p5.js, c'est reprendre la syntaxe simple et intuitive de Processing.

Ce programme permettant de dessiner au sein du canevas avec la souris ne dépasse pas les dix lignes de code.

Que peut-on faire avec?

p5.js et ses extensions nous permettent d'interagir avec les pixels d'une image fixe ou d'une capture webcam, récupérer les données d'une timeline d'un fichier vidéo, générer des formes animées, synthétiser ou jouer des sons, récupérer un flux RSS… p5.js est une librairie polyvalente qui va nous permettre de faire de nombreuses choses; Dans ce manuel, nous allons nous "restreindre" à un domaine, celui du webdocumentaire. Rassurez-vous, ce domaine étant assez large (proche du jeu-vidéo, intégrant du son, du design d'interface fixe ou animé) nous pourrons survoler de nombreuses fonctions et appréhender les grandes possibilités de cette bibliothèque.

p5.js permet d'utiliser les entrées vidéo et audio au sein d'un navigateur.


Pour qui?

Cette bibliothèque a été conçue, comme Processing, pour servir à enseigner les bases de la programmation informatique dans un contexte visuel. Si ce manuel d'initiation ne se destine pas aux programmeurs avancés, il est en revanche écrit pour débutants, artistes et étudiants voulant pouvoir créer, dessiner avec du code informatique sur le support du navigateur, et cela indépendamment d'un développeur professionnel.

http://fr.flossmanuals.net/processing/introduction/

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.