Minuteur sablier à rebours

En un coup d'œil

Pourquoi le site commence par un sablier

L'histoire du thème sablier, par ceux qui l'ont dessiné.

Le sablier a été dessiné en premier parce qu'il est la forme honnête d'un compte à rebours. Tous les autres thèmes de ce site sont une métaphore — un soleil qui descend, une bougie qui raccourcit, un bac qui se vide — mais le sable qui tombe dans un col étroit est le temps qui passe, sans traduction nécessaire. Il a fixé la barre que chaque thème suivant devait franchir : si vous jetez un œil à l'écran depuis l'autre bout de la pièce, vous savez combien il reste sans lire un chiffre.

Il a aussi fixé la barre du comportement du sable, et c'est le thème qui a demandé le plus de soin. Le sable du bulbe du haut n'est pas une forme plate qui perd de la hauteur : il garde un cratère voulu en cuvette plutôt qu'en entonnoir, pour que le sable restant se lise comme une bande contre les parois de verre. Le cratère ne reste jamais pile au centre — il se déplace comme les vrais tas qui s'affaissent — et des avalanches rampent à sa surface au lieu de rester immobiles. Dans le bulbe du bas, la colonne qui tombe atterrit dans une éclaboussure, soulève une fine poussière de grains éclairés, et bâtit un monticule dont la crête laisse sans cesse des grains libres glisser sur les flancs.

Les grains eux-mêmes sont dessinés en courts traits de mouvement, parce que des grains qui tombent doivent avoir l'air de tomber, pas de flotter. Un point doux précalculé rend l'astuce possible : tamponner un seul sprite des milliers de fois coûte bien moins que des milliers de dégradés par particule, et c'est ce qui garde la scène fluide sur un ordinateur de classe vieux de cinq ans.

Autour du verre, la pièce est à peine là : un fond presque noir, une lueur ambre qui respire derrière le bulbe, et un champ de poussière lent avec trois indices de profondeur — parallaxe, taille et dérive — que vous pouvez couper quand vous voulez le sablier tout seul. Le laiton a été le premier cadre, parce qu'un métal chaud contre un sable chaud passe bien sur n'importe quel vidéoprojecteur ; le noyer et l'obsidienne ont suivi, pour les pièces lambrissées et les bureaux très sombres.

Comment la scène bouge

• Au repos. Le bulbe du haut est plein, la colonne reste immobile, et la lueur ambiante respire lentement derrière le verre.
• En marche. La coulée commence : les grains filent dans le col, le cratère du haut se déplace et s'affaisse, et le monticule du bas monte avec une crête éclairée. Le champ de poussière suit votre souris, sauf si la parallaxe est à l'arrêt.
• La dernière ligne droite. Le bulbe du haut s'amincit en une bande collée à la paroi ; le fil de sable s'éclaire et hoquette tandis que sa voûte n'arrête pas de s'effondrer, et des grappes de grains descendent avec la colonne.
• Zéro. Une douce sonnerie de verre monte tandis que les derniers grains se posent. L'affichage passe à +mm:ss de retard, pour que le retard reste visible, et le sablier attend, tout le sable en bas, jusqu'à ce que vous le réinitialisiez.

À votre goût

Le bouton des curseurs, dans la rangée de commandes du bas, ouvre le panneau Réglages de la scène. Les choix restent dans votre navigateur et survivent aux rechargements ; rien n'est envoyé nulle part.

Deux panneaux partagés sont au même endroit pour chaque thème. Son choisit la sonnerie de fin (ou « comme le thème »), règle le volume, et ajoute un tic facultatif sur chacune des dix dernières secondes. Affichage déplace le chiffre du compte à rebours — en bas, en haut, au centre, en bas à gauche ou en bas à droite — et le recolore : selon le thème, blanc chaud, blanc, or, bleu glacier ou corail.

Liens à copier

Le son qu'il fait

À zéro, trois sinus montent en un doux arpège de verre — le jumeau sonore des derniers grains qui se posent. Comme tout le reste dans timer.cool, le son est synthétisé par le navigateur au moment où il joue : aucun fichier audio, rien à télécharger. Le panneau Sonnerie peut le remplacer par une cloche, un bip digital, un bloc de bois ou une alarme, ajouter un tic sur chacune des dix dernières secondes, ou vous pouvez couper le son avec M.

Sur un vidéoprojecteur ou une télé

Appuyez sur F et tous les contrôles disparaissent — le laiton et le sable deviennent tout l'écran, et c'est bien le but : le minuteur est fait pour la salle, pas seulement pour vous. Pendant qu'un minuteur tourne, la page garde un verrou d'écran pour que l'affichage ne s'assombrisse pas au milieu de la session.

Le clavier : Espace démarrage/pause, F plein écran, R réinitialisation, M sourdine, +/− donner ou reprendre une minute en marche, L répétition. Deux limites honnêtes : sur iPhone, le bouton sonnerie coupe l'audio du web, et les modes d'économie d'énergie agressifs peuvent passer outre le verrou d'écran sur certains appareils.

À qui s'adresse le sablier

Questions