Skip to content

Frontlayouts

David Panusch edited this page Oct 27, 2026 · 3 revisions

🇩🇪 Deutsch | 🇬🇧 English

Frontlayouts

Die Sprache der Uhr ergibt sich aus dem Frontlayout. Alle Layouts sind in jeder Firmware enthalten und werden in der Weboberfläche unter Anzeige → Front → Wahl der Uhrvariante umgeschaltet. Das eingestellte Layout muss zur gebauten Buchstabenmaske und zur Anordnung der LEDs passen.

Sprachen und Layouts

Sprache Eigenname Layouts (Zeilen × Spalten)
🇩🇪 Deutsch Deutsch 10 × 11 (Standard, Alternativ, Uhr, Nero, mrrioes), 11 × 11 (Standard, Version 2, panbachi), 13 × 13, 16 × 8, 16 × 18, 22 × 11 Wetter, 8 × 8, 8 × 8 Viertelstunden
🇩🇪 Bayerisch Boarisch 10 × 11
🇩🇪 Schwäbisch Schwäbisch 10 × 11, 11 × 11
🇬🇧 Englisch English 10 × 11, 11 × 12, 8 × 8
🇳🇱 Niederländisch Nederlands 10 × 11
🇫🇷 Französisch Français 10 × 11
🇪🇸 Spanisch Español 10 × 11, 8 × 8 Viertelstunden
🇮🇹 Italienisch Italiano 10 × 11
🇨🇭 Schweizerdeutsch Schwiizerdütsch 10 × 11, 10 × 11 Version 2, 10 × 11 Züridütsch (Zürich)
🇸🇪 Schwedisch Svenska 10 × 11
🇭🇺 Ungarisch Magyar 10 × 10
🇷🇴 Rumänisch Română 10 × 11
🇷🇺 Russisch Русский 10 × 11
🇹🇷 Türkisch Türkçe 10 × 11
🇧🇩 Bengalisch বাংলা 9 × 8

Die Standard-Firmware startet mit dem deutschen Layout Ger10x11Alternative (10 Zeilen à 11 LEDs plus 4 Minuten-LEDs, mit zusätzlichen Wörtern wie „dreiviertel“ und „Happy Birthday“).

Download

Jede Front als editierbare SVG und als Stencil-Fassung mit Schrift als Pfaden. Die Bau-Ebenen sind in jeder Datei enthalten, siehe Ebenen.

Layout 250 × 250 mm 300 × 300 mm 400 × 400 mm 500 × 500 mm Sonderformat
🇩🇪 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇩🇪 10 × 11 Alternativ SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇩🇪 10 × 11 Uhr SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇩🇪 10 × 11 Nero SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇩🇪 10 × 11 mrrioes SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇩🇪 11 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇩🇪 11 × 11 Version 2 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇩🇪 11 × 11 (panbachi) SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇩🇪 13 × 13 – SVG · Stencil – – –
🇩🇪 16 × 8 – – – – 400 × 300: SVG · Stencil
🇩🇪 16 × 18 – – SVG · Stencil – –
🇩🇪 22 × 11 Wetter – – – – 300 × 500: SVG · Stencil
🇩🇪 8 × 8 – SVG · Stencil – – –
🇩🇪 8 × 8 Viertelstunden – SVG · Stencil – – –
🇩🇪 10 × 11 Bayerisch SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇩🇪 10 × 11 Schwäbisch SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇩🇪 11 × 11 Schwäbisch SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇬🇧 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇬🇧 11 × 12 – SVG · Stencil – – –
🇬🇧 8 × 8 – SVG · Stencil – – –
🇳🇱 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇫🇷 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇪🇸 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇪🇸 8 × 8 Viertelstunden – SVG · Stencil – – –
🇮🇹 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇨🇭 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇨🇭 10 × 11 Version 2 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇨🇭 10 × 11 Züridütsch SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇸🇪 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇭🇺 10 × 10 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇷🇴 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇷🇺 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇹🇷 10 × 11 SVG · Stencil SVG · Stencil SVG · Stencil SVG · Stencil –
🇧🇩 9 × 8 – SVG – – –

Besondere Layouts

  • 22 × 11 Wetter: zwei 11 × 11-Matrizen, die zweite zeigt die Wettervorhersage von OpenWeatherMap. API-Schlüssel und City-ID in der Weboberfläche unter Einstellungen → Wetter eintragen.
  • 16 × 18: 24-Stunden-Anzeige.
  • 8 × 8: kompakte Uhren mit 64 LEDs. Die Viertelstunden-Varianten (Deutsch, Spanisch) zeigen die Zeit in Viertelstunden.
  • Sekundenrahmen: bei allen Layouts außer 16 × 8 und 22 × 11 Wetter nachrüstbar, siehe Hardware.

Bauart

Wie viele LEDs einen Buchstaben ausleuchten:

Bauart Verwendung
Jede LED entspricht einem Buchstaben Standard, z. B. 60 LEDs/m bei 25 × 25 cm
Jede zweite LED entspricht einem Buchstaben Dichter Streifen, z. B. 74 LEDs/m bei 35 × 35 cm
Je zwei, drei oder vier LEDs pro Buchstabe Große Fronten

Verlegung der LEDs

