Sonnenstand darstellen

[whe]

Doch noch ein Problem. meine Sonne steht immer an der gleichen Stelle.
ich habe den entspr. Code in Icon.html eingefügt und auch in widget.js.
fehlt da noch etwas ?

 {{ icon.zenith('icon3', 'Dach.Wetter.Azimut', 'Dach.Wetter.Azimut') }} 
  {{ basic.formula('Dach.Wetter.Azimut', 'Dach.Wetter.Azimut', 'grade', ' VAR * 360 / 255') }} 

so stelle ich es dar und gebe den Wert hinter dem Icon aus

[panzaeron]

Hast du dir das Codebeispiel in diesem Beitrag angeschaut? Das sollte funktionieren...

[whe]

ja, das habe ich mir von GitHub kopiert, da ja hier im Thread die Sonne nicht dabei ist.
aber bei mir bleibt die Sonne im Zenit und sie dreht sich eigenartigerweise.

[panzaeron]

Das sich die Sonne dreht ist so gewollt, hast du den Azimut richtig umgerechnet?

[whe]

wieso umgerechnet, der kriegt doch den Wert von der Wetterstation 0 - 255.
in der Anzeige rechne ich den um ( siehe Eintrag: 31 )

[whe]

Hier noch der Code für das SUN macro:

{% macro sun(id) %}
<svg id="{{ id }}">
 <g>
  <line x1="50" y1="28" x2="50" y2="37" />
  <line x1="50" y1="30" x2="50" y2="37" transform="rotate(45 50 50)" />
  <line x1="50" y1="28" x2="50" y2="37" transform="rotate(90 50 50)" />
  <line x1="50" y1="30" x2="50" y2="37" transform="rotate(135 50 50)" />
  <line x1="50" y1="28" x2="50" y2="37" transform="rotate(180 50 50)" />
  <line x1="50" y1="30" x2="50" y2="37" transform="rotate(225 50 50)" />
  <line x1="50" y1="28" x2="50" y2="37" transform="rotate(270 50 50)" />
  <line x1="50" y1="30" x2="50" y2="37" transform="rotate(315 50 50)" />
  <circle cx="50" cy="50" r="8" stroke-width="3" fill="none" />
  <animateTransform id="anim" attributeType="xml" attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="15s" repeatCount="indefinite" />
 </g>
</svg>
{% endmacro %} 

sonst ist alles identisch bei mir.

[panzaeron]

Sorry, deine Umrechnung hatte ich übersehen.

Wenn deine Wetterstation schon Werte von 0-255 für den Azimut ausgibt, dann brauchst du doch gar keine Umrechnung, dann müsste deine Einbindung so aussehen mit "Dach.Wetter.Azimut" von 0 (links) bis 255 (rechts):

{{ icon.zenith('icon3', '', 'Dach.Wetter.Azimut', 0, 255) }}

[whe]

Habe ich doch so angegeben (siehe #31 )
die Umrechnung mache ich ja nur um den Wert dahinter anzuzeigen.

Aber meine Sonnen steht immer in der Mitte, da stimmt etwas nicht mit der Animation, aber was ist falsch.
ich habe drei Dinge gemacht: in Icon.html die Objekte sun und zenith reingenommen und in Widget.js den Code eingefügt.
alles, wie in diesem Thread erwähnt ( aber aus GitHub kopiert ).

[panzaeron]

Bei deinem Beispiel in #31 hast du auch noch das Schaltobjekt mit "Dach.Wetter.Azimut" besetzt, was nicht benötigt wird.
Wenn du nur widget.js geändert hast, dann musst du in der config von min.js auf .js umstellen oder du änderst auch noch die widget.min.js. Könnte das der Fehler sein?

[whe]

irgendwo habe ich gelesen man bräuchte die widget.min.js nicht.
habe mal Google befragt und JSCompress gefunden und siehe da: es geht.
danke mit dem JAVA Zeugs kenn ich mich nicht aus; für einen Laien ist das schon kompliziert.

[panzaeron]

Schön das es jetzt funktioniert.

[psilo]

Nachdem ich über einen anderen Thread hierauf gestossen bin: ist es wirklich richtig, den Azmiut für das Zenith-Icon zu nehmen? Der fängte ja als Winkel gesehen nicht direkt bei 0 an? Oder rechnet ihr wenn man ihn als Winkel bekommt so um, dass er zwischen dem Azimuth des Sonnenauf- und -untergangs auf Zahlen von 0 ... 255 skaliert wird? Macht das astronomisch Sinn oder müsste nicht noch der Höhenwinkel dazu, um das Ganze korrekt in 2D zu transformieren?

Habe jetzt den code in https://knx-user-forum.de/forum/supp...n-icon-gesucht gefunden. Passt.