Partage de canvas entre plusieurs fenetre navigateur avec Nodejs, Sockets, express, p5.js

Série de 4 vidéos (en anglais)

Introduction à Node.js - WebSockets et p5.js

Dans cette première vidéo, je discute de toutes les pièces nécessaires à la création d'un canevas de dessin collaboratif partagé avec les sockets web, node et web. Je regarde les bases de se lever et de courir avec node.js.

Utiliser Express avec Node.js - WebSockets et p5.js

Ajouter express.js à notre  application pour les fichiers statiques.

Connexion du client au serveur avec Socket.io

Ajouter socket.io à la fois au serveur node.js et au client JavaScript.

Shared Drawing Canvas - WebSockets and p5.js

Cette vidéo regroupe toutes les pièces: Node.js, Express, p5.js et Socket.io pour montrer comment programmer un canvas de dessin collaborative et partagée. Comment diffuser des messages entre les clients et le serveur est couvert.