EDOMI - Fragen zur Visuseitenerstellung

[SeatSLF]

Respekt, das muss ich mir irgendwie auch mal "beibringen"

[gaert]

Hi,

gibt es eine Möglichkeit der Systemzeit nur in hh:mm anzeigen zu lassen.
Hab mal das versucht {hour:minute}, aber funktioniert nicht.

Gibt es: {left(5)} anstelle von {#} als Beschriftung angeben (zeigt die ersten 5 Zeichen "von links beginnend" an)


Spezielle Funktionen für die Anzeige von KO-Werten (more to come...):

• {left(n)}: Zeigt nur die ersten n Zeichen von links des KO-Werts an
• {round(#)}: KO-Wert runden
  • # kann wie üblich auch Teil einer mathematischen Funktion sein
• {fixed(#,n)}: KO-Wert auf n Nachkommastellen runden
  • # kann wie üblich auch Teil einer mathematischen Funktion sein

Diese Funktionen sind für Hintergrund- bzw. Vordergrundfarben ggf. interessant, um z.B. einen HSV-Wert mit der CSS-Funktion RGB() visualisieren zu können:

• {hsvrgb()}: KO-Wert (Hex-String) von HSV in RGB umwandeln
• {hsvlight()}: KO-Wert (Hex-String) von HSV in RGBA umwandeln
  • durch den Alphawert (Transparenz) kann ein Visuelement die Farbeinstellung einer RGB-Leuchte realistischer wiedergeben: Eine ausgeschaltete Leuchte ergibt somit nicht Schwarz, sondern 100% Transparenz (also quasi "unsichtbar")
• {rgblight()}: KO-Wert (Hex-String) von RGB in RGBA umwandeln
  • durch den Alphawert (Transparenz) kann ein Visuelement die Farbeinstellung einer RGB-Leuchte realistischer wiedergeben: Eine ausgeschaltete Leuchte ergibt somit nicht Schwarz, sondern 100% Transparenz (also quasi "unsichtbar")

[gaert]

Würde auch einen schlanken Fuß machen für alle G1 Fan's...

[ATTACH=CONFIG]n897793[/ATTACH] [ATTACH=CONFIG]n897794[/ATTACH] [ATTACH=CONFIG]n897795[/ATTACH]

Chic Dies ließe sich übrigens auch recht einfach OHNE Grafiken zaubern. Eventuell müsste man für den ein oder anderen Effekt zwar 2-3 Elemente übereinanderlegen, aber dies sollte kein Problem sein (Performance). Ein wenig experimentieren mit dem "Rahmen", "Schatten" und "Eckenradius" kann Wunder bewirken

Tipp am Rande: Ein Eckenradius in Höhe der Elementgröße (bzw. der Hälfte genügt bereits) für alle 4 Ecken hat einen Kreis zur Folge. Weist man diesem Kreis keine(!) Hintergrundfarbe zu, sondern nur einen Rahmen, wird's ein Ring...

[timberland]

Ja habe heute wieder ein wenig experimentiert. Macht immer mehr Spaß
Ist wirklich sau schnell. Schon etwas zu schnell. Schöne wäre wenn man den Tastendruck zeitlich einstellen könnte. Schön bei der kleinsten Berührung reagiert es.

[SeatSLF]

Sind die "Slider" bei dir statisch oder "richtige" Slider?

[timberland]

Die sind statisch.

[SeatSLF]

Unbenannt.jpg coole Idee aber

momentan hab ich das über so 3D Modelle laufen, weil ich den QC nich mehr sehen kann.

So Slider wären cool, auch für die Rolläden

[timberland]

Wenn man den Ring dynamisch über css füllen könnte wäre das der Hammer

[MarkusS]

Das sollte mit einer Transition relativ einfach sein, irgendwo habe ich das Prinzip dieser Tage in der Hand gehabt, Moment ...

[MarkusS]

Da, wusst ichs doch ...

Das Prinzip steckt in dem "Loading Cycle Loop" http://www.pepe-juergens.de/2013/02/...ame-animation/

[gaert]

Dafür gibbet doch das "Zeigerinstrument"... Per CSS geht es mit Tricks aber auch.

[MarkusS]

http://codepen.io/birkof/pen/yvEAl - geil was da alles mit geht ...

Im Prinzip ist das in Edomi doch irgendwo drin, der HSV-Dimmer mit dem Kreis macht ja im Prinzip auch sowas.

[gaert]

Mit den o.g. Funktionen (hsvrgb, etc.) könntest du in der 3D-Grafik sogar das aktuell eingestellte Licht simulieren... Von transparent bis zur entsprechenden Farbe quasi

[timberland]

Oder auch hier

http://crunchify.com/dynamic-knobs-e...conds-knob-js/

[timberland]

Würd ja schon mal nicht schlecht aussehn...
hmmmm, wie kann man den drehen? Damit er er bei 0 beginnt?