EDOMI - Zeigt her eure Visus!

[messen1980]

Hallo Zusammen,

versuche seit Tagen die Sonnenstandsvisualisierung nachzubauen.
Sprich den Verlauf des Sonnenstands wie im Post von timberland in #397 beschrieben.
Allerding leider nur mäßigem Erfolg.

Wäre super wenn mir hierbei jemand etwas helfen könnte.

Habe ein Universalelement mit der Sonne als Icon angelegt.
Im dynamischen Design lasse ich das Objekt anzeigen von 0-144 und hab die Drehung aktiv.
Den Code

<svg><g id='sonne'><circle cx='14' cy='50' r='6' fill='#ffff00'/><circle cx='14' cy='50' r='10' fill='none' stroke-dashoffset='6'stroke-dasharray='1,4' stroke-width='4' stroke='#ffff00'/></g></svg>

habe ich unter den CSS Eigenschaften ebenfalls eingefügt.
iKO kommt vom Sonnenstands LBS.

Wo ich nicht ganz klar komme, wie wird der Strich mit dem Halbkreis dargestellt.
Ist das eine Grafik oder ein zusammengebautes Visu Element.
Wie kommt man da zusammen, mit den Elementen? Wie passt man evtl. unterschiedlich große Visu Icons auf die Laufbahn an?

Vielen Dank für Eure Hilfe.

[Heimerl]

Servus,

bei mir ist das eine Vektorgrafik, die ich als Hintergrundbild eingefügt habe

Grüße
Dominik

[messen1980]

Servus,

ist es dann alles in einem Universalelement enthalten oder hast Du zwei übereinander gelegt?
Hab noch etwas Verständnisprobleme, wie das Verhältnis zwischen Bogen und Sonne ermittelt wird und dann letztlich
zueinander passt...

[Heimerl]

Du musst zwei Universalelemente erstellen. Eins für den Hintergrund und eins für die Sonne.
Beim "Verhältnis" von Bogen und Sonne musst du wahrscheinlich etwas spielen, bis du die richtige Position findest dass die beiden zusammenpassen.
Hier mal meine Universalelemente, da könntest du dich danach richten.

Sonnenstand Untergrund.PNG Sonnenstand.PNG
Gruß

[messen1980]

Ich glaub ich bin zu blöd dafür...

Hab nun zwei Visuelemente (Universal)
Das Hintergrund muss ja nichts machen.
Das Sonnen Icon Element hat ein dynamisches Design.
Das Icon bewegt sich aber nicht...

Kannst Du mal Deine Design/Dynamischen Design Einstellung posten?

Danke


Sonne_1.PNG

Sonne_3.PNG Sonne_2.PNG

[Feivelzz]

Hallo,

ich glaub du musst dein KO 648 (Sonnenstand) beim Feld KO3 "Steuerung des dynamischen Designs" eintragen....

[messen1980]

Hatte ich auch schon ohne Erfolg.
Da bewegt sich nix

[Heimerl]

du musst das

"<svg><g id='sun'><circle cx='14' cy='50' r='6' fill='#ffff00'/><circle cx='14' cy='50' r='10' fill='none' stroke-dashoffset='6'stroke-dasharray='1,4' stroke-width='4' stroke='#ffff00'/></g></svg>"

unter Beschriftung eintragen

Nicht in Eigene CSS-Eigenschaften...

Unbenannt.PNG

VG
Dominik

[messen1980]

Ah.... ja jetzt sieht das ganze besser aus...
Könntest Du Deinen Hintergrund noch zur Verfügung stellen?

Dankeschön

[elnino22]

Der Nachbar hat eine Solaranlage erhalten mit einer tollen Animation. Das hat mich dann inspiriert:

https://imgur.com/dTIocTO

Fals es jemand nachbauen will, es sind einfach eine Reihe Kreise mit einer Bewegungsanimation. Die Animation wird schneller je grösser die Leistung.

Edomi.png

[uzi10]

edomim kühlung 16.08.2021.jpg

ich habs bei mir mit den animierten css pfeilen gemacht. mit denen kannst das auch für Energie machen. Die wechseln die Farbe. Die können die Richtung wechseln und sogar könnten sie die Geschwindigkeit varieren

[marhal]

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

Gruß
Marhal

[rasor89]

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

[beauty]

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

[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)