PlayRoom

Jeu de cartes Papayoo dans un salon en 3D, joué dans le navigateur à plusieurs. Nom de travail : PlayRoom.

Tout le jeu tient dans un seul fichier, index.html.

Jouer entre amis

https://naywayo.github.io/rv-PlayRoom/ (hébergé par GitHub Pages, mis à jour à chaque push sur main)

Ouvrir la page : un code de salon est créé et ajouté à l'adresse (par exemple …/#K7MPQ). Le bouton « Copier le lien d'invitation » copie cette adresse ; les amis qui l'ouvrent arrivent dans le même salon. Aucun compte n'est nécessaire.

Il faut au moins 3 joueurs assis ; des robots peuvent compléter la table.

Comment marche le multijoueur

Il n'y a pas de serveur de jeu. Les navigateurs se trouvent grâce à des relais Nostr publics (via Trystero 0.26), puis échangent directement en WebRTC. Le joueur qui lance la partie fait office d'hôte : il valide chaque coup et diffuse l'état ; s'il part, un autre joueur reprend la main.

Limites connues :

• Certains réseaux (4G, réseaux d'entreprise) bloquent la connexion directe. Il faudrait alors un serveur TURN.
• Le navigateur de l'hôte, qui arbitre la partie, connaît toutes les mains. Les autres joueurs ne reçoivent que leurs propres cartes : chaque main est chiffrée (ECDH + AES-GCM, js/secret.js) pour son seul destinataire, les autres mains arrivent sous forme de ?. Si l'hôte part, le suivant redemande à chacun ses cartes et redistribue au hasard celles des robots et des absents parmi les cartes encore cachées.

Stack

HTML, CSS et JavaScript sans build, en modules ES (import map). Rendu 3D avec three.js 0.186 (ombrage toon, contours via OutlineEffect, ombres de la lampe), réseau avec Trystero 0.26, tous deux chargés depuis jsDelivr. Polices Baloo 2 et Nunito via Google Fonts.

• index.html : interface, règles du Papayoo, scène, avatars et réseau.
• js/avatar.js : personnages personnalisables (corps articulé, visage dessiné, vêtements, coiffures, chapeaux, accessoires) et leurs animations.
• js/editor.js : éditeur de personnage avec aperçu 3D.
• js/fx.js : matériaux cartoon, halos lumineux, poussière, confettis.
• js/voice.js : chat vocal de proximité (micro via WebRTC, son spatialisé sur l'avatar).
• js/toys.js : boules de papier et coussins à lancer, petite physique rejouée à l'identique chez chacun.
• js/secret.js : chiffrement des mains pour chaque joueur.
• js/sfx.js : bruitages et musique lounge générés avec la Web Audio API (aucun fichier audio).

Lancer en local

powershell -NoProfile -ExecutionPolicy Bypass -File tools/serve.ps1

puis ouvrir http://localhost:8642. Pour tester à plusieurs, ouvrir la même adresse (avec le même #code) dans plusieurs onglets.