1 of 15

Nil Sahin & Julien Lacombe

2 of 15

PLAN

  • Présentation
  • Fonctionnalités
  • Architecture basique
  • Utilisation avec node.js
  • Démonstration
  • Conclusion

3 of 15

  1. Présentation

Librairie JavaScript Open Source

Créée par Lauren McCarthy en 2013

Origine : le projet Processing vf(2001)� Le même principe mais pour les applets Java

Votre navigateur devient un espace de jeu et de création

4 of 15

II. Fonctionnalités : Formes

2D 3D

5 of 15

II. Fonctionnalités : Image et Couleur

6 of 15

II. Fonctionnalités : Interaction

7 of 15

Pour en voir plus : https://p5js.org/examples/

​

8 of 15

III. Architecture Basique

Fonctions principales :

  • setup()
  • draw()

setup ()

draw ()

9 of 15

III. Architecture Basique

De nombreuses fonctions auxiliaires re-définissables� Exemple : mouseMoved()

Une importante quantité de variables directement utilisables� Exemples : mouseX, mouseY

Des librairies pour manipuler DOM, le son, programmation embarquée (Arduino) ...

Documentation : https://p5js.org/reference/ �Librairies : https://p5js.org/libraries/

10 of 15

III. Architecture Basique

Un exemple simple :

11 of 15

III. Architecture Basique

Un exemple simple :

12 of 15

IV. Utilisation avec node.js

Un exemple client-serveur avec Express et Socket.io

Express : un framework pour construire des applications web

Socket.io : une bibliothèque permettant la communication temps-réel et bidirectionnel entre clients et serveurs par la mise en place de sockets

​

Serveur�Node.js

Express

socket.io

Client 1 P5

socket.io

Client 2 P5

socket.io

Client N P5

socket.io

13 of 15

Démonstration

14 of 15

V. Conclusion

​

  • gestion de formes géométriques complexes
  • responsive
  • compatibilité navigateurs
  • bonne documentation, communauté active
  • objectif affiché : rendre la programmation accessible aux artistes, designers et enseignants�

15 of 15

Avez-vous des questions ?

​

Merci pour votre attention :)