À propos
Ce site a été créé pour aider les débutants à apprendre à résoudre un Rubik's Cube 3×3 grâce à une méthode personnalisée et un guidage interactif étape par étape.
Le projet
Ce tutoriel a deux objectifs simultanés : vous apprendre une méthode de résolution personnalisée en 7 étapes, et vous aider à résoudre votre propre cube mélangé grâce à un configurateur interactif et un cube 3D.
Le site est conçu pour être ludique, gamifié et accessible à tout public, qu'il s'agisse d'un enfant qui découvre le cube pour la première fois ou d'un adulte qui souhaite enfin réussir ce casse-tête mythique.
Technologies utilisées
HTML5
Structure sémantique, accessibilité native.
CSS3
Variables CSS, glassmorphism, animations, responsive.
JavaScript ES6
Modules natifs, pas de framework lourd.
Three.js
Rendu WebGL du cube 3D interactif.
Cloudflare Pages
Hébergement statique, déploiement simple.
Feuille de route
- ✅ Cube 3D interactif (Three.js)
- ✅ Configurateur 2D avec palette de couleurs
- ✅ Guidage par étapes avec placeholders
- ✅ Sauvegarde automatique (localStorage)
- ✅ Accessibilité : daltonien, dyslexie, contraste élevé
- 🔄 Algorithmes personnels (à compléter dans method.json)
- 🔄 Chronomètre
- 🔄 Compte utilisateur (Cloudflare Worker + D1)
- 🔄 Support multi-langue
- 🔄 Puzzles 2×2, 4×4