Produit & web2026En coursDépôt privé
Virtual Cinema
Une salle de cinéma en 3D où l'on choisit sa place, et tout le monde regarde en même temps
On entre dans une salle rendue en Three.js, on prend un siège encore libre, et la lecture est synchronisée entre tous les spectateurs par WebSocket.
React 19Three.jsWebSocketNodeTailwind 4ViteDockernginx
- Three.js
- rendu
- WebSocket
- synchronisation
- 4
- salles
En bref
- 01Salle en Three.js avec bloom : écran, rangées, tissu mural généré au canvas
- 02Serveur WebSocket qui tient l'occupation des sièges et l'état de lecture
- 03Les places prises se voient en direct : deux spectateurs ne s'assoient pas au même endroit
- 04État persisté sur disque — le serveur redémarre sans vider la salle
Le point dur
Garder tout le monde à la même seconde
Chaque client dérive à son rythme, et une simple diffusion de « play » ne suffit pas. Le serveur reste la référence de temps et les clients se recalent dessus plutôt que de se faire confiance entre eux.