La Graine · Géode

Même grammaire,
autre matière.

Deux de mes logiciels parlent un autre dialecte que celui de ce site. Ici l’or devient cristal, le vide tire sur le violet, et la lumière ne vient plus d’un soleil mais d’une graine. Tout le reste — la source qui a un bord, le protagoniste rare, les contrepoints qui portent un sens — n’a pas bougé d’un pixel.

ReposRien ne vit encore : les anneaux sont immobiles, seul le cœur respire.

Le tourbillon · rien n’y est décor

Ce qui le fait tourner, vraiment

Vos gestes

Dans la Graine, les anneaux s’emballent quand des appels arrivent. Ici, ce sont vos gestes : défiler, cliquer, appuyer sur une touche. L’énergie retombe de moitié toutes les 1,6 s.

Les orbes

Un orbe de sève par chose vivante. Ici, une par page du dialecte que vous avez déjà vue. Un orbe allumé suffit pour que le tourbillon dérive, lentement, à 3° par seconde. Survolez-les : ils mènent à leur page.

Le cœur

Il respire en six secondes tant que la page est regardée. Onglet masqué : tout se fige, et rien ne rattrape le temps passé ailleurs. Mouvement réduit demandé : un seul dessin, posé.

Sémantique fixe · cinq sens, jamais un sixième

Une couleur ne change jamais de sens

Une pastille d’état emprunte l’un de ces cinq sens ; il n’existe pas de palette d’alerte à part. Le jour où la braise dit autre chose que « dérive », plus rien ne se lit.

Une métaphore · qui nomme tout

Le vocabulaire suit la matière

Du libellé de bouton au message d’erreur, les deux logiciels ne parlent qu’une langue. Personne ne « déploie » dans la Graine : on sème. Personne ne « révise » dans Géode : on ravive.

Graine
la description d’un système : ce qu’il est, pas comment il est fait
Génome
ce que la graine devient selon ses priorités, et pourquoi
Semer
mettre une graine en terre sur un terrain
Vallée
les terrains : ce poste, un serveur, une grappe
Vrille
le lien d’un terrain au cœur, le long duquel filent les appels
Mue
un changement de forme qui touche les données
Dérive
l’écart entre ce qui tourne et ce qui est décrit
Géode
un sujet à apprendre, vu en coupe
Cristal
une notion : sa leçon et ses épreuves
Facette
un des six niveaux d’un cristal, de reconnaître à concevoir
Raviver
revoir une facette juste avant l’oubli
Gemme
un cristal aux six facettes taillées

À voir · trois démonstrations

Le dialecte, en mouvement

Fabrication · ce que ces pages emploient

Sans bibliothèque, au compositeur

Aucune de ces pages ne charge three.js, ni bibliothèque d’animation. Chaque technique dégrade vers « visible et immobile » quand le navigateur ne la connaît pas.Ctrl Maj F ouvre le moniteur de fluidité : les chiffres, plutôt que des promesses.

  1. 01

    Fragment shader WebGL

    Huit bandes, quatre traînées, un cœur et trois orbes en une passe, aux mesures exactes de VortexCore.cs.

    L’œil d’ORT, ici même
  2. 02

    Une horloge, trois régimes

    Respirer à 7 i/s, dériver à 12, ne passer à 60 que pour un événement — et s’arrêter quand tout est posé.

    Toutes les pages
  3. 03

    Long Animation Frames

    Le moniteur compte les images de plus de 50 ms, comme celui de la Graine.

    Ctrl+Maj+F
  4. 04

    View Transitions API

    La gemme d’un cristal se transforme en celle du suivant, sans bibliothèque d’animation.

    La géode
  5. 05

    CSS Motion Path

    Chaque appel file réellement le long de sa vrille (offset-path), braise s’il échoue.

    Le chemin
  6. 06

    Scroll-driven animations

    Les huit étapes s’allument au défilement, au compositeur, sans écouteur JavaScript.

    Le chemin
  7. 07

    @property

    Des dégradés qui s’animent vraiment : une variable typée s’interpole, une chaîne non.

    La matière
  8. 08

    clip-path + drop-shadow

    Facettes et éclats taillés en polygone ; la lueur suit l’alpha de la forme, pas son rectangle.

    Partout