Passt die Anzeige nicht zur Front, helfen diese Schalter unter Anzeige → Front:

  • Minutenzählrichtung invertieren
  • vertikal oder horizontal spiegeln
  • horizontales und vertikales Layout drehen
  • zusätzliche LED pro Reihe (eine blinde LED am Zeilenende)
  • Reihen in Mäander angeordnet (Zick-Zack statt alle Zeilen in gleicher Richtung)

Die Standardwerte dafür stehen in Konfiguration.

Sprachvarianten

Unter Anzeige → Sprache lassen sich die „Es ist“-Anzeige und die Schreibweisen für Viertel und Zwanzig umstellen, siehe Weboberfläche.

Vorlagen

Für jedes Layout liegt im Ordner svg eine Frontplatte, jeweils in zwei Fassungen:

  • SVG_withStandardFontEditable: Buchstaben als editierbarer Text (Helvetica)
  • SVG_withStancilFontNonEditable: Buchstaben in DIN Next Stencil als Pfade, direkt für Laser oder Plotter. Stencil-Schrift hält die Innenflächen von Buchstaben wie A, O oder R. Für Bengalisch gibt es nur die editierbare Fassung

Die Buchstabenmitten liegen in beiden Richtungen genau im Abstand der LEDs. Die Minuten-LEDs sind als Punkte eingezeichnet.

Format LED-Streifen Abstand Layouts
250 × 250 mm 60 LEDs/m 16,67 mm alle 10 × 10-, 10 × 11- und 11 × 11-Layouts
300 × 300 mm 60 LEDs/m 16,67 mm alle 8 × 8-, 9 × 8-, 10 × 10-, 10 × 11-, 11 × 11-, 11 × 12- und 13 × 13-Layouts
400 × 400 mm 74 LEDs/m, jede zweite LED genutzt (21 LEDs pro Reihe) 27,03 mm, Reihen 30 mm alle 10 × 10-, 10 × 11- und 11 × 11-Layouts, Minuten-LEDs als Streifen unten mittig
500 × 500 mm 30 LEDs/m 33,33 mm alle 10 × 10-, 10 × 11- und 11 × 11-Layouts
400 × 400 mm 60 LEDs/m 16,67 mm 16 × 18
400 × 300 mm 60 LEDs/m 16,67 mm 16 × 8
300 × 500 mm 60 LEDs/m 16,67 mm 22 × 11 Wetter

Die 10 × 11- und 11 × 11-Layouts gibt es damit in allen vier Größen. Für 40 × 40 cm in der Weboberfläche die Bauart „Jede zweite LED entspricht einem Buchstaben“ und unter Minuten „Normal (7 LEDs)“ wählen: Die Minuten-LEDs sitzen dort als Streifen mit 7 LEDs mittig unter der letzten Reihe, jede zweite leuchtet.

Daneben liegen Bauvorlagen für Schaumstoff-Gitter, Rückwände und Rahmen.

Ebenen

Jede Datei ist in Ebenen aufgeteilt, benannt nach der Bearbeitung am Laser. Alle Ebenen zeigen die Ansicht von vorne und liegen deckungsgleich übereinander. Zum Arbeiten von der Rückseite das Blatt horizontal spiegeln.

Ebene Inhalt Beim Öffnen
Background (do not laser) Hintergrundfläche sichtbar
Minutes (engrave) Minutenpunkte sichtbar
Letters (engrave) Buchstaben sichtbar
Spacing Foam (cut) eine Zelle je LED für das Lichtgitter ausgeblendet
Instruction (mark) LED-Streifen mit allen LED-Positionen und die Minuten-LEDs (grün) ausgeblendet
Instruction (cut) Außenkontur, Kabelschlitze zwischen den Reihen, Kanäle zwischen den Minuten-LEDs, durchgehender Kanal an der Seite, Loch für die Einspeisung (rot) ausgeblendet
Direction (mark if needed) Datenweg von DIN bis zu den nummerierten Minuten-LEDs, Lötbrücken für GND (blau) und +5V (orange) ausgeblendet

Der Streifen beginnt von vorne gesehen oben rechts und läuft im Zick-Zack. Bei 10 Reihen endet er unten rechts, die Minuten-LEDs folgen unten rechts, unten links, oben links, oben rechts. Die 40 × 40-Fronten folgen der Bauanleitung mit Feldern für ESP und Netzteil und dem Minutenstreifen unten mittig. 16 × 8 hat keine Minuten-LEDs und deshalb keine Bau-Ebenen.

Vorlagen neu erzeugen

svg/createFrontSVG.py liest die Buchstaben aus dem Kommentarblock „Layout Front“ der Layout-Dateien in include/WordClockTypes/ und erzeugt die Fronten:

python3 svg/createFrontSVG.py              # alle Layouts, vorhandene Dateien bleiben
python3 svg/createFrontSVG.py Ger13x13     # nur bestimmte Layouts
python3 svg/createFrontSVG.py --force      # vorhandene Dateien überschreiben

Für die Stencil-Fassung werden Inkscape und die Schrift DIN Next Stencil benötigt.

Ein neues Layout hinzufügen: siehe Entwicklung.

Clone this wiki locally