epsilab

epsilab, labo de prototypage : logiciel, électronique, 3D et IA

EXP-000Le siteV1Prototype

Labo de prototypage : logiciel, électronique, 3D et IA.

Fais défiler pour souffler sur la table

EXP-002CuriositéV12026-11-13Fini

Mélange Faro

Huit mélanges parfaits, et le jeu revient à son ordre.

Un mélange qui ne mélange pas

Parmi les nombreux mélanges qui existent, le mélange faro a attiré mon attention. Il se présente comme le mélange parfait, et pourtant, si on le répète huit fois, on retourne à la position initiale.

Je collectionne les jeux de cartes et je suis curieux des mélanges et de la cardistrie. J’ai voulu le voir de mes yeux, carte par carte.

Défilez dans le cadre (sur téléphone, glissez de côté) ou touchez une étape. « Tableau » montre le jeu après chaque faro.

Le geste

Un faro, c’est couper le jeu exactement en deux, 26 cartes de chaque côté, puis intercaler les deux moitiés une carte sur deux, sans en rater une. Le résultat a l’air d’un mélange parfait. Il est en réalité bien trop régulier pour en être un.

Pourquoi le jeu revient

La première et la dernière carte ne bougent jamais. Les autres suivent toujours le même chemin : la 2e devient 3e, la 3e devient 5e, et ainsi de suite. Au huitième faro, chaque carte a bouclé son chemin et retrouve sa place. La bande de couleur sous les cartes le montre : le dégradé se brise, puis se recompose.

Huit mélanges parfaits, et le jeu n’a pas été mélangé du tout.
Où j’en suis
L’animation est finie : les huit faros se jouent pas à pas, et un tableau montre le jeu après chacun.
Ce qui coince
Voir les cartes s’imbriquer en 3D. Il a fallu colorer la tranche de chaque moitié.
La suite
Construire un site qui référence et anime tous les mélanges de cartes existants.

Outils

Animation
anime.js 4, une timeline pilotée au défilement
3D
CSS 3D (perspective et preserve-3d), sans WebGL
Cartes
les 52 cartes dessinées en HTML et CSS, sans image
Calcul
JavaScript, l’ordre du jeu recalculé à chaque faro
Aide
Claude Code, pour écrire et vérifier le code