Motard Dansant — un personnage qui danse à votre rythme
La scène Motard Dansant met en scène un personnage 3D complet — modèle squelettique Mixamo exporté en GLB — qui analyse votre musique en temps réel, détecte son tempo, et lance l'animation de danse la plus adaptée parmi 7 chorégraphies MoCap : Hip-Hop, Dancing, Northern Soul, Macarena, Salsa, Samba et Swing.
Une machine à états en 4 phases
Le personnage suit un cycle narratif complet. Il entre d'abord par une animation d'introduction (Crouch-To-Stand), puis attend patiemment avec une animation de repos fluide. Dès que de la musique est détectée, il entre en phase d'analyse pendant quelques secondes pour mesurer le BPM et le profil spectral du morceau — ratio graves/aigus — avant de se lancer dans la danse la mieux adaptée. Lorsque la musique s'arrête, il revient progressivement à sa pose d'attente.
Sélection de danse par BPM et spectre
L'algorithme de sélection croise le BPM détecté avec le rapport graves/aigus du morceau pour attribuer un score à chaque style. Une chanson lente et chargée en basses déclenchera naturellement le Hip-Hop ; un rythme rapide et léger favorisera le Swing ou la Salsa. La vitesse de lecture de l'animation est ensuite synchronisée en continu avec le tempo réel via un lissage progressif, pour que le personnage reste toujours en rythme.
Transitions fluides et jeux de lumières
Les passages entre animations utilisent le système de crossfade de Three.js AnimationMixer, rendant les transitions imperceptibles. Deux spots lumineux orbitent autour du personnage, changeant de couleur au fil du spectre sonore et pulsant sur les beats. Un ciel étoilé de 2 800 points entoure la scène pour une ambiance de show nocturne.
Technologie
Modèle GLB squelettique Mixamo chargé via THREE.GLTFLoader. 7 clips MoCap FBX Mixamo retargetés (renommage bones, suppression root motion). Correction quaternion Hips FBX→GLB via q_correction = q_char × q0⁻¹. AnimationMixer + crossFadeTo() pour toutes les transitions (0.5–0.8 s). BPM : intervalles beat (clock-units) lissés sur 24 mesures. Sélection danse : score = BPM overlap × spectre overlap, argmax. timeScale lissé par lerp (factor 0.06). 2 PointLights orbitaux + sphères MeshBasicMaterial réactives. Sphère étoilée 2 800 points (3 groupes PointsMaterial AdditiveBlending).