LED Anzeige für VIS - Akku,Pegel,Kreis

[liv-in-sky]

@homoran 9

[Homoran]

@liv-in-sky

bei 8 DPs jetzt nach der Beschriftung der states (nicht im Skript)

[liv-in-sky]

@homoran ach du meinst 8 verschiedene farben - ich wollte es allgemein halten, weil bei dir die 32 die anzahl der leds ist (das ist einfach) - die brechnung bei einer beliebigen anzahl leds ist mir momentan zu kompliziert

bin verwirrt - ja es sind 8 dp

also geht es nicht - sehe nix auf deinem bild ? poste mal den inhalt von : javascript.0.Tabellen@Liv.LED1RingVIS.WidgetAusgabe

[Homoran]

@liv-in-sky sagte in led kreis für vis:

sehe nix auf deinem bild ?

Brille??

passt weitestgehend. - SUPER!

@liv-in-sky sagte in led kreis für vis:

oste mal den inhalt von : javascript.0.Tabellen@Liv.LED1RingVIS.WidgetAusgabe

Spoiler

<style>#outerLED1RingVIS{		position: relative;   	height: 90px;   	width: 90px; //250px;   	/*border: 1px solid red;*/   	} 			   	.innerLED1RingVIS{   	position: absolute;   	/*	border: 1px solid black; */   	height: 7.7px;   	width: NaNpx;   	background: silver;   	border-radius: 50%;   	display: flex; /* or inline-flex */   	align-items: center;   	justify-content: center;   	}.inner1LED1RingVIS{  			 background-image: linear-gradient(red 20%, yellow 40%, orange 60%, cyan 80%);}</style><div id="outerLED1RingVIS"><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div><div class="innerLED1RingVIS inner1LED1RingVIS "></div></div><script>/*setTimeout(function () { */   	var outer = document.getElementById('outerLED1RingVIS');   	var outerWidth = document.getElementById('outerLED1RingVIS').offsetWidth;   	var outerHeight = document.getElementById('outerLED1RingVIS').offsetHeight;   	for(var i = 0; i < outer.children.length; i++){   	var r = outerWidth / 2 - outerLED1RingVIS.children[i].offsetWidth / 2;   	var phi = i / outerLED1RingVIS.children.length;   	var x = r * Math.cos(phi * 2 * Math.PI) + r;   	var y = r * Math.sin(phi * 2 * Math.PI) + r;   	outerLED1RingVIS.children[i].style.left = x+'px';   	outerLED1RingVIS.children[i].style.top = y+'px';   	console.log(outerLED1RingVIS.children[i].style.left);   	} 			/*}, 10000);*/</script>

[liv-in-sky]

@homoran gut versteckt

[Homoran]

@liv-in-sky welche Farben sind denn zulässig?
gelb, yellow, gold ohne Erfolg bei AnzahlLEDsEIN 6,Farbe

[liv-in-sky]

@homoran deutsch geht nicht

eigentlich alles z.b.

• yellow, red, green, blue, lightblue, usw
• #ffffff , #14f54b , usw

mit: 6,#14f54b

[Homoran]

@liv-in-sky Danke, aber dann muss ich mir erst mal die Regeln erarbeiten

• Durchmesser des Widgets: ok (auch wenn es nicht zu den Angaben im Skript passt!)
• Durchmesser der Punkte: ok (auch wenn es nicht zu den Angaben im Skript passt!)
• Alle LEDs: keine erkennbare Funktion. Was muss da rein?
• alles aus: keine erkennbare Funktion. Was muss da rein?
• alles bunt: keine erkennbare Funktion. Was muss da rein?
• Anzahl LEDs: ok!
• Anzahl LEDsEIN: keine Wirkung

Wie stelle ich ein, dass wie viele LEDs eine Farbe, die anderen leer (z.B.=grey) sind?

[Homoran]

@liv-in-sky

EDIT:

