Benutzer-Werkzeuge

Webseiten-Werkzeuge


anleitungen:spezial:hsv_mode

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
anleitungen:spezial:hsv_mode [2023/11/07 22:28] – [HSV-Farben im Pattern Configurator] raily74anleitungen:spezial:hsv_mode [2023/11/08 13:07] (aktuell) – Externe Bearbeitung 127.0.0.1
Zeile 1: Zeile 1:
 ====== HSV-Farben im Pattern Configurator ====== ====== HSV-Farben im Pattern Configurator ======
-<WRAP  important 70%> 
-Diese Anleitung befindet sich aktuell in Bearbeitung.\\ 
- --- //[[raily74@gmx.de|Michael]] 2023/11/01// 
-</WRAP> 
- 
 <WRAP round tip 70%> <WRAP round tip 70%>
-Motiviert durch den komplizierten [[anleitungen:spezial:codevorlagen:farbwechsel|Farbwechsel]] meiner Burg wollte ich schon immer verstehen, wie der viel einfacherer Farbwechsel mit HSV-Farben umzusetzen ist. Dank Norberts Hilfe beim Oktober-Stammtisch 2023 konnte ich das Rätsel nun endlich knacken und lasse euch wie im Forum versprochen daran teilhaben.+Motiviert durch den komplizierten [[anleitungen:spezial:codevorlagen:farbwechsel|Farbwechsel]] meiner Burg wollte ich schon immer verstehen, wie der viel einfachere Farbwechsel mit HSV-Farben umzusetzen ist. Dank Norberts Hilfe beim Oktober-Stammtisch 2023 konnte ich das Rätsel nun endlich knacken und lasse euch wie im Forum versprochen daran teilhaben.\\ 
 + --- //[[raily74@gmx.de|Michael]] 2023/11/07//
 </WRAP> </WRAP>
  
Zeile 19: Zeile 15:
 Da bei der MobaLedLib keine Werte in Prozent eingeben werden können, wird dieses Farbsystem mit den 8bit (0-255) umgesetzt, die die FastLED Bibliothek* zur Verfügung stellt. Daraus ergeben sich dann folgende Werte: Da bei der MobaLedLib keine Werte in Prozent eingeben werden können, wird dieses Farbsystem mit den 8bit (0-255) umgesetzt, die die FastLED Bibliothek* zur Verfügung stellt. Daraus ergeben sich dann folgende Werte:
  
-  * <color #00a2e8>**H**</color>ue (Farbwert): Farbwinkel innerhalb des Farbkreises. Rot (0), Grün (74), Blau (170) und am Ende wieder Rot (255)+  * <color #00a2e8>**H**</color>ue (Farbwert): Farbwinkel innerhalb des Farbkreises. Rot (0), Grün (84), Blau (170) und am Ende wieder Rot (255)
   * <color #00a2e8>**S**</color>aturation (Sättigung): Neutralgrau (0), wenig gesättigte Farbe (127), gesättigte bzw. reine Farbe (255)   * <color #00a2e8>**S**</color>aturation (Sättigung): Neutralgrau (0), wenig gesättigte Farbe (127), gesättigte bzw. reine Farbe (255)
   * <color #00a2e8>**V**</color>alue (Helligkeit): keine Helligkeit (0), volle Helligkeit (255)\\   * <color #00a2e8>**V**</color>alue (Helligkeit): keine Helligkeit (0), volle Helligkeit (255)\\
Zeile 39: Zeile 35:
 Gerade Farbverläufe, wie sie heute vielerorts zur Effektbeleuchtung eingesetzt werden, belegen mit RGB Farben etwas mehr Speicher auf dem Arduino. Zudem ist das ständige Hantieren mit den ganzen RGB-Werten (jeweils drei pro Farbe) viel umständlicher als mit einem Hue-Wert. Gerade Farbverläufe, wie sie heute vielerorts zur Effektbeleuchtung eingesetzt werden, belegen mit RGB Farben etwas mehr Speicher auf dem Arduino. Zudem ist das ständige Hantieren mit den ganzen RGB-Werten (jeweils drei pro Farbe) viel umständlicher als mit einem Hue-Wert.
  
-Ein ganz besonderer Vorteil ist es beispielsweise, sechs Einzel-LEDs im Pattern Configurator anzulegen und diese in sechs Zeilen des Programm Generators zu kopieren. Will man beispielsweise 18 LEDs damit ansteuern, kann man die jeweiligen Farben mit den "Copy LED"-Befehl verfielfachen.+Ein ganz besonderer Vorteil ist es beispielsweise, sechs Einzel-LEDs im Pattern Configurator anzulegen und diese in sechs Zeilen des Programm Generators zu kopieren. Will man beispielsweise 18 LEDs damit ansteuern, kann man die jeweiligen Farben mit dem "Copy LED"-Befehl verfielfachen.
  
 ===== Wie programmiert man das? ===== ===== Wie programmiert man das? =====
Zeile 66: Zeile 62:
 Da in dem Fall die Farben 0 (rot) und 255 (rot) annähernd identisch sind, kann das Auge diesen Sprung nicht erfassen. Dasselbe gilt selbstverständlich für einen Wechsel von 43 (gelb) über 255 (rot) nach 42 (gelb). Damit der Verlauf im Anschluss nicht über 255 zurück nach 43 wandert, definiert man diesen Vorgang mit null Sekunden. Da in dem Fall die Farben 0 (rot) und 255 (rot) annähernd identisch sind, kann das Auge diesen Sprung nicht erfassen. Dasselbe gilt selbstverständlich für einen Wechsel von 43 (gelb) über 255 (rot) nach 42 (gelb). Damit der Verlauf im Anschluss nicht über 255 zurück nach 43 wandert, definiert man diesen Vorgang mit null Sekunden.
  
