Cube
Mélangez-le et remettez-le en ordre. Faites glisser une couronne pour la tourner, et faites glisser n’importe où autour du casse-tête pour le retourner en entier. Le chrono démarre à votre premier mouvement et s’arrête quand chaque face est de nouveau d’une seule couleur.
Résolu
Faites glisser une case pour tourner sa couronne, et faites glisser n’importe où autour du cube pour le tourner en entier. Au clavier, U, D, L, R, F et B tournent une face, Maj la tourne dans l’autre sens, un chiffre avant la lettre atteint une couronne plus profonde, et les flèches tournent le cube entier. Sur le 2×2 et le 3×3, H affiche un indice.Faites glisser une case pour tourner son coin, et faites glisser n’importe où autour de la pyramide pour la tourner en entier. Au clavier, U, L, R et B tournent un coin, Maj le tourne dans l’autre sens, 1 avant la lettre tourne la pointe seule, et les flèches tournent la pyramide entière. H affiche un indice.
Comment jouer
Faites glisser une couronne
Appuyez sur une case et faites-la glisser dans le sens où vous voulez que sa rangée ou sa colonne aille. La couronne suit votre doigt et s’enclenche quand vous relâchez, et un geste rapide la mène jusqu’au bout.
Faites glisser autour pour le retourner
Faites glisser n’importe où hors du casse-tête pour le tourner en entier et voir un autre côté. Relâchez et il se replace face à vous, avec toujours trois faces bien visibles. Sur ordinateur, le bouton droit de la souris fait la même chose sur le casse-tête lui-même.
Mélangez, puis battez le chrono
Le bouton Mélanger effectue des mouvements au hasard. Le chrono démarre à votre premier mouvement et s’arrête dès que chaque face est d’une seule couleur, et votre meilleur temps est gardé pour chaque casse-tête. Annuler reprend le dernier mouvement. Bloqué ? Indice montre le prochain mouvement et à quoi il sert, étape par étape, et une résolution avec des indices ne compte pas comme record.
Cinq casse-têtes
Le 2×2 est idéal pour commencer et le 3×3 est le grand classique. Le 4×4 et le 5×5 ajoutent des couronnes au milieu, et la pyramide tourne par tiers de tour autour de ses coins, avec des pointes qui tournent séparément.
Comment c’est construit
Pas de canvas, pas de WebGL et pas de bibliothèque 3D. Le casse-tête est une scène d’éléments ordinaires, un par case, placés en trois dimensions avec des transformations CSS, et le navigateur dessine la perspective et calcule ce qui passe devant quoi. Un 5×5 en compte cent cinquante. Un mouvement écrit une rotation sur les cases de la couronne qui tourne et sur rien d’autre, et deux plaques sombres se glissent dans la coupe pour que l’intérieur du casse-tête ne soit jamais vide.
Aucun mouvement n’est écrit nulle part. Un casse-tête est une liste de places où une case peut se trouver, chacune avec un centre et une direction, et un mouvement est un axe, une tranche de profondeur le long de cet axe et un angle. Les cases que prend un mouvement sont celles de la tranche, et on trouve où chacune arrive en la faisant tourner puis en cherchant la place correspondante. Le cube et la pyramide n’ont rien de mécanique en commun et tournent sur le même code, et le 3×3 passe la vérification classique : R U, répété 105 fois, le ramène à l’état résolu.
Un glissement est mesuré à travers la projection même que le navigateur utilise pour dessiner. Chaque axe autour duquel la case sous votre doigt pourrait tourner est essayé, et celui dont le mouvement à l’écran suit le mieux votre doigt l’emporte : la bonne couronne tourne sous n’importe quel angle, à une vitesse qui garde la case sous votre doigt. Quand vous relâchez, un ressort tire la couronne jusqu’au cran le plus proche. Il est réglé un peu en dessous de l’amortissement critique, si bien que la couronne dépasse d’un degré ou deux et revient, et c’est ce qui donne l’impression d’un plastique qui s’enclenche.
Après un mouvement, une case prend la position de la place où elle est arrivée au lieu de garder la rotation qui l’y a menée. Les deux peuvent différer d’un quart de tour dans le plan de la case, ce qui ne se voit pas puisque chaque case est symétrique autour de son centre, et aucune erreur d’arrondi ne s’accumule, quelle que soit la durée de la partie.
Chaque case est éclairée depuis une seule direction, fixée à vous plutôt qu’au casse-tête, si bien que la face du dessus est la plus claire et celle de droite la plus sombre, quelle que soit la façon dont il est tourné. La luminosité est recalculée pendant que la vue tourne et n’est écrite que lorsqu’elle change de façon visible. Les sons sont eux aussi produits dans le navigateur : chaque mouvement, c’est deux clics à quelques millisecondes d’écart sur un coup bref et grave.
Les indices suivent la méthode qu’on apprend plutôt que la solution la plus courte, parce que celle-ci peut seulement dire qu’un mouvement rapproche d’un cran du but, ce qui n’apprend rien. Le 3×3 se résout en sept étapes, couronne par couronne, le 2×2 en trois et la pyramide en trois, et chaque mouvement porte son étape, la pièce qu’il concerne et, au sein d’une séquence, la séquence elle-même. Là où une étape relève du jugement plutôt que d’une séquence, comme savoir quelle arête blanche descendre ensuite et comment, une courte recherche trouve le moins de mouvements pour cette seule pièce sans déplacer ce qui est déjà en place. Le plan est recalculé dès que le casse-tête n’est pas là où il devait être, et il a été vérifié en le suivant depuis mille cinq cents mélanges au hasard, qu’il a tous résolus.