Farbwechsel per Skript

StephanH1972

Hallo zusammen,

würde gerne einen automatischen Farbwechsel erstellen / laufen lassen.
Hat diese einer von euch schon mal bei dem Shelly Plus RGBW PM realisiert?

Hat dazu leider noch nichts brauchbars im Netz dazu gefunden.

Danke schon mal

tvbshelly

Nachtrag: Skript ist fehlerhaft - angepasste Version siehe #5

--

Ungefähr so:

Code

// Farbwechselskript für Shelly Plus RGBW PM
// RGB-Werte von 0-100, Brightness von 0-100

let colorIndex = 0;
let brightness = 80; // Helligkeit (0-100)
let transitionTime = 2000; // Übergangszeit in ms
let pauseTime = 3000; // Pause zwischen Farbwechseln in ms

// Vordefinierte Farben (RGB 0-100)
let colors = [
    {r: 100, g: 0, b: 0},    // Rot
    {r: 100, g: 50, b: 0},   // Orange
    {r: 100, g: 100, b: 0},  // Gelb
    {r: 0, g: 100, b: 0},    // Grün
    {r: 0, g: 100, b: 100},  // Cyan
    {r: 0, g: 0, b: 100},    // Blau
    {r: 50, g: 0, b: 100},   // Lila
    {r: 100, g: 0, b: 100},  // Magenta
    {r: 100, g: 100, b: 100} // Weiß
];

// Funktion zum Setzen der Farbe
function setColor(color) {
    Shelly.call("RGBW.Set", {
        id: 0,
        red: color.r,
        green: color.g,
        blue: color.b,
        brightness: brightness,
        transition: transitionTime
    });
}

// Funktion für sanften Farbwechsel
function changeColor() {
    let currentColor = colors[colorIndex];
    setColor(currentColor);
    
    console.log("Wechsle zu Farbe:", colorIndex + 1, "RGB:", currentColor.r, currentColor.g, currentColor.b);
    
    // Nächste Farbe vorbereiten
    colorIndex++;
    if (colorIndex >= colors.length) {
        colorIndex = 0; // Zurück zum Anfang
    }
    
    // Timer für nächsten Farbwechsel setzen
    Timer.set(pauseTime, false, changeColor);
}

// Script starten
console.log("Farbwechselskript gestartet");
console.log("Helligkeit:", brightness + "%");
console.log("Übergangszeit:", transitionTime + "ms");
console.log("Pause zwischen Farben:", pauseTime + "ms");

// RGBW einschalten und ersten Farbwechsel starten
Shelly.call("RGBW.Set", {
    id: 0,
    on: true
});

// Ersten Farbwechsel nach kurzer Verzögerung starten
Timer.set(1000, false, changeColor);

// Zusätzliche Funktionen für erweiterte Steuerung

// Helligkeit ändern (0-100)
function setBrightness(newBrightness) {
    if (newBrightness >= 0 && newBrightness <= 100) {
        brightness = newBrightness;
        console.log("Helligkeit geändert auf:", brightness + "%");
    }
}

// Geschwindigkeit ändern
function setSpeed(newTransitionTime, newPauseTime) {
    transitionTime = newTransitionTime || transitionTime;
    pauseTime = newPauseTime || pauseTime;
    console.log("Geschwindigkeit geändert - Übergang:", transitionTime + "ms, Pause:", pauseTime + "ms");
}

// Script stoppen
function stopColorCycle() {
    Timer.clear();
    console.log("Farbwechsel gestoppt");
}

// Einzelne Farbe setzen (RGB 0-100)
function setSingleColor(r, g, b) {
    if (r >= 0 && r <= 100 && g >= 0 && g <= 100 && b >= 0 && b <= 100) {
        Timer.clear(); // Farbwechsel stoppen
        setColor({r: r, g: g, b: b});
        console.log("Einzelfarbe gesetzt - RGB:", r, g, b);
    } else {
        console.log("Error: RGB-Werte müssen zwischen 0 und 100 liegen");
    }
}

// Regenbogen-Modus (sanfte Farbübergänge)
function rainbowMode() {
    Timer.clear();
    let hue = 0;
    
    function nextRainbowColor() {
        // HSV zu RGB Konvertierung für sanfte Regenbogenfarben
        let rgb = hsvToRgb(hue, 100, 100);
        setColor({r: rgb.r, g: rgb.g, b: rgb.b});
        
        hue += 10;
        if (hue >= 360) hue = 0;
        
        Timer.set(500, false, nextRainbowColor);
    }
    
    console.log("Regenbogen-Modus gestartet");
    nextRainbowColor();
}

// HSV zu RGB Konvertierung
function hsvToRgb(h, s, v) {
    s = s / 100;
    v = v / 100;
    
    let c = v * s;
    let x = c * (1 - Math.abs((h / 60) % 2 - 1));
    let m = v - c;
    
    let r, g, b;
    
    if (h < 60) {
        r = c; g = x; b = 0;
    } else if (h < 120) {
        r = x; g = c; b = 0;
    } else if (h < 180) {
        r = 0; g = c; b = x;
    } else if (h < 240) {
        r = 0; g = x; b = c;
    } else if (h < 300) {
        r = x; g = 0; b = c;
    } else {
        r = c; g = 0; b = x;
    }
    
    return {
        r: Math.round((r + m) * 100),
        g: Math.round((g + m) * 100),
        b: Math.round((b + m) * 100)
    };
}

