NEWS
Einfach mal zeigen will….. :-) - Teil 2
-
@dietlman sagte in Einfach mal zeigen will….. - Teil 2:
@Hiltex Danke für die Antwort, das klingt schon mal nicht so schlecht, ich muss mir allerdgings noch anschauen ich ich so ein animiertes GIF erstellen kann, hab das bisher noch nicht gemacht,.
Bzg. HTML wird das wohl nix, da hab ich sowieso keine Ahnung da ich mich mit HTML nicht auskenne.Nunja, bevor ich mich an das Thema das erste mal heran gesetzt habe, kannte ich mich auch nicht aus.
Ist es denn nicht immer so im Leben?Irgendwann kanntest du dich sicherlich auch mal mit ioBroker nicht aus, oder mit VIS, oder mit deiner Solaranlage. Oder doch?
Ich kann dir da nur empfehlen, dass du dir das einfach mal anschaust. Es ist wirklich nicht schwer. Zumal du bei meinem Link ja ein vollständiges Beispiel hast, das du nur analysieren und kopieren musst.
Außerdem bist du hier in einem super Forum. Das ist nicht nur dafür da, dass man zeigen kann, was man schon geschafft hat. Man kann ja auch zu Dingen Fragen stellen, die man noch schaffen möchte -
Guckst Du:
http://joergeli.de/7tagesolad_noflash.php
und
http://joergeli.de/solaranlage_noflash.phpGruß
JörgBoah, verdammt toll gemacht
-
@Hiltex sagte in Einfach mal zeigen will….. - Teil 2:
@dietlman sagte in Einfach mal zeigen will….. - Teil 2:
@Hiltex Danke für die Antwort, das klingt schon mal nicht so schlecht, ich muss mir allerdgings noch anschauen ich ich so ein animiertes GIF erstellen kann, hab das bisher noch nicht gemacht,.
Bzg. HTML wird das wohl nix, da hab ich sowieso keine Ahnung da ich mich mit HTML nicht auskenne.Nunja, bevor ich mich an das Thema das erste mal heran gesetzt habe, kannte ich mich auch nicht aus.
Ist es denn nicht immer so im Leben?Irgendwann kanntest du dich sicherlich auch mal mit ioBroker nicht aus, oder mit VIS, oder mit deiner Solaranlage. Oder doch?
Ich kann dir da nur empfehlen, dass du dir das einfach mal anschaust. Es ist wirklich nicht schwer. Zumal du bei meinem Link ja ein vollständiges Beispiel hast, das du nur analysieren und kopieren musst.
Außerdem bist du hier in einem super Forum. Das ist nicht nur dafür da, dass man zeigen kann, was man schon geschafft hat. Man kann ja auch zu Dingen Fragen stellen, die man noch schaffen möchteIch kann Hiltex nur beipflichten - irgendwann fängt jeder mal an.
Falls Du Dich mit animierten GIFs beschäftigen willst, g..gle mal nach "gif animieren", da bekommst Du dann einige Vorschläge, bzw. Tools angezeigt.
Auch die Bildersuche nach "animated gif" bringt tausende von Ergebnissen.
Ich habe mir aus den Vorlagen z.B. mein "Post-ist-da"-GIF und mein "Waschmaschine-läuft"-GIF gebastelt:
Zum Ausprobieren würde ich empfehlen, mal eines der GIF-Tools zu installieren und dann ein aus dem Internet downgeloadetes animiertes GIF in das Tool zu laden und gucken, was passiert, wenn man in dem Tool Parameter verändert.
Ein animiertes GIF ist prinzipiell nichts anderes, als das gute alte Daumenkino.
Es wird z.B. ein Startbild genommen, dieses Bild wird dann z.B. um 10 Grad gedreht und als weiteres Bild abgespeichert.
Dann wird dieses Bild ebenfalls um 10 Grad gedreht und gespeichert.
Diese Fleißarbeit wiederholt man insgesamt 35 Mal ((360 Grad / 10) -1 = 35) und hat als Ergebnis ein Bild, daß sich 1 Mal in 10 Grad-Schritten um die eigene Achse dreht.
Warum nicht 36 Mal? Nun, 360 Grad entspricht ja auch 0 Grad, d.h. 35 Einzel-Bilder reichen aus.
Da das GIF fortwährend aktualisiert wird, hat der Betrachter den Eindruck, daß sich das Bild kontinuierlich dreht.Man kann das aber auch z.B. nur in horizontaler Richtung machen, wie z. B. einen "Ladebalken".
Stell Dir z.B. mal einen Zebrastreifen vor. Da ist dann das erste Feld schwarz, das nächste weiß, etc.
Dann erzeugst Du ein zweites Bild, wo das erste Feld weiß ist, das nächste schwarz, etc. ., also die Farben genau umgekehrt wie beim ersten Bild.
Wenn Du jetzt die beiden Bilder in einer bestimmten Geschwindigkeit nacheinander anzeigen läßt, hat man den Eindruck, daß die schwarzen und weißen Felder wandern.
Das ist mit nur 2 Bildern "relativ" grob, d.h. es sieht eher nach einem Umspringen der Felder aus.
Je mehr Einzelbilder man aber generiert, wo sich jedes Feld nur um eine bestimmte Anzahl an Pixeln verschiebt, desto flüssiger erscheint die Bewegung.
Das ist natürlich eine Frage des (Zeit-)Aufwandes, den man betreiben will.
Es hat übrigens nur sekundär mit HTML zu tun und fällt m.E eher in den Bereich Bildbearbeitung.Diese animierten GIFs kann man dann in HTML-Seiten, oder eben auch in ioBroker einbauen.
Gruß
Jörg -
@MarkusL sagte in Einfach mal zeigen will….. - Teil 2:
@joergeli
Hallo Jörg, hast Du eine große animierte GIF Grafik pro Seite oder viele Kleine? Und würdest Du sie uns evt zur Verfügung stellen? Das wäre super. Dann kann man sein statisches Bild mit Deinen animierten GIFs jeweils individuell anreichern.
Oder habe ich da einen Denkfehler? Das müsste doch auch in VIS gehen.
Viele Grüße,
MarkusHallo Markus,
ich habe in meiner WEB-Seite, als auch in meinen ioBroker-Views jeweils ein großes statisches Hintergrundbild (3D-Raumplan, bzw. Schema meiner Solarthermie-Anlage).
Darüber werden dann je nach Bedingung ( in ioBroker je nach "state") kleine, animierte GIFs gelegt.
So kann ich z.B. mit dem oben gezeigten Briefkasten-GIF sehen, ob der Postbote da war.Ich habe allerdings nicht allzu viele animierte GIFs in meine Views eingebaut, weil es des Guten dann doch zu viel wird, wenn alles rotiert, oder rumzappelt.
Ich verwende deshalb mehr statische GIFs, die ebenfalls je nach state eingeblendet werden, wie z.B. meine Mülltonnen:
Die kann man bei Bedarf ja auch in vis Blinken lassen (Im jeweiligen Widget den Haken setzen bei "Signalbilder" ->"Blinken [0]".
Viel mehr selbst gebastelte habe ich nicht, falls Du mit " zur Vefügung stellen", GIFs von meiner Webseite meinst:
Die sind m.E. zu speziell um allgemein verwendet zu werden.
Trotzdem hier ein paar davon, die evtl. jemand gebauchen kann?:
Gruß
Jörg -
@liv-in-sky said in Einfach mal zeigen will….. - Teil 2:
ich weiß - ich habe das ganze mal zerlegt:
das bleibt davon über - aber der pfeil ist nicht dabei - weißt du welches widget hier fehlt ?
Hi, kannst du von diesem Widget mal einen screenshot in cation posten? Ich versuche nämlich genau dieses Widget für meine Solarbatterie zu verwenden, damit ich den Ladezustand in % anzeigen kann, allerdings sieht das bei mir nicht gut aus, irgendwas stimmt bei mir nicht mit dem Z-Index vielleicht kannst du deines mal exportieren und ich versuche das dann mal bei mir zu importieren. Wäre nett.
-
@MartyMcFly sagte in Einfach mal zeigen will….. - Teil 2:
@joergeli : Wow, der Aufwand hat sich gelohnt. Darf ich fragen mit welchem Programm der Eingangsbereich und das Wohnzimmer erstellt wurden? Ich habe hier bisher noch nichts Passendes gefunden. Danke & Gruß
Hi,
die 3D-Raumpläne habe ich mit "SweetHome 3D" gebastelt.
Ist allerdings sehr zeitintensiv, dabei nicht so sehr das Erstellen der Wände, sondern das Suchen
nach Möbeln, Blumen, etc.
Es wird für jedes! Möbel ein eigenes 3D-Modell verwendet, das dann im Raumplan entspr. platziert wird.
Man kann wohl auch eigene 3D-Möbel-Modelle erstellen, das war mir dann aber doch zu kompliziert, bzw. zu aufwändig.Auch das Rendern, d.h. das endgültige Fertigstellen der Grafik mit Lichteinfall und Schattenwurf, hat auf meinem betagten Pentium IV mit WIN-XP (ja ich weiß, ist veraltet) ca. 4-5 Std. gedauert, wobei da ja nur der Rechner arbeitet
Gruß
Jörg -
@dietlman sagte in Einfach mal zeigen will….. - Teil 2:
@liv-in-sky said in Einfach mal zeigen will….. - Teil 2:
ich weiß - ich habe das ganze mal zerlegt:
das bleibt davon über - aber der pfeil ist nicht dabei - weißt du welches widget hier fehlt ?
Hi, kannst du von diesem Widget mal einen screenshot in cation posten? Ich versuche nämlich genau dieses Widget für meine Solarbatterie zu verwenden, damit ich den Ladezustand in % anzeigen kann, allerdings sieht das bei mir nicht gut aus, irgendwas stimmt bei mir nicht mit dem Z-Index vielleicht kannst du deines mal exportieren und ich versuche das dann mal bei mir zu importieren. Wäre nett.
In Action siehst du das Widget auf Youtube
Hier der Export vom Widget
Die Adapter vis-hqwidgets und vis-justgage müssen dafür installiert sein
-
@Rummelmugge said in Einfach mal zeigen will….. - Teil 2:
@dietlman sagte in Einfach mal zeigen will….. - Teil 2:
@liv-in-sky said in Einfach mal zeigen will….. - Teil 2:
ich weiß - ich habe das ganze mal zerlegt:
das bleibt davon über - aber der pfeil ist nicht dabei - weißt du welches widget hier fehlt ?
Hi, kannst du von diesem Widget mal einen screenshot in cation posten? Ich versuche nämlich genau dieses Widget für meine Solarbatterie zu verwenden, damit ich den Ladezustand in % anzeigen kann, allerdings sieht das bei mir nicht gut aus, irgendwas stimmt bei mir nicht mit dem Z-Index vielleicht kannst du deines mal exportieren und ich versuche das dann mal bei mir zu importieren. Wäre nett.
In Action siehst du das Widget auf Youtube
Hier der Export vom Widget
Die Adapter vis-hqwidgets und vis-justgage müssen dafür installiert sein
Vielen Dank, das sieht soweit super aus, kannst du mir bitte noch das Clock3.png zukommen lassen?
so sieht das bei mir aus:
Danke -
@joergeli Vielen Dank!
-
@dietlman sagte in Einfach mal zeigen will….. - Teil 2:
@Rummelmugge said in Einfach mal zeigen will….. - Teil 2:
@dietlman sagte in Einfach mal zeigen will….. - Teil 2:
@liv-in-sky said in Einfach mal zeigen will….. - Teil 2:
ich weiß - ich habe das ganze mal zerlegt:
das bleibt davon über - aber der pfeil ist nicht dabei - weißt du welches widget hier fehlt ?
Hi, kannst du von diesem Widget mal einen screenshot in cation posten? Ich versuche nämlich genau dieses Widget für meine Solarbatterie zu verwenden, damit ich den Ladezustand in % anzeigen kann, allerdings sieht das bei mir nicht gut aus, irgendwas stimmt bei mir nicht mit dem Z-Index vielleicht kannst du deines mal exportieren und ich versuche das dann mal bei mir zu importieren. Wäre nett.
In Action siehst du das Widget auf Youtube
Hier der Export vom Widget
Die Adapter vis-hqwidgets und vis-justgage müssen dafür installiert sein
Vielen Dank, das sieht soweit super aus, kannst du mir bitte noch das Clock3.png zukommen lassen?
so sieht das bei mir aus:
DankeEdit: Der Hintergrund hinter dem Widget muss die gleiche Farbe haben wie die der Clock3.png, wenn dir also das Grau nicht gefällt, einfach mit z.b. Paint.net neu einfärben.
-
@Rummelmugge
Vielen Dank, jetzt bin ich schon viel weiter. Tolle Unterstützung hier im Forum! -
@dietlman sagte in Einfach mal zeigen will….. - Teil 2:
@liv-in-sky said in Einfach mal zeigen will….. - Teil 2:
ich weiß - ich habe das ganze mal zerlegt:
das bleibt davon über - aber der pfeil ist nicht dabei - weißt du welches widget hier fehlt ?
Hi, kannst du von diesem Widget mal einen screenshot in cation posten? Ich versuche nämlich genau dieses Widget für meine Solarbatterie zu verwenden, damit ich den Ladezustand in % anzeigen kann, allerdings sieht das bei mir nicht gut aus, irgendwas stimmt bei mir nicht mit dem Z-Index vielleicht kannst du deines mal exportieren und ich versuche das dann mal bei mir zu importieren. Wäre nett.
@dietlman sorry - ich benutze das nicht mehr - hab es auch nicht so hinbekommen, dass es in meine vis paßt - frag doch bitte den ersteller
-
hat jemand eine Idee,
wie ich die version eines adapter visualisieren kann und ggfs. ob es ein update dafür gibt? -
@joergeli : Danke für die schnelle Antwort. Dann werde ich mir das Tool mal anschauen.
-
es gibt einen adpater dafür - der kann das anzeigen. der info-adapter - ich nehme an, der ersteller des adapters weiß. wie das geht - vielleicht macht er sogar datenpunkte in den adapter, der das zeigt - zur not iframe von der info-tab seite
https://forum.iobroker.net/topic/9041/adapter-iobroker-info/224?page=12
-
Hallo zusammen,
ich habe eine kurze und evtl. triviale Frage an Euch:
Ich versuche gerade einen runden State Button zu erstellen um wie unten im Screenshot meine Heizungsthermostate mit "Auto", "Manu" etc. zu steuern.
Ich habe schon ein bisschen probiert, komme aber nicht auf das gewünschte Ergebnis.
Mir wird immer nur ein Teil der Boarder angezeigt. Bekomme ich die irgendwie weg?
Gruß Seppel
-
Haken weg...........oder color transparent
-
@sigi234
Wenn ich den Haken rausmache, wird der Button ja wieder eckig und nicht rund.
Ich will einen weissen Rahmen um den Button haben, nur zeigt es mir diesen nicht vollständig an.Gruß Seppel
-
nimm das und leg es darüber.........
[{"tpl":"tplShapes","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","svgType":"circle","strokeColor":"#ffffff","fill":"transparent","strokeWidth":"2","scaleWidth":"1","scaleHeight":"1","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"235px","top":"366px","width":"112px","height":"114px"},"widgetSet":"basic"}]
-
Probiere doch mal Radius 50%, width 0px