EDOMI - Zeigt her eure Visus!

[gbglace]

Kirbsi Nimm mal das Vollzitat raus!

[Kirbsi]

Ist mal ganz was anderes aber sieht echt super aus. Glückwunsch

[qult]

Hallo zusammen.

Erstmal ein großes Dankeschön an Christian Gärtner für diese unglaubliche Software, mit der ich an manchen Tagen mehr Zeit verbringe als ich dürfte. Aber es macht einfach sehr viel Freude und mit Hilfe dieses tollen Forums fehlte es mir selten an Motivation und Inspiration.
Mit den Screenshots meiner Visu möchte ich auch meinen Teil dazu beitragen, zu inspirieren und den ein oder anderen zu motivieren.

Fertig werde ich wohl niemals sein. Einige Punkte habe ich mir für diesen Winter vorgenommen, andere müssen erstmal hardwareseitig eingerüstet werden.

Wie man sehen kann, bin ich ein Fan des puristischen Designs...

0-Bildschirmschoner.png 1-Startseite.png 1.1-Modus TAG.png 1.2-Modus NACHT.png 1.3-Modus ABWESEND.png 1.4-Alarm.png 3-Fenster-Türen.png 4-Setup.png 4.1-Heizung.png 4.2-Lüftung.png 4.3-Steckdosen.png 4.4-Roboter.png 4.5-Infos.png 4.6-Meldungen.png 4.7-Markisen.png 5-Licht.png 6-Raum.png 7-Diagramm.png 7.1-Diagramm.png 9-Wetter.png 8-Handy.jpg

[elnino22]

Auf Wunsch hier nochmals eine genauere Beschreibung wie ich die Anmiation gebaut habe:

Die Line mit der abgerundeten Ecke ist nichts kompoliziertes. Einfach eine Universalelement mit Rahmen und Eckenradius:

1.jpg


Dann die einzelnen Kreise. Davon gibt es eine Reihe, welche sich nach Unten bewegen und eine weitere für nach Rechts bzw. nach Links.

2.jpg

Die individuellen Designs sind alle gleich mit dem Unterschied der Animationsdauer. Halt abhängig von der aktuellen Leistung (mehr Leistung = kürzere Animation = es sieht schneller aus).

Die Animation selbst ist so definiert:

3.jpg

Hier nochmals als Text:
0% {-webkit-transform: translateY(0)}
100% {-webkit-transform: translateY(40px)}

Für Links/Rechts sieht es so aus (40px bzw. -40px):
0% {-webkit-transform: translateX(0)}
100% {-webkit-transform: translateX(-40px)}

Damit das nun flüssig aussieht müssen die einzelnen Punkte auch mit genau 40 PIxel abstand auf der Visu platziert werden. Wählt man einen anderen Abstand, so muss auch die Animation angepasst werden. Über die Vorschau-Funktion sieht man das Resultat ja sofort.

[Burzel]

Hast du dafür mehrere Ebenen übereinander gelegt oder wie hast du das gelöst?

Ich habe nur die Objekte in eine Gruppe - bis auf die Buttons Links / Rechts in eine Gruppe gepackt und diese Gruppe mit einem iKo verbunden. Mit den Buttons gehe ich durch eine Liste von Werten. So wird zu einem Zeitpunkt immer nur die Sonos-Elemete der einen Gruppe angezeigt.

Ahoi!

[beauty]

Hast du dafür mehrere Ebenen übereinander gelegt oder wie hast du das gelöst?

[Burzel]

Burzel sieht auch gut aus...... Kannst du oben mit den Pfeilen links/rechts die Gruppen bzw. Räume umschalten?

Richtig... genau dafür sind die da.

[beauty]

Burzel sieht auch gut aus...... Kannst du oben mit den Pfeilen links/rechts die Gruppen bzw. Räume umschalten?

[Burzel]

Mag mir jemand seine Sonos Visu Seite zeigen? Bräuchte bissel inspiration....

Hier mal meine Startseite (iPad) mit dem Sonos-Modul...

startseite.jpg

Schönen Abend
Burzel

[beauty]

Danke sieht sehr interessant und top aus...danke

[hoernchen84]

Mag mir jemand seine Sonos Visu Seite zeigen? Bräuchte bissel inspiration....

Hi beauty , ist zwar nicht Sonos sondern Volumio, aber vll dient dir meine Integration als Inspiration. Mehr als Play, weiter sowie Lautstärke brauche ich derzeit nicht, daher habe ich möglichst große Buttons für mein 10 Zoll Tablet definiert.

2021-11-15 22_27_08-Clipboard.png

[Lexxs]

elnino22

Wäre es möglich die kompletten Einstellungen zur Realisierung der schönen Animation deiner PV-Anlage hier zu Posten? Beitrag #1825
Würde mich sehr freuen wenn du die Zeit dazu hättest.
D.h.:

1. Design (Bezüglich der Gebogenen Linie und weiteren Objekten (Universal Elementen)
2. Dynamische Designs (Bezüglich der Gebogenen Linie und weiteren Objekten (Universal Elementen)
3. Animation (Bereits vorhanden)

[beauty]

Mag mir jemand seine Sonos Visu Seite zeigen? Bräuchte bissel inspiration....

[rasor89]

Gelöscht (zum 3.Mal) Du hast die Frage doch schon im passenden Thread gestellt. Du musst nicht diesen Thread kapern!

[marhal]

Hier meine Darstellung von meiner PV die Balken sind natürlich animiert.

Gruß
Marhal