Willkommen bei CharGraph¶

Eine interaktive Webanwendung zum Erstellen und Testen von CharGraph-Patterns.

Was ist CharGraph?¶

CharGraph ist ein Editor für CharGraph-Layouts, mit dem du:

Pattern erstellen - Wörter im Grid platzieren und arrangieren
Uhrzeiten testen - Alle 1440 Minuten des Tages simulieren
Validierung - Automatische Prüfung auf Fehler und Duplikate
STL-Export - 3D-Modelle für 3D-Druck generieren
URL-Sharing - Pattern und Zeit via URL teilen

Quick Start¶

1. Editor öffnen¶

Klicke oben auf "Editor V0.2 öffnen" oder besuche direkt:

CharMatrix V0.2 - Neueste Version mit regelbasierter Logik
CharMatrix V0.1 - Klassische Version

2. Pattern erstellen¶

Methode 1: Drag & Drop

Ziehe Wörter aus der Palette ins Grid
Nutze die Vorlagen als Startpunkt

Methode 2: Direkteingabe

Klicke in eine Zelle und tippe ein Zeichen
Nutze Tab/Pfeiltasten zur Navigation

3. Testen¶

Wähle eine Uhrzeit aus dem Dropdown
Oder aktiviere "REALTIME" für Live-Anzeige
Nutze ← → Pfeiltasten zum Durchblättern

4. Exportieren¶

Gib einen Dateinamen ein
Klicke auf " STL"
Lade das 3D-Modell herunter

Dokumentation¶

Für Einsteiger¶

CharMatrix V0.2 Dokumentation - Vollständige Anleitung
API Dokumentation - API-Endpoints für STL-Generierung
Changelog - Versionshistorie

Wichtige Konzepte¶

Modifikatoren¶

Spezielle Wörter, die die Zeitanzeige beeinflussen:

Wort	Bedeutung	Beispiel
FAST	1 Min vor Marke	"FAST HALB" = :29
BALD	2 Min vor Marke	"BALD FÜNF NACH" = :03
KURZ	Kurz davor/danach	"KURZ VOR HALB" = :28

LED-Punkte¶

4 LEDs zeigen Minuten zwischen 5-Minuten-Marken:

Links = Zeit addieren (bei NACH)
Rechts = Zeit subtrahieren (bei VOR/FAST/BALD)

Beispiel:

06:27 → "FÜNF VOR HALB SIEBEN" + ●●○○ (rechts)
Bedeutung: FÜNF minus 2 = DREI VOR HALB

Versionen¶

V0.2 (Aktuell) - Januar 2026¶

Neue Features:

Regelbasierte Minutenlogik (wartbarer Code)
Positionsbasierte Modifikator-Validierung
Intelligente Fallback-Strategie
Korrekte LED-Richtung (links/rechts)
URL-Parameter Support

Vollständige V0.2 Dokumentation

V0.1 (Legacy)¶

Die klassische Version mit if-else-Logik. Weiterhin verfügbar für Kompatibilität.

Nützliche Links¶

Live-Editor: charMatrixV02.html
Dokumentation: Diese Seite!
Pattern-Beispiele: Siehe Vorlagen im Editor

Tipps & Tricks¶

Pattern mit URL teilen¶

/charMatrixV02.html?pattern=ES_IST_BALD...&time=06:29

Tastatur-Shortcuts¶

← → - Zeit vor/zurück navigieren
Strg+Z - Rückgängig
Strg+Y - Wiederherstellen

Validierung verstehen¶

Grüne Zellen - Wort wird verwendet Rote Rahmen - Duplikat gefunden Gelbe Warnung - Pattern-Probleme

Hilfe & Support¶

Bei Fragen oder Problemen:

Prüfe die vollständige Dokumentation
Schau dir die Beispiel-Patterns an (im Editor)
Öffne ein Issue auf GitHub

Lizenz¶

Siehe Hauptprojekt für Lizenzinformationen.

Viel Spaß beim Erstellen deiner CharGraph!