Taquin 10x10

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Recrée un jeu de taquin coulissant intitulé « Taquin 10×10 », dans une interface web responsive en français. La vue est une interface 2D fixe, sans caméra de jeu : fond bleu nuit avec un léger dégradé radial plus clair vers le haut, contenu centré dans une largeur maximale d’environ 760 px. En haut, afficher le titre blanc « Taquin 10×10 », puis le sous-titre gris-bleu « 99 cases numérotées · 1 trou · remets tout dans l’ordre ». À droite, afficher deux cartes de statistiques sombres arrondies : « COUPS » avec le nombre de mouvements, et « TEMPS » avec un chronomètre au format MM:SS. Les valeurs numériques des statistiques sont vert menthe clair/bleu pâle et mises à jour pendant la partie.

Au centre, afficher un grand plateau carré dans un conteneur bleu sombre en dégradé, avec coins très arrondis, ombre portée et légère surbrillance interne. Le plateau contient exactement une grille de 10 colonnes par 10 lignes, avec de petits espacements entre les cases. Il y a 99 tuiles numérotées de 1 à 99 et une case vide située en bas à droite quand le puzzle est résolu. Chaque tuile est une case claire bleu-blanc, en léger dégradé, avec coins arrondis, ombre subtile et chiffre bleu marine épais centré. Les nombres sont disposés dans l’ordre de lecture : 1 à 10 sur la première ligne, 11 à 20 sur la deuxième, etc., jusqu’à 91 à 99, puis le trou à la position 100. La taille des chiffres doit s’adapter à l’écran. La case vide est visiblement sombre/transparente, avec une ombre interne. Les tuiles actuellement déplaçables, c’est-à-dire celles directement adjacentes orthogonalement au trou (haut, bas, gauche ou droite, jamais en diagonale), ont un contour vert menthe discret.

Mécanique exacte : le joueur clique/touche une tuile voisine du trou pour la faire glisser dans le trou, en échangeant leurs positions. Un clic sur toute autre tuile ne fait rien. Chaque déplacement légal augmente le compteur « coups » de 1 et déclenche une brève animation de flash/réduction de la tuile déplacée. Le chronomètre démarre avec une partie active, augmente chaque seconde, et s’arrête lorsque le puzzle est résolu. Le bouton « Réinitialiser » remet immédiatement le plateau dans l’ordre 1–99 + trou, remet coups et temps à zéro et démarre une nouvelle partie active. Le bouton bleu primaire « Mélanger » construit un état mélangé en effectuant environ 900 déplacements légaux aléatoires depuis l’état résolu, sans revenir immédiatement à la position précédente, puis remet coups et temps à zéro et démarre la partie. Ainsi, le mélange reste toujours résoluble. La partie démarre initialement dans l’état résolu avec compteurs à zéro ; l’utilisateur peut cliquer sur Mélanger pour jouer.

Quand toutes les tuiles sont revenues dans l’ordre exact et que le trou est en bas à droite, bloquer les déplacements et arrêter le chronomètre, puis après un court délai afficher une superposition sombre semi-transparente couvrant l’écran avec flou d’arrière-plan. Au centre, afficher une boîte modale bleu nuit en dégradé, arrondie et ombrée avec le titre « Bravo ! », le texte « Tu as remis les 99 cases dans l’ordre. » et un bouton primaire « Rejouer ». Ce bouton relance une nouvelle partie mélangée. En bas, afficher l’aide « Clique une case voisine du trou » à gauche et les boutons « Réinitialiser » et « Mélanger » à droite. Les boutons sont sombres pour Réinitialiser et bleu dégradé pour Mélanger/Rejouer, avec coins arrondis et réactions visuelles au clic.

Rendre l’ensemble utilisable au pointeur et sur écran tactile, avec une mise en page qui s’adapte aux écrans étroits et bas : le plateau reste carré et ne déborde jamais, les éléments peuvent se réorganiser, et sur les écrans très bas le sous-titre peut être masqué et les contrôles légèrement réduits. Ajouter aussi les raccourcis clavier : touche R pour réinitialiser et touche S pour mélanger. Style général : puzzle arcade propre et minimaliste, contraste élevé, palette bleu nuit, tuiles glacées bleu pâle, texte blanc et accents cyan/vert menthe.