Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst]animierter Schnee - mir fehlt der letzte Gedanke

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    [gelöst]animierter Schnee - mir fehlt der letzte Gedanke

    This topic has been deleted. Only users with topic management privileges can see it.
    • OliverIO
      OliverIO @Chaot last edited by

      @chaot sagte in [gelöst]animierter Schnee - mir fehlt der letzte Gedanke:

      In deinem Temperaturscript ist ein kleiner Fehler

      du hast t mit temperatur interpretiert?
      die logik war nur beispielhaft. ich gehe davon aus, das die logik (größer als, kleiner als) überschaubar ist und das jeder selbst dann so anpassen kann wie man will

      1 Reply Last reply Reply Quote 0
      • OliverIO
        OliverIO @Chaot last edited by

        @chaot sagte in [gelöst]animierter Schnee - mir fehlt der letzte Gedanke:

        Die Schneeflocken kommen bei mir nur auf dem Hintergrund. Ich habe den Z-Index des Html Widgets auf 50 gesetzt und immer noch den gleichen Effekt. Gibt es da einen Trick?

        ich habe mir mal den code angeschaut. die schneeflocken hängen nicht von den Einstellungen des widgets ab. sie werden dynamisch erzeugt und in das html eingefügt.

        du kannst im folgenden bereich die zeile mit dem zindex ergänzen

        		// init flake
        		s = f.el.style;
        		s.transform = 'translate(0, -' + f.size + 'px)';
        		s.color = randomItemFromArray(config.color);
        		s.family = randomItemFromArray(config.fontType);
        		s.fontSize = f.size + 'px';
        		s.zIndex = 100;
        
        
        Chaot 1 Reply Last reply Reply Quote 0
        • Chaot
          Chaot @OliverIO last edited by

          @oliverio sagte in [gelöst]animierter Schnee - mir fehlt der letzte Gedanke:

          s.zIndex = 100;

          Danke das wars.
          Ich war etwas irritiert, weil oben in Zeile 60 bereits ein Z-Index eingetragen ist. aber jetzt funktioniert ja alles so wie ich mir das wünsche. Ganz herzlichen Dank.

          OliverIO 1 Reply Last reply Reply Quote 0
          • OliverIO
            OliverIO @Chaot last edited by

            @chaot sagte in [gelöst]animierter Schnee - mir fehlt der letzte Gedanke:

            war etwas irritiert, weil oben in Zeile 60 bereits ein Z-Index

            du meinst in den uralt-posts?
            da stehen 2 scripts, einmal von bluefox ein jquery plugin und eine alte version von diesem snowflakes skipt. die habe ich gar nicht probiert, sonder eine aktualisierte version des snowflakes skript gefunden.

            Chaot 1 Reply Last reply Reply Quote 0
            • Chaot
              Chaot @OliverIO last edited by

              @oliverio
              Nein, ich meinte schon das Script aus dem von dir geposteten Link.

              // start snow
              	function start(userConfig)
              	{
              		if (running)
              			return;
              
              		running = true;
              		config = mergeObjects(userConfig || {}, defaultConfig);
              		resize();
              
              		// add new flakes
              		while (config.amount > flakes.length)
              			createFlake(flakes.length);
              
              		// init snowflakes
              		if (!initialized)
              		{
              			initialized = true;
              			window.addEventListener('resize', resize);
              
              			let style = document.createElement('style');
              			style.innerHTML = '.js-anim-snowflake { user-select: none; position: absolute; left: 0; top: 0; zIndex: 20000; }';
              			document.getElementsByTagName('head')[0].appendChild(style);
              
              			lastInterval = time();
              			window.requestAnimationFrame(move);
              		}
              

              (hier Zeile 22)

              OliverIO 1 Reply Last reply Reply Quote 0
              • OliverIO
                OliverIO @Chaot last edited by

                @chaot

                ahja,
                das geht auch, allerdings hat der author hier die javascript-schreibweise verwendet, die falsch ist.
                bei css-Anweisungen muss man "z-index" verwenden
                https://developer.mozilla.org/de/docs/Web/CSS/z-index

                Chaot 1 Reply Last reply Reply Quote 0
                • Chaot
                  Chaot @OliverIO last edited by

                  @oliverio Ah, ok. Daher die verwirrung meinerseits.
                  Aber mit deiner Änderung funktioniert das jetzt wie gewünscht.
                  Bei der Gelegenheit noch gemerkt, dass mein zweiter Außensensor scheinbar seit Heiligabend ausgefallen ist. Man hat ja sonst Langeweile....

                  OliverIO 1 Reply Last reply Reply Quote 0
                  • OliverIO
                    OliverIO @Chaot last edited by OliverIO

                    @chaot sagte in [gelöst]animierter Schnee - mir fehlt der letzte Gedanke:

                    ausgefallen

                    kannst ja auf internet temperatur umstellen temporär

                    1 Reply Last reply Reply Quote 1
                    • BananaJoe
                      BananaJoe Most Active @Chaot last edited by

                      @chaot sagte in [gelöst]animierter Schnee - mir fehlt der letzte Gedanke:

                      @holly200289 Siehe das letzte script.
                      Den oder die Datenpunkte auswählen und anstelle von

                      0_userdata.0.t1
                      

                      bzw. t2 dann deinen Datenpunkt eintragen.
                      In Zeile 4 dann deine Auslösetemperatur eintragen (10° ist bischen warm für Schnee)

                      Bei nur einem Datenpunkt sollte es dann theoretisch so funktionieren:

                      <script>
                      let t1 = {sonoff.0.BLE_Sensoren.xxxxxxx_Temperature};
                      
                      if (t1<4) {
                          snowflakes.start();
                      } else {
                          snowflakes.stop();
                      }
                      </script>
                      

                      wird das dann nicht nur einmal beim laden der VIS geprüft?

                      1 Reply Last reply Reply Quote 0
                      • icebear
                        icebear last edited by

                        Funktioniert das auch mit vis-2 ?

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        414
                        Online

                        31.8k
                        Users

                        80.0k
                        Topics

                        1.3m
                        Posts

                        10
                        37
                        4150
                        Loading More Posts
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes
                        Reply
                        • Reply as topic
                        Log in to reply
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                        The ioBroker Community 2014-2023
                        logo