webMobaLedLib – LED Farb-Animation

Seitenstand 1.01 (2026-11-05), gilt für webMobaLedLib 2.96

Mit der LED Farb-Animation lässt du die Farbe einer RGB-LED sich langsam verändern: ein sanfter Wechsel von Rot nach Blau, ein Sonnenaufgang, ein Flackern oder ein Farbwechsel für ein Aquarium oder eine Disco. Du zeichnest den Verlauf als Kurven, und das Programm macht daraus die Einträge für die Lichtmaschine.

Der Dialog arbeitet fast genauso wie die Servo Animation. Es gibt aber drei Kurven statt einer: eine für Rot, eine für Grün und eine für Blau.

• Eine RGB-LED (WS2812 oder WS2811) an der MobaLedLib.
• Die webMobaLedLib mit einer Tabellenzeile für die LED (siehe Die Tabelle bedienen).
• Zum Ausprobieren eine verbundene Lichtmaschine (Verbinden und Übertragen). Ohne Lichtmaschine kannst du die Animation trotzdem planen.

1. Klicke im Programmgenerator auf Dialog Wizard (oder auf das Symbol einer Zeile).
2. Wähle in der Makroauswahl die Gruppe PatternConfig und darin LED Farb-Animation.
3. Es öffnet sich der Dialog LED Farb-Animation.

Das Fenster lässt sich verschieben (am Titel ziehen) und in der Größe ändern (am Rand unten rechts ziehen). Das Programm merkt sich Größe und Lage.

Rechts zeigt die Grafik die drei Kurven: waagerecht die Zeit in Millisekunden, senkrecht der Wert (die Helligkeit des jeweiligen Farbanteils). Die gestrichelte Linie ist das Ende der Einschaltzeit. Jede Änderung zeichnet die Kurven sofort neu. Update Grafik rechnet noch einmal und beendet einen laufenden Test.

Die Farbfläche neben Aktiv zeigt die Farbe, die die LED an der gewählten Stelle bekommt. So siehst du die Farbe auch ohne Lichtmaschine.

Bei der Ausführung HSV stellst du die Farbe nicht über Rot, Grün und Blau ein, sondern so:

• Farbton (H): die „Farbart“ (Rot, Gelb, Grün, Blau, …) auf einem Farbkreis.
• Sättigung (S): wie kräftig die Farbe ist (niedrig = blass, hoch = leuchtend).
• Helligkeit (V): wie hell die LED ist.

Die drei Kurven heißen dann Rot(H), Grün(S) und Blau(V). Das Programm rechnet die Werte in die Farbe um, die die LED bekommt. Das ist praktisch für Regenbogen und Dimmen, weil du nur einen Wert änderst. Mehr dazu auf der Seite HSV Farben.

Beim Farbverlauf Individuell erscheinen Punkte auf den Kurven. Du bearbeitest immer eine Kurve zur Zeit:

• Wähle bei Aktiv die Kurve (Rot, Grün oder Blau; bei HSV H, S, V). Die anderen beiden werden dünn mitgezeichnet.
• Ziehe die Punkte der aktiven Kurve mit der Maus (oder dem Finger). Der Wert liegt zwischen 1 und 254. Die Zeit kannst du nur ziehen, wenn die Zeitstufen auf Individuell stehen. Die Zeit eines Punktes gilt für alle drei Kurven.
• Der angeklickte Punkt wird orange. Seine Zeit und sein Wert stehen in den Feldern unter der Grafik. Du kannst sie dort auch eintippen.
• Punkt einfügen setzt einen neuen Punkt in allen drei Kurven (hinter dem ausgewählten). Punkt löschen nimmt den Punkt aus allen drei Kurven.
• Änderst du die Dauer, werden die Zeiten aller Punkte in allen drei Kurven mitgestreckt.

Ist eine Lichtmaschine verbunden, zeigt die LED die Farbe, sobald du einen Punkt anklickst oder ziehst oder einen Start- oder Endwert änderst. Dabei bekommt die LED die Farbe aller drei Kurven an dieser Stelle.

• Starte Test spielt den Farbverlauf in Schritten von 40 ms immer wieder ab. Stop Test hält ihn an.
• Ohne verbundene Lichtmaschine meldet das Programm das. Antwortest du auf die Frage, ob die Lichtmaschine angeschlossen werden soll, mit Abbrechen, fragt das Programm bis zum Neustart nicht mehr von selbst. Nur Starte Test fragt wieder.

Mit OK trägt das Programm das Ergebnis in die Zeile der Tabelle ein: das Makro PatternT… mit den Farbwerten und eine Kommentarzeile #LEDColorAnim(…) mit deinen Einstellungen. Mit Abbrechen bleibt alles, wie es war.

Du kannst die Zeile später wieder öffnen und ändern. Das Programm liest die Einstellungen aus der Zeile ein, bei Individuell auch alle drei Kurven. Danach überträgst du das Programm mit Setup übertragen auf die Lichtmaschine.

1. Ausführung PingPong.
2. EIN: Start 0, Dauer 4000 ms, Ende 0.
3. Farbverlauf Linear.
4. Start: Rot 255, Grün 0, Blau 0. Ende: Rot 0, Grün 0, Blau 255.
5. Mit Starte Test (oder nur mit der Farbfläche) siehst du, wie die LED von Rot über Violett nach Blau wechselt und wieder zurück.

(Die Zahlen sind nur ein Beispiel.)