ludi.de ∙ Digitaluhr

»Weit draußen in den unerforschten Einöden eines aus der Mode gekommenen Ausläufers des westlichen Spiralarms der Galaxis leuchtet unbeachtet eine kleine gelbe Sonne. Um sie kreist in einer Entfernung von ungefähr einhundertfünfzig Millionen Kilometern ein völlig unbedeutender, kleiner blaugrüner Planet, dessen vom Affen abstammende Lebensformen so erstaunlich primitiv sind, daß sie Digitaluhren noch immer für eine ziemlich nette Idee halten.« (Douglas Adams)

Und wie Du siehst, halte ich Digitaluhren immer noch für eine ziemlich nette Idee.

Diese Seite zeigt eine Web-App zum Gestalten von Digitaluhren. Die Uhr kannst Du anschließend in Form einer SVG-Datei downloaden und sie in einem Browser oder für Deine Webseite frei nutzen. Oder Du nimmst Sie als Muster zum Bau physikalischer Digitaluhren.

Die Zeitanzeige der Uhr erfolgt mit 7-Segment-Anzeigen, wobei die Segmentform, ihre Geometrie und Farben sowie die Trennsymbole zwischen Stunden, Minuten und Sekunden einstellbar sind.

Hier einige Beispiele, die Du als Vorlage nehmen kannst:

Die Dezimaluhr, die auch als 10-Stunden- oder Revolutionsuhr bekannt ist, entstand während der französischen Revolution und unterteilt den Tag dezimal in 10 Stunden, die Stunde in 100 Minuten und die Minute in 100 Sekunden. Ihr war nur eine kurze Lebensdauer beschieden, schon nach wenigen Jahren verschwand sie wieder und Frankreich kehrte zum 24-Stundentag zurück. Auch spätere Versuche, das Dezimalsystem für die Zeitanzeige einzuführen, scheiterten.

12-Stundenuhr

24-Stundenuhr

Dezimaluhr

Sekunden anzeigen

Geometrie

In diesem Abschnitt wird die Geometrie der Uhr bestimmt. Du kannst dabei zwischen vier verschiedenen Segmentformen wählen:

symmetrische Segmente

abgeflachte Ecken

spitze Ecken

abgerundete Ecken

Weiter kann das Verhältnis von Ziffernhöhe zu Ziffernbreite, der Anzeigewinkel, der Ziffernabstand, der Segmentabstand und die Segmentbreite bestimmt werden. Die letzten drei Variablen sind Prozentwerte und werden im Verhältnis zur Ziffernbreite angegeben. Beachte bitte, daß es bei großen Werten von Segmentbreite und Segmentabstand zu „Überzeichnungen“ kommen kann. Nehme in diesem Fall den entsprechenden Wert etwas zurück.

Höhe/Breite

Anzeigewinkel

Ziffernabstand

Segmentabstand

Segmentbreite

Trennzeichen

Zwischen Stunden, Minuten und Sekunden steht optional ein Doppelpunkt oder Dezimalpunkt als Trennzeichen. Dieses kann in drei Varianten angezeigt werden und blinkt auf Wunsch im Sekundentakt.

ohne Trennzeichen

Doppelpunkt

Dezimalpunkt

runde Punkte

abgerundete Punkte

quadratische Punkte

blinkendes Trennzeichen

Farben

Für die beiden Segmentzustände „ein“ und „aus“ können hier die Farben und deren Deckkraft eingestellt werden. Eine verminderte Deckkraft ist sinnvoll, wenn die Digitaluhr auf einem farbigen Hintergrund liegt und dieser noch durchscheinen soll. Bei einer Deckkraft von 0 sind die entsprechenden Segmentzustände unsichtbar.

Segment „ein“

Deckkraft 100

Segment „aus“

Deckkraft 0

Anleitung

Du kannst diese Uhr in eine HTML-Seite einbauen oder direkt in einem Browser anzeigen. Da bereits beim Download alle oben gemachten Einstellungen in eine SVG-Datei geschrieben werden, ist der Einsatz sehr einfach.


  <html>
    <head>
    </head>
    </body>
      <object data="digitalclock.svg" type="image/svg+xml">
      </object>
    </body>
  </html>

Beachte bitte, daß die Uhr über ein Object-Tag in HTML eingebunden wird. Das naheliegende Image-Tag funktioniert nicht, da hier die Ausführung von JavaScript aus Sicherheitsgründen blockiert ist.

Wer sich mit der Programmiersprache JavaScript auskennt, kann die Eigenschaften der Uhr auch direkt im SVG-Source ändern. Dazu muß zuerst eine beliebige Version der Uhr geladen und anschließend in einem Editor geöffnet werden. Oben im SVG-Source findest Du dann das JavaScript-Objekt options, das Du hier mit Deinen oben gemachten Einstellungen in die Zwischenablage kopieren und übernehmen kannst oder aber die entsprechenden Werte händisch änderst.

Download

Diese Software steht unter der GNU General Public License (GPL), die das Recht, die Software auszuführen, zu studieren, zu ändern und zu verbreiten, beinhaltet.

Wenn Du diese Uhr physikalisch bauen, sie also drucken, fräsen oder lasern willst, dann kannst Du hier das passende „Schnittmuster“ downloaden. Du erhältst dann eine schwarzweiße Vektorgrafik (SVG) mit allen Ziffern und Trennsymbolen, die Du als Vorlage in Dein CAD-Programm importieren kannst.