Terminal-Countdown-Timer

Auf einen Blick

Warum ein Terminal, und warum es flackert

Die Entstehungsgeschichte des Terminal-Designs, von den Leuten, die es gezeichnet haben.

Das Terminal-Design kam aus einer einfachen Beobachtung: die Leute, die Timer am meisten meiden, sind die, die den ganzen Tag in einem verbringen. Eine Pomodoro-App, die wie ein Konsumprodukt aussieht, wirkt auf dem zweiten Monitor wie ein Spielzeug — eine grüne Anzeige in einem Hex-Rahmen wirkt wie Messtechnik, und Messtechnik lässt man laufen. Die Vorgabe war also eine Röhre, die zufällig herunterzählt: etwas, von dem du glauben würdest, die Maschine selbst hätte es gezeichnet.

Die Röhren-Klischees sind verdient, nicht aufgeklebt. Die Glyphen, die schwach im Hintergrund regnen, sind in einem Sprite-Atlas vorgerendert — Katakana, Hex-Ziffern, Operatoren — weil Text Glyphe für Glyphe und Bild für Bild zu zeichnen genau das ist, was falsche Terminals ruckeln lässt. Ein Scanlinien-Muster liegt über allem im Abstand von 4 Pixeln und dunkelt jede vierte Zeile ab, so wie eine echte Röhre zeichnet. Der ganze Bildschirm sitzt unter einer schweren Vignette, damit die Anzeige in der Mitte lesbar bleibt. Und ab und zu, kurz, glitcht der Rahmen — ein Riss von einer halben Sekunde, den du von selten auf oft stellen oder für Bildschirme ausmachen kannst, die gerade aufgezeichnet werden.

Die Instrumente in der Mitte sind dafür gebaut, auf einen Blick lesbar zu sein. Am Rand läuft der Tick-Ring: deine Session in gleiche Ticks geschnitten, die leerlaufen, während die Zeit vergeht, sodass ein 25-Minuten-Block aus jeder Entfernung lesbar ist, ohne Ziffern zu entziffern. Innen zeichnet ein Oszilloskop eine Wellenform, deren Signal stirbt, während die Session ausläuft — die Amplitude, die du behältst, ist die Zeit, die du behältst. Statuszeilen stempeln sich unter die Anzeige: // STANDBY im Leerlauf, // STREAM ACTIVE im Lauf, // TIME EXPIRED wenn der Ring weg ist. Der Hostname ist ein stilles SYS://TIMER.COOL in der Ecke, weil jedes nachgebaute Terminal einen Host braucht.

Grün stand nie infrage — P1-Phosphorgrün ist die Farbe, in der das Genre träumt. Echte Terminals kamen aber in mehr Farben, als die Legende behält: Bernstein für die Maschinen, die den ganzen Tag gelesen werden wollten, und ein kaltes Eisblau für alle, deren Monitor nie aus 1984 rauskam. In den Szenen-Einstellungen sind sie einen Klick entfernt.

Wie sich die Szene bewegt

• Leerlauf. Glyphenregen fällt langsam, der Hex-Rahmen dreht sich, und die Statuszeile zeigt // STANDBY. Das Oszilloskop steht still.
• Läuft. Der Tick-Ring läuft Scheibe für Scheibe mit dem Countdown leer, das Signal des Oszilloskops stirbt im gleichen Maß, und der Status stempelt // STREAM ACTIVE.
• Das letzte Stück. Der Ring ist fast weg, und die Wellenform des Oszilloskops ist fast flach — der Maschine geht sichtbar das Signal aus.
• Null. Das Rechteck-Arpeggio feuert, die Anzeige stempelt // TIME EXPIRED, und die rot getönten Glyphen halten den Bildschirm, bis du zurücksetzt. Die Anzeige zählt +mm:ss als Überzeit weiter.

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

Wenn der Ring leerläuft, meldet die Maschine das Ende, wie Maschinen das tun: ein forsches Vier-Ton-Rechteck-Arpeggio, drei antwortende Blips und ein tiefes Dreieck darunter. Wie alles bei timer.cool wird der Klang vom Browser in dem Moment synthetisiert, in dem er spielt — keine Audiodateien, nichts zum Herunterladen. Die Klangleiste kann eine Glocke, einen Digital-Piep, einen Holzblock oder einen Alarm einsetzen, ein Ticken auf jede der letzten zehn Sekunden legen, oder du schaltest stumm mit M.

Auf Beamer oder Fernseher

Auf dem Beamer am Demo-Tag wirkt das Terminal-Design als Teil des Aufbaus, nicht als Störung — stell einen 5-Minuten-Slot ein, drück F, und der Bildschirm bleibt in der Rolle, während der Raum herunterzählt. Solange ein Timer läuft, hält die Seite einen Wake Lock, damit das Display mitten in der Demo nicht abdunkelt.

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 Terminal da ist

Fragen