Tipolino
Tipolino
Travaux étudiants
UI / UX Design
Transformez votre smartphone en manette et rejoignez l'arène !
Tipolino est un Party-Game multijoueur hybride où votre téléphone devient l'arme ultime. Le concept est simple : deux équipes (Margherita vs Fromagio), une pizza au centre, et un chaos total en temps réel sur grand écran.
La Mission
L'objectif central était de concevoir une expérience de jeu multijoueur synchrone capable de créer un pont technologique entre le mobile et le grand écran. À travers le concept de « coopétition », la mission consistait à transformer le smartphone en une manette dynamique pour piloter un affrontement d’équipes (Margherita vs Fromagio) sur un écran partagé en 3D. L'enjeu principal était de fluidifier l’interaction physique tout en gérant un gameplay chaotique et ludique de contrôle de zone (la pizza).
Le Contexte
Ce projet a été réalisé lors d'un workshop à l’École de design de Nantes Atlantique par une équipe pluridisciplinaire de six étudiants. Dans un environnement de développement rapide, nous devions exploiter les technologies de communication en temps réel (WebSockets) pour synchroniser les actions des joueurs et intégrer des flux vidéo en direct via WebRTC, transformant ainsi une simple partie de jeu en une expérience sociale immersive.
La Méthode
Pour mener à bien ce projet, j'ai adopté une approche hybride mêlant design d'interface et développement assisté par Intelligence Artificielle :
Synergie Design-to-Code : J'ai assuré l'intégration des maquettes que nous avions fait sur Figma en utilisant des modèles de langage (Gemini et Claude via Antigravity) pour traduire mes intentions créatives en code fonctionnel, optimisant ainsi le flux de production.
Direction Artistique Augmentée : J'ai piloté l'univers visuel et la création des assets de communication en exploitant l'IA générative, garantissant une cohérence esthétique forte entre le jeu et sa promotion.
Ingénierie UX & Physique : J’ai travaillé sur l’ergonomie mobile (joysticks virtuels avec Nipple.js) et l’intégration technique du moteur physique (Rapier.js) et du rendu 3D (Three.js).
Obstacles
Le défi majeur résidait dans la gestion de la latence et de la fluidité : d'une part, assurer une réponse immédiate entre le mouvement sur le smartphone et l'action à l'écran, et d'autre part, stabiliser les flux caméras des joueurs via PeerJS dans un contexte de jeu frénétique. Il a également fallu calibrer l'équilibrage du gameplay (le ralentissement du porteur de pizza) pour encourager la passe plutôt que le jeu individuel, tout en surmontant mes propres limites techniques initiales grâce à l'IA.
Résultat
Le projet a abouti à Tipolino, une expérience de "party game" fonctionnelle et visuellement singulière. Le résultat est un système robuste utilisant une stack moderne (Node.js, WebSockets, Three.js) où la technologie s'efface au profit du plaisir de jeu. Cette première incursion dans le Game Design a démontré l'efficacité de l'IA comme levier créatif, permettant de livrer un produit fini cohérent, depuis les mécaniques de "poussée" physiques jusqu'à l'identité de marque globale.
