Niedlich-Countdown-Timer

Auf einen Blick

Warum das Glas ein Gesicht hat

Die Herkunft des Niedlich-Designs, von den Leuten, die es gezeichnet haben.

Das Niedlich-Design begann als Wette mit ernster Miene: eine Sanduhr, aber mach ein Wesen daraus. Die klassische Sanduhrform war schon gezeichnet — Messing und ernst — also ging dieses Design ganz in die andere Richtung: ein rundes Glas mit einem Deckel in Korkgold, gefüllt mit pastellfarbenem Sand, auf dem weichsten Hintergrund, den die Seite erlaubt, ein Himmel, der von Flieder über Pfirsich zu Creme verläuft.

Das Gesicht war die Entscheidung, nach der alles andere klickte. Es sitzt auf der Sandoberfläche — Augen, Rouge und ein kleiner lächelnder Mund genau auf der Pegellinie — und das Glas hört auf, ein Behälter zu sein, und wird eine Kreatur, die langsam in den eigenen Sand hinabwippt. Kinder müssen keine Anzeige deuten; sie sehen, dass ihr kleines Glas-Freund es sich gemütlicher macht, je mehr Zeit vergeht. Während es wartet, blinzelt es ungefähr alle fünf Sekunden, und das Lächeln schwillt leise an und setzt sich im selben langsamen Takt.

Das Ende ist eine Belohnung, kein Summer. Bei null kneifen sich die Augen zu frohen Bögen zusammen, neben dem Deckel poppt eine Sprechblase auf, und ein Schauer aus rosa, fliederfarbenem und Stern-Konfetti geht nieder, mit einem hellen Fünf-Ton-Signalton. Niemand verliert; der Sand läuft einfach aus, und das Glas freut sich darüber. Das ist der ganze Gefühlspakt des Designs, und deshalb fragen Kinder beim Namen danach.

Die Glasfarben kamen aus der Buntstift-Logik: Rosa ist das Original, Mint kam dazu, weil ein pastellgrünes Glas vor dem Pfirsichhimmel wunderschön aussah, Flieder fürs Schlafzimmer in der Dämmerung, Creme fürs warme Ende der Palette. Elemente — die kleinen Herzen und Sterne, die nach oben treiben — können gemischt sein, nur Herzen oder nur Sterne, und ihre Dichte kann ruhig oder rege sein, denn ein Glas auf dem Beamer im Klassenzimmer verdient Einstellungen genauso wie eines auf dem Küchentablet.

Wie sich die Szene bewegt

• Leerlauf. Das Glas steht voll, das Gesicht nah am oberen Rand, blinzelnd; Herzen und Sterne treiben sanft nach oben, und die ganze Szene atmet auf einer langsamen Sinuswelle.
• Läuft. Der Sand läuft mit dem Countdown aus, und das Gesicht fährt auf dem Pegel mit nach unten. Das Glas wiegt sich fast unmerklich, so wie eine Kreatur in Ruhe.
• Das letzte Stück. Nur eine flache Sandschicht ist übrig, und das Gesicht sitzt tief im Glas — nah am Boden, die Augen blinzeln noch.
• Null. Glücklich geschlossene Augen, eine Sprechblase, ein Konfettischauer und ein heller Fünf-Ton-Signalton. Die Anzeige zählt +mm:ss in die Überzeit, bis du zurücksetzt, und das Glas wartet geduldig darauf, wieder gefüllt zu werden.

Mach es zu deinem

Der Regler-Button in der unteren Steuerleiste öffnet Szenen-Einstellungen. Die Auswahl bleibt in deinem Browser und übersteht das Neuladen; nichts wird irgendwohin geschickt.

Zwei gemeinsame Bereiche sitzen bei jedem Design an derselben Stelle. Klang wählt den Endklang (oder „wie das Design“), setzt die Lautstärke und legt ein optionales Ticken auf jede der letzten zehn Sekunden. Anzeige verschiebt die Countdown-Zahl — unten, oben, Mitte, unten links oder unten rechts — und färbt sie um: wie das Design, Warmweiß, Weiß, Gold, Eisblau oder Koralle.

Links zum Kopieren

So klingt es

Bei null laufen fünf helle Dreieckswellen-Töne die Tonleiter hinauf, wie eine Spieluhr, die aufgeht, mit einer weichen Glocke obendrauf. Wie alles bei timer.cool synthetisiert der Browser den Klang in dem Moment, in dem er spielt: keine Audiodateien, nichts zum Herunterladen. In der Klangleiste kannst du Glocke, Digital, Holz oder Alarm wählen, ein Ticken für jede der letzten zehn Sekunden dazunehmen, oder du schaltest stumm mit M.

Auf Beamer oder Fernseher

Stell das Glas auf den Beamer im Klassenzimmer, und die ganze Klasse teilt sich dieselbe kleine Kreatur, die das Aufräumen herunterzählt — das beendet den Chor „wie lange noch?“ besser als jede Zahl. Drücke F und alle Bedienelemente verschwinden. Solange ein Timer läuft, hält die Seite einen Wake Lock, damit das Display nicht abdunkelt, bevor gefeiert wird.

Die Tasten: Leertaste Start/Pause, F Vollbild, R zurücksetzen, M stumm, +/− eine Minute dazugeben oder abziehen, solange er läuft, L wiederholen. Zwei ehrliche Grenzen: Auf einem iPhone schaltet der Klingelschalter Web-Audio stumm, und aggressive Energiesparmodi können den Wake Lock auf manchen Geräten überstimmen.

Für wen das niedliche Glas ist

Fragen