5: Miam - saison 2 : La séparation
La souris se sent mal à l'aise. Il y-a peut-être quelque-chose dans le regard ou dans le sourire de son ami qui l'inquiète un peu. Elle voudrait plus d'indépendance.
On voudrait donc que deux utilisateurs différents contrôlent le chat et la souris. Chacun sur son navigateur.
Les clicks d'un utilisateur indiqueraient la position du chat et les clicks de l'autre utilisateur indiqueraient la position de la souris.
Il faudra donc échanger des informations entre les deux navigateurs. On va le faire, en passant par un serveur, avec des requêtes AJAX.
Quand l'utilisateur chat clique, les coordonnées de son click sont envoyées (AJAX) à miam-serveur.php.
miam-serveur.php va attendre de recevoir les coordonnées de la souris avant de répondre.
La réponse contiendra à la fois les coordonnées cliquées par l'utilisateur chat et celles cliquées par l'utilisateur souris.
Récapitulons:
- L'utilisateur chat clique. Son JS fait une requete AJAX envoyant les coordonnées cliquées
- Le serveur reçoit les coordonnées du chat, mais ne répond pas tout de suite. Il attend les coordonnées de la souris
- L'utilisateur souris clique. Son JS fait une requete AJAX envoyant les coordonnées cliquées
- Le serveur reçoit les coordonnées de la souris. Il a maintenant les coordonnées des deux (chat et souris).
- Le serveur répond aux deux requetes AJAX en renvoyant à chacune à la fois les coordonnées du chat et celles de la souris
- Les deux navigateurs démarrent le mouvement.