Alles anzeigen

Steuerungsfunktionen:

setBrightness(80) - Helligkeit ändern (0-100)
setSpeed(2000, 3000) - Übergangszeit und Pausenzeit ändern
setSingleColor(100, 0, 0) - Einzelne Farbe setzen (RGB)
rainbowMode() - Sanfter Regenbogen-Modus
stopColorCycle() - Farbwechsel stoppen

StephanH1972

Super Danke Dir ...

... hab das Skript eingespielt ... aber kein Farbwechsel.

... Helligkeit wird angepasst, aber kein Farbwechsel.

in der Console wird es richtig ausgeben, aber der LED Stripe bleibt

Muss ich da ggf. rainbowMode() als Actionbaustein starten?

Danke nochmal

tvbshelly

Mmmh, eigentlich sollte der Farbwechsel direkt starten:

Code

// RGBW einschalten und ersten Farbwechsel starten
Shelly.call("RGBW.Set", {
    id: 0,
    on: true
});

// Ersten Farbwechsel nach kurzer Verzögerung starten
Timer.set(1000, false, changeColor);

Was passiert, wenn du mit stopColorCycle() den Farbwechsel stoppst und dann mit setSingleColor(100, 0, 0) rot einschaltest ?

Aber probier das mit dem rainbowMode() ruhig mal aus.

Ich habe leider keinen Plus RGBW PM um es selber zu testen.

tvbshelly

Sorry, mein Fehler - ich habe da was verwechselt mit einem anderen Shelly

https://shelly-api-docs.shelly.cloud/gen2/Component…es/RGBW#rgbwset

Laut Doku ist rgb ein Array und die Werte für die Farben gehen von 0 bis 255: Red, Green, Blue [r,g,b] - each value represents level between 0..255 Optional.

Hier das korrigierte Skript: Rainbow habe ich erstmal weggelassen, da ich da auf die Schnelle die Umrechnung nicht hinkriege

Code

// Farbwechselskript für Shelly Plus RGBW PM
// RGB-Werte von 0-255, Brightness von 0-100

let colorIndex = 0;
let brightness = 80; // Helligkeit (0-100)
let transitionTime = 2000; // Übergangszeit in ms
let pauseTime = 3000; // Pause zwischen Farbwechseln in ms

// Vordefinierte Farben (RGB 0-255)
let colors = [
    {r: 255, g: 0, b: 0},    // Rot
    {r: 255, g: 128, b: 0},  // Orange
    {r: 255, g: 255, b: 0},  // Gelb
    {r: 0, g: 255, b: 0},    // Grün
    {r: 0, g: 255, b: 255},  // Cyan
    {r: 0, g: 0, b: 255},    // Blau
    {r: 128, g: 0, b: 255},  // Lila
    {r: 255, g: 0, b: 255},  // Magenta
    {r: 255, g: 255, b: 255} // Weiß
];

// Funktion zum Setzen der Farbe
function setColor(color) {
    Shelly.call("RGBW.Set", {
        id: 0,
        rgb: [color.r, color.g, color.b],
        brightness: brightness,
        transition: transitionTime
    });
}

// Funktion für sanften Farbwechsel
function changeColor() {
    let currentColor = colors[colorIndex];
    setColor(currentColor);
    
    console.log("Wechsle zu Farbe:", colorIndex + 1, "RGB:", currentColor.r, currentColor.g, currentColor.b);
    
    // Nächste Farbe vorbereiten
    colorIndex++;
    if (colorIndex >= colors.length) {
        colorIndex = 0; // Zurück zum Anfang
    }
    
    // Timer für nächsten Farbwechsel setzen
    Timer.set(pauseTime, false, changeColor);
}

// Script starten
console.log("Farbwechselskript gestartet");
console.log("Helligkeit:", brightness + "%");
console.log("Übergangszeit:", transitionTime + "ms");
console.log("Pause zwischen Farben:", pauseTime + "ms");

// RGBW einschalten und ersten Farbwechsel starten
Shelly.call("RGBW.Set", {
    id: 0,
    on: true
});

// Ersten Farbwechsel nach kurzer Verzögerung starten
Timer.set(1000, false, changeColor);

// Zusätzliche Funktionen für erweiterte Steuerung

// Helligkeit ändern (0-100)
function setBrightness(newBrightness) {
    if (newBrightness >= 0 && newBrightness <= 100) {
        brightness = newBrightness;
        console.log("Helligkeit geändert auf:", brightness + "%");
    }
}

// Geschwindigkeit ändern
function setSpeed(newTransitionTime, newPauseTime) {
    transitionTime = newTransitionTime || transitionTime;
    pauseTime = newPauseTime || pauseTime;
    console.log("Geschwindigkeit geändert - Übergang:", transitionTime + "ms, Pause:", pauseTime + "ms");
}

// Script stoppen
function stopColorCycle() {
    Timer.clear();
    console.log("Farbwechsel gestoppt");
}

// Einzelne Farbe setzen (RGB 0-255)
function setSingleColor(r, g, b) {
    if (r >= 0 && r <= 255 && g >= 0 && g <= 255 && b >= 0 && b <= 255) {
        Timer.clear(); // Farbwechsel stoppen
        setColor({r: r, g: g, b: b});
        console.log("Einzelfarbe gesetzt - RGB:", r, g, b);
    } else {
        console.log("Error: RGB-Werte müssen zwischen 0 und 255 liegen");
    }
}

Alles anzeigen