Application de Cube Rubik 3D

Construisez un Rubik's Cube 3D interactif et complet dans un fichier HTML unique utilisant Three.js. CE QU'IL FAIT Un Rubik's Cube 3D entièrement fonctionnel que l'utilisateur peut faire pivoter, mélanger et résoudre. C'est une démonstration visuelle et interactive de mathématiques et d'animation 3D. FONCTIONNALITÉS PRINCIPALES 1. Cube 3D Un Rubik's Cube 3x3x3 rendu en Three.js Chaque face a une couleur distincte : Blanc, Jaune, Rouge, Orange, Bleu, Vert Chaque petit cube (cubie) est légèrement séparé pour une clarté visuelle Rendu 3D lisse et poli avec un bon éclairage 2. Contrôles OrbitControls : cliquer et glisser pour faire pivoter la vue, faire défiler pour zoomer Bouton « Scramble » : effectue une série aléatoire de mouvements (15-20 mouvements) Bouton « Solve » : inverse automatiquement les mouvements de mélange Vitesse de déplacement : les animations doivent être fluides et satisfaisantes 3. UI et HUD Bouton 'Scramble' en bas à gauche Bouton 'Solve' en bas à droite Compteur de mouvements : affiche le nombre de mouvements effectués Une interface en verre sombre et propre (mode sombre, esthétique moderne) 4. Interaction Cliquer sur une face pour la faire pivoter (optionnel, mais apprécié) Retour visuel lorsque un mouvement est effectué Aucun décalage pendant les animations 5. Détails techniques Utiliser Three.js depuis un CDN Tout le code dans un seul fichier HTML Performances fluides de 60fps Contrôles souris : cliquer-glisser pour faire pivoter, molette pour zoomer Raccourci clavier : 'R' pour mélanger, 'S' pour résoudre Build a polished, interactive 3D Rubik's Cube à la quelqu'un voudrait réellement jouer.