Créer une whiteboard collaboratif en temps réel avec HTML5 Canvas API NodeJS et SocketIO - Partie 1

On va créer un whiteboard qui va nous permettre de dessiner tout et n'importe quoi avec l'API Canvas.

Puis on va faire en sorte que tout le monde puisse dessiner en même temps et faire un tableau de groupe.

Dans la partie 1, on verra :

  • La gestion des événéments de souris dans le DOM
  • Les méthodes de dessins avec le Canvas

Dans la partie 2, on verra :

  • La création d'un serveur de gestion du temps réel (SocketIO)
  • La mise en cache d'un dessin
  • La création de l'outil Gomme
  • La mise en ligne du serveur sur Heroku

Pour avoir accès à la partie 2 :

  • avec la vidéo (1h09)
  • et le code final

Vous pouvez créer un compte de membre gratuit.

Laisser un commentaire