Auf einmal ist da was
Hab aber jetzt zu viel gespielt, um sagen zu können woran es lag

[liv-in-sky]

@homoran sagte in led kreis für vis:

Alle LEDs: keine erkennbare Funktion. Was muss da rein?

nur die farbe

@homoran sagte in led kreis für vis:

alles aus: keine erkennbare Funktion. Was muss da rein?

true

@homoran sagte in led kreis für vis:

alles bunt keine erkennbare Funktion. Was muss da rein?

einfach bunt reinschreiben (oder irgnedetwas) - reagiert auf aktualisierung

@homoran sagte in led kreis für vis:

Anzahl LEDsEIN: keine Wirkung

6,#14f54b anzahl und farbe durch komma getrennt

[Homoran]

@liv-in-sky ja!
so hatte ich mir das gedacht. Hat aber keine Wirkung

Ich spiel mal was.
Alle LEDs:
silver = Regenbogen
yellow = gelb!
grey, oder clear: nix

Anzahl ein, mit Anzahl, Farbname ohne Erfolg, ich teste jetzt mal die HEX

[liv-in-sky]

@homoran seltsam - habe gerade keine idee

ich teste noch andere sachen - ich sag dir bescheid, wenn ich ein neue version des scriptes habe

[Homoran]

@liv-in-sky sagte in led kreis für vis:

habe gerade keine idee

PEBKAC!
ich hatte bei JEDER Änderung das Skript neu gestartet.

Jetzt klappt es fast so weit.
Mein Problem ist, dass das Widget so klein ist, da muss ich vielleicht das Bild etwas vergrößern.

Etwas habe ich noch nicht hinbekommen:
Wie schaffe ich, dass die nicht aktiven LEDs nicht sichtbar sind?

Stelle ich den Datenpunkt Alle LEDs:* auf einen Hexwert der annähernd passend zum Hintergrund geht das:

sobald ich aber eine Anzahl LEDs sichtbarschalte, ist der Hintergrund anders

[liv-in-sky]

@homoran sagte in led kreis für vis:

sobald ich aber eine Anzahl LEDs sichtbarschalte, ist der Hintergrund anders

entweder eine ähnliche farbe eingeben oder "tranparent"

das muss aber noch im setting gemacht werden - script ist ja noch in entwicklung

[Homoran]

@liv-in-sky hatte ich da mit transparent oder clear schon versucht.
Aber das war noch die Zeit, in der es gar nicht lief

Probier ich noch mal

[liv-in-sky]

@homoran

für bunt hätte ich noch

funktioniert aber nur bei einer led anzahl, die mit 4 teilbar ist - so wie bei dir mit 32

habe noch keine idee, wie ich das mathematisch mit beliebiger anzahl mache - ist beim nächsten update dabei

[sigi234]

@liv-in-sky

Cool, gehen auch LED Balken Horizontal und Vertikal?

[Homoran]

@liv-in-sky
nach nicht zu viel!
(sonst hab ich noch mehr Wünsche)

sieht schon ganz gut aus.

Wo sitzt denn der Anker für die Größe?
ich hab es nicht hinbekommen den Kreis zentriert zu verändern ohne dass die LEDs aus dem Zentrum liefen

[Homoran]

@sigi234 sagte in led kreis für vis:

@liv-in-sky

Cool, gehen auch LED Balken Horizontal und Vertikal?

...und dann noch mit WLED die einzelnen Punkte synchronisieren

[liv-in-sky]

@sigi234 dacht ich mir, dass die frage kommt - hattest du im anderen thread gefragt

sollte nix dagegensprechen - ist aber ein anderes script bzw braucht völlig andere html settings - wollt' ich eh noch schauen, ob das funktioniert - poste es, wenn ich meine versuche abgeschlossen habe

leider kann ich aus gesundheitlichen gründen nicht mehr soviel zeit aufwenden wie früher - daher: dauert ein wenig