-**Beispiel:**\\+**Beispiel mit identischer Sättigung und Helligkeit:**\\
 Im Folgenden sind die sechs Grundfarben Rot (0), Gelb (42), Grün (84), Cyan (127), Blau (169) und Magenta (211) als Farbwechsel mit jeweils zwei Sekunden pro Farbton und einer Wechseldauer von 12 Sekunden je Durchgang dargestellt. Im Folgenden sind die sechs Grundfarben Rot (0), Gelb (42), Grün (84), Cyan (127), Blau (169) und Magenta (211) als Farbwechsel mit jeweils zwei Sekunden pro Farbton und einer Wechseldauer von 12 Sekunden je Durchgang dargestellt.
 +
 +<WRAP round info 80%>
 +Das hier gezeigte Prinzip stellt alle Farben mit gleicher Sättigung und mit gleicher Helligkeit über den gesamten Farbwechsel dar. Will man die verschiedenen Farben in ihrer Helligkeit beeinflussen, muss man sie im Pattern Configurator vereinzeln. Ein Beispiel dazu folgt weiter unten.
 +</WRAP>
 +
  
 **<color #FF0000>Rotierender Farbwechsel beginnend mit Rot (255):</color>**\\ **<color #FF0000>Rotierender Farbwechsel beginnend mit Rot (255):</color>**\\
Zeile 86: Zeile 87:
 **<color #FF00FF>Rotierender Farbwechsel beginnend mit Magenta (211):</color>**\\ **<color #FF00FF>Rotierender Farbwechsel beginnend mit Magenta (211):</color>**\\
 {{:bilder:anleitungen:hsv:hsv_magenta.png|}} {{:bilder:anleitungen:hsv:hsv_magenta.png|}}
 +
 +**Beispiel mit unterschiedlicher Helligkeit:**\\
 +Im folgenden Beispiel sind die Hue-Werte in 42er Schritte aufgeteilt, um jedem Farbwert eine andere Helligkeit zuzuordnen. Selbstverständlich ließen sich in dem Beispiel einige Spalten wieder zusammenlegen. Das Beispiel soll aber verdeutlichen, wie man parallel zum Farbverlauf einen angepassten Helligkeitsverlauf anlegen kann. So kann man beispielsweise einen Ausgleich zwischen intensivem Rot und schwachem Blau schaffen.\\
 +Mit diesem Verfahren ließe sich auch die Heartbeat-LED erstellen. Dazu müsste lediglich die Helligkeit pulsieren, während der Farbwert wechselt.
 +
 +{{:bilder:anleitungen:hsv:hsv_pc_magenta_homogen.png|}}
  
 **Richtung des Farbwechsels:**\\ **Richtung des Farbwechsels:**\\
Zeile 96: Zeile 103:
 {{:bilder:anleitungen:hsv:hsv_pg_rechts.png|}} {{:bilder:anleitungen:hsv:hsv_pg_rechts.png|}}
  
-**Farbwechsel von der Mitte aus in beide Richtungen:**\\ +Soll der Farbwechsel beispielsweise auf elf LEDs verteilt werden, bei denen die Farbe von der mittleren LED in beide Richtungen nach außen läuft, so kann man den eingangs erwähnten "Copy-LEDBefehl nutzen, um Speicher zu sparen.\\ 
-Soll der Farbwechsel beispielsweise auf elf LEDs verteilt werden, bei der die Farbe von der mittleren in beide Richtungen nach außen läuft, so kann man den Copy-LED Befehl nutzen.\\ +Dazu nimmt man den Verlauf von rechts nach links und setzt die Copy-Befehle in umgekehrter Reihenfolge drunter. Selbstverständlich lassen sich "Copy-LED"-Befehle auch zwischen die einzelnen LEDs setzen, um beispielsweise immer ein Pärchen mit derselben Farbe anzusteuern.\\ 
-Dazu nimmt man den Verlauf von rechts nach links und setzt die Copy-Befehle in umgekehrter Reihenfolge drunter. Selbstverständlich lassen sich "Copy-LED"-Befehle auch zwischen die einzelnen LEDs setzen, um beispielsweise immer ein Pärchen mit derselben Farbe anzusteuern.+<wrap em>Wichtig:</wrap> Die "Copy LED"-Befehle werden **ohne** Adresse im Programm Generator eingegeben.
  
 {{:bilder:anleitungen:hsv:hsv_pg_mitte.png|}} {{:bilder:anleitungen:hsv:hsv_pg_mitte.png|}}
 +
 +===== Anwendungsbeispiel =====
 +
 +Neben der Beleuchtung von Gebäuden und Fassaden kann man mit dem Farbwechsel auch andere Spielereien machen.
 +So kann man das Ganze beispielsweise mit jeweils einem weiteren Zwischenwert im Pattern Configurator auf zwölf unterschiedliche Farben erweitern.
 +
 +{{:bilder:anleitungen:hsv:hsv_pg_ring.png?1024|}}
 +
 +{{youtube>rYupt8-jEZI?}}\\
anleitungen/spezial/hsv_mode.1699396107.txt.gz · Zuletzt geändert: 2023/11/07 23:28 (Externe Bearbeitung)