Décompresser le fichier ZIP du projet ou exécuter la commande
git clone https://gitlab.com/tsv_epsi/draw-together
(Requiert Git)
Un serveur est nécessaire pour mettre en communication les clients. Une fois mis en relation aucune données ne passent par ce serveur (ce dernier peut être éteint une fois la connexion initiée). Nous utilisons PeerServer, qui est un projet open source, en tant que serveur. PeerServer
ATTENTION deux clients ne pourront rentrer en contact uniquement s'ils se trouvent sur le même réseau que le serveur.
-
Install the package globally:
npm install peer -g
-
Run the server:
peerjs --port 9000 --key peerjs --path /draw-together
- Ouvrez le fichier
index.html
avec votre navigateur préféré. - Demandez à votre partenaire de vous donner son id de connexion et placez-le dans le champ dédié puis cliquez sur connexion. Ou donnez votre id de connexion à votre partenaire.
- Pour changer la couleur, faites bouger les curseurs
Rouge
,Vert
etBleu
ou sélectionnez une couleur prédéfinie. - Pour augmenter ou diminuer la taille du pinceau, faites bouger le curseur
Rayon
. - Pour dessiner, cliquez sur le rectangle de dessin. Le dessin s'affiche en direct chez votre partenaire. Il peut compléter votre dessin en direct.
- Pour effacer le dessin, appuyez sur le bouton
Effacer
en bas de l'écran. ATTENTION : le dessin est effacé pour les deux utilisateurs