Eine Wortuhr ist eine besondere Art von Uhr, die die Zeit nicht durch Ziffern oder Zeiger anzeigt, sondern in Form von Wörtern darstellt. Sie funktioniert typischerweise so, dass eine Matrix aus Buchstaben verwendet wird, und durch das Beleuchten bestimmter Buchstaben oder Wörter wird die aktuelle Uhrzeit in Klartext angezeigt. Meine Matrix sieht so aus:
Ich wollte mir aus einem alten Android Tablet (Google Nexus 7) eine Wortuhr bauen. Leider konnte ich keine passende App finden und so habe ich mir einfach selbst eine Wortuhr programmiert. Angezeigt wird die HTML-Datei über die App Fully Kiosk Browser, dieser kann das Tablet automatisch morgens einschalten und abends wieder ausschalten.
Öffnet man die HTML-Datei mit einem Webbrowser startet die Wort Uhr.
| Eigenschaft | Wert |
|---|---|
| Abstand zur Oberkante | height: 10%; |
| Hintergrundfarbe | background-color: black; |
| Schriftfarbe | color: rgb(255, 255, 255); |
| Schriftart | font-family: Arial Narrow, sans-serif; |
| Schriftschnitt | font-weight: light; |
| Abstand zwischen den Buchstaben in % | gap: 1%; |
| Schriftgröße in % | font-size: 470%; |
| Zeichenabstand Horizontal | width: 100%; |
| Abdunkelung der nicht benötigten Wörter | opacity: 0.2; |
| Zeilenabstand | line-height: 1.25; |
| Abstand zwischen den Zeilen in % | --row-spacing: 8.6%; |
Falls die Textgröße nicht zur Bildschirmgröße passt, sollte als erstes im Browser die Zoomstufe angepasst werden. Dadurch kann das ändern im Programmcode evtl. gespart werden.
Zu Debugzwecken lassen sich auch verschiedene Uhrzeiten testen:
| Eigenschaft | Wert |
|---|---|
| Debug einstellen | const useDebugTime = true; |
| Stunde einstellen | const debugHours = 11; |
| Minute einstellen | const debugMinutes = 23; |