Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. 3D Animation mit Sweet Home in VIS

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.4k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.1k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

3D Animation mit Sweet Home in VIS

Scheduled Pinned Locked Moved Visualisierung
31 Posts 7 Posters 3.7k Views 7 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • BananaJoeB BananaJoe

    @oliverio sagte in 3D Animation mit Sweet Home in VIS:

    15+14+13+12+11 usw
    da kommen dann 120 Bilder raus.

    Das kann wohl stimmen :-) Ich wollte auch nur eine Alternative aufzeigen. Ja 120 Bilder, aber dafür spart man sich das Ausschneiden der Bilder, darf herrlich viel Skripten und fast alles noch einmal machen falls sich mal etwas ändert.

    I Online
    I Online
    IceD112
    wrote on last edited by
    #16

    @bananajoe @OliverIO

    Euch beiden schonmal vielen Dank für die Ratschläge. Aber lass mich das nun nochmal einordnen.

    • Ich lege zunächst das Bild "Alles aus" in die Ebene 0?
    • Aus den Bildern "Alles an" und "LED´s an" schneide ich via Gimp jeden Raum einzeln aus und lege sie in der VIS in Ebene 1 auf die das "alles aus" Bild (Pixelgenau!)

    ...für´s erste!

    BananaJoeB 1 Reply Last reply
    0
    • I IceD112

      @bananajoe @OliverIO

      Euch beiden schonmal vielen Dank für die Ratschläge. Aber lass mich das nun nochmal einordnen.

      • Ich lege zunächst das Bild "Alles aus" in die Ebene 0?
      • Aus den Bildern "Alles an" und "LED´s an" schneide ich via Gimp jeden Raum einzeln aus und lege sie in der VIS in Ebene 1 auf die das "alles aus" Bild (Pixelgenau!)

      ...für´s erste!

      BananaJoeB Online
      BananaJoeB Online
      BananaJoe
      Most Active
      wrote on last edited by
      #17

      @iced112 ja, also

      • Den Grundriss nutze ich als Hintergrundbild auf z-index = 0 (= Ebene 0)
      • Dann z.B. das Bulb Widget auf z-index = 1
      • Dem Bulb-Widget geben ich sowohl für True als auch False das ausgeschnittene (= der Rest ist Transparent) Bild des beleuchteten Raumes (= .png Bildformat da es Transparenz darstellen kann)
      • Dann positioniere ich das Widget Pixelgenau über dem Raum
      • Dann ersetze ich das Bild des False Datenpunktes durch ein .png welches nur Transparenz enthält, also nichts. Es muss nicht die richtige Größe haben, ich nutze für alle Räume das gleiche Transparente Bild.

      Das war es eigentlich schon.
      So sieht der Bilder-Ordner für das Erdgeschoss bei mir aus:
      4b6f41b7-816d-4424-b7f8-54b961d1c535-image.png

      und so im VIS-Editor:
      ee2f114f-96a8-4630-bda3-648275ad21e6-image.png
      Mein z-index ist halt 32 statt 1, wichtig ist das die Zahl höher als der Hintergrund ist. Damit das bearbeiten einfacher ist habe ich den Hintergrund gegen Auswahl gesperrt:
      52f2357d-9193-40d6-810c-068fd1d75d9e-image.png

      ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

      I 1 Reply Last reply
      0
      • BananaJoeB BananaJoe

        @iced112 ja, also

        • Den Grundriss nutze ich als Hintergrundbild auf z-index = 0 (= Ebene 0)
        • Dann z.B. das Bulb Widget auf z-index = 1
        • Dem Bulb-Widget geben ich sowohl für True als auch False das ausgeschnittene (= der Rest ist Transparent) Bild des beleuchteten Raumes (= .png Bildformat da es Transparenz darstellen kann)
        • Dann positioniere ich das Widget Pixelgenau über dem Raum
        • Dann ersetze ich das Bild des False Datenpunktes durch ein .png welches nur Transparenz enthält, also nichts. Es muss nicht die richtige Größe haben, ich nutze für alle Räume das gleiche Transparente Bild.

        Das war es eigentlich schon.
        So sieht der Bilder-Ordner für das Erdgeschoss bei mir aus:
        4b6f41b7-816d-4424-b7f8-54b961d1c535-image.png

        und so im VIS-Editor:
        ee2f114f-96a8-4630-bda3-648275ad21e6-image.png
        Mein z-index ist halt 32 statt 1, wichtig ist das die Zahl höher als der Hintergrund ist. Damit das bearbeiten einfacher ist habe ich den Hintergrund gegen Auswahl gesperrt:
        52f2357d-9193-40d6-810c-068fd1d75d9e-image.png

        I Online
        I Online
        IceD112
        wrote on last edited by IceD112
        #18

        @bananajoe

        Habe nun mal im OG jeden Raum ausgeschnitten und mit dem Image Widget über den „aus Grundriss“ gelegt. Also zunächst ohne Funktion den Raum durch tippen ein und auszuschalten.

        Problem ist nun, da ich beispielsweise im Wohnzimmer verschiedene Zustände habe, dass, wir hier im Beispiel die LED stripes eingeschaltet sind und wenn ich das Haupt Licht einschalte, dass man das nur an Lichtkegeln am Fenster sieht beides Z-Index 2
        FullSizeRender.MOV

        Der lichtkegel ist nur kurz zu sehen, da ich noch ein anderes Problem grade festgestellt habe. In meiner VIS vom Handy schalten sich die Lichter nach betätigen des Widget direkt wieder aus, oder wieder an, erst nach gegüllter Fund mal drücken bleibt der Zustand so wie er sein soll. (Was könnt das denn sein🤔)

        OliverIOO 1 Reply Last reply
        0
        • I IceD112

          @bananajoe

          Habe nun mal im OG jeden Raum ausgeschnitten und mit dem Image Widget über den „aus Grundriss“ gelegt. Also zunächst ohne Funktion den Raum durch tippen ein und auszuschalten.

          Problem ist nun, da ich beispielsweise im Wohnzimmer verschiedene Zustände habe, dass, wir hier im Beispiel die LED stripes eingeschaltet sind und wenn ich das Haupt Licht einschalte, dass man das nur an Lichtkegeln am Fenster sieht beides Z-Index 2
          FullSizeRender.MOV

          Der lichtkegel ist nur kurz zu sehen, da ich noch ein anderes Problem grade festgestellt habe. In meiner VIS vom Handy schalten sich die Lichter nach betätigen des Widget direkt wieder aus, oder wieder an, erst nach gegüllter Fund mal drücken bleibt der Zustand so wie er sein soll. (Was könnt das denn sein🤔)

          OliverIOO Offline
          OliverIOO Offline
          OliverIO
          wrote on last edited by
          #19

          @iced112
          ich denke du musst lila unsichtbar machen wenn du weiß schaltest und umgekehrt,
          da der kleinere lila ausschnitt den größeren weißausschnitt von der ebene her überlagert und daher nur noch der weiße lichtkegel sichtbar ist.

          oder du legst weiß auf eine höhere ebene (z-index), dann überlagert das komplette weiße bild das lila bild

          Meine Adapter und Widgets
          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
          Links im Profil

          I 1 Reply Last reply
          0
          • OliverIOO OliverIO

            @iced112
            ich denke du musst lila unsichtbar machen wenn du weiß schaltest und umgekehrt,
            da der kleinere lila ausschnitt den größeren weißausschnitt von der ebene her überlagert und daher nur noch der weiße lichtkegel sichtbar ist.

            oder du legst weiß auf eine höhere ebene (z-index), dann überlagert das komplette weiße bild das lila bild

            I Online
            I Online
            IceD112
            wrote on last edited by
            #20

            @oliverio

            Ja, so funktioniert das. Aber konsequent wäre es ja, dass man beides sieht. Oder eben halt alles das, was grade an ist. Das hätte dann doch zur Folge, dass ich in verschiedenen alle möglichen Kombis aus Sweet Home 3D rändern müsste? also als Beispiel Hauptlicht und LED-Stripe hinterm TV an usw.
            Aber wie könnte ich die verschiedenen Schaltzustände dem Widget erklären. Das eine war ja einfach...

            BananaJoeB OliverIOO 2 Replies Last reply
            0
            • I IceD112

              @oliverio

              Ja, so funktioniert das. Aber konsequent wäre es ja, dass man beides sieht. Oder eben halt alles das, was grade an ist. Das hätte dann doch zur Folge, dass ich in verschiedenen alle möglichen Kombis aus Sweet Home 3D rändern müsste? also als Beispiel Hauptlicht und LED-Stripe hinterm TV an usw.
              Aber wie könnte ich die verschiedenen Schaltzustände dem Widget erklären. Das eine war ja einfach...

              BananaJoeB Online
              BananaJoeB Online
              BananaJoe
              Most Active
              wrote on last edited by
              #21

              @iced112 du könntest das Inventwo-Multi Widget nehmen, das kann mehr als 2 Zustände. Und dann musst du halt 3 oder 4 verschiedenen Bilder machen und Auswerten welches davon angezeigt werden soll. Ich hab das bei mir bei Esstisch und Wohnzimmer die ja ineinander über gehen.

              ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

              I 1 Reply Last reply
              0
              • I IceD112

                @oliverio

                Ja, so funktioniert das. Aber konsequent wäre es ja, dass man beides sieht. Oder eben halt alles das, was grade an ist. Das hätte dann doch zur Folge, dass ich in verschiedenen alle möglichen Kombis aus Sweet Home 3D rändern müsste? also als Beispiel Hauptlicht und LED-Stripe hinterm TV an usw.
                Aber wie könnte ich die verschiedenen Schaltzustände dem Widget erklären. Das eine war ja einfach...

                OliverIOO Offline
                OliverIOO Offline
                OliverIO
                wrote on last edited by
                #22

                @iced112

                oh ja, dann hast du 4 zustände
                aus, weiß, magenta und weiß/magenta

                dann musst du noch mal weiß/magenta rendern

                Meine Adapter und Widgets
                TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                Links im Profil

                1 Reply Last reply
                0
                • BananaJoeB BananaJoe

                  @iced112 du könntest das Inventwo-Multi Widget nehmen, das kann mehr als 2 Zustände. Und dann musst du halt 3 oder 4 verschiedenen Bilder machen und Auswerten welches davon angezeigt werden soll. Ich hab das bei mir bei Esstisch und Wohnzimmer die ja ineinander über gehen.

                  I Online
                  I Online
                  IceD112
                  wrote on last edited by
                  #23

                  @bananajoe
                  Ok, ich werd’s versuchen. Sorry für die dumme Frage. Aber wenn ich das multi Widget nehme, nehme ich dann unten die signalbilder zum Anzeigen des Zustands des Raums

                  BananaJoeB 1 Reply Last reply
                  0
                  • I IceD112

                    @bananajoe
                    Ok, ich werd’s versuchen. Sorry für die dumme Frage. Aber wenn ich das multi Widget nehme, nehme ich dann unten die signalbilder zum Anzeigen des Zustands des Raums

                    BananaJoeB Online
                    BananaJoeB Online
                    BananaJoe
                    Most Active
                    wrote on last edited by
                    #24

                    @iced112 du hast ja für jeden Zustand eine eigene Vergleichsoperation an welcher du das festmachen kannst das dieser Zustand erreicht ist. Die können natürlich auch alle auf den gleichen Datenpunkt zeigen der dann die Zustände 1 bis 4 oder so.

                    Und bei Bild wahr packst du das passende beleuchtete Bild rein.
                    ganz oben im Allgemeinen Teil hast du Bild falsch, da kommt das Transparente rein.

                    Alle Bilder müssen/sollten dann gleich groß sein!

                    ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                    I 1 Reply Last reply
                    0
                    • BananaJoeB BananaJoe

                      @iced112 du hast ja für jeden Zustand eine eigene Vergleichsoperation an welcher du das festmachen kannst das dieser Zustand erreicht ist. Die können natürlich auch alle auf den gleichen Datenpunkt zeigen der dann die Zustände 1 bis 4 oder so.

                      Und bei Bild wahr packst du das passende beleuchtete Bild rein.
                      ganz oben im Allgemeinen Teil hast du Bild falsch, da kommt das Transparente rein.

                      Alle Bilder müssen/sollten dann gleich groß sein!

                      I Online
                      I Online
                      IceD112
                      wrote on last edited by IceD112
                      #25

                      @bananajoe
                      Also ich hab nun lediglich mit dem image Widget gearbeitet. Hab es mit dem Multi Widget versucht aber das ist vom anpassen der Größe ultra frickelig.

                      Kann ich nicht via html Code, bei der Sichbarkeit verschiedene Objekt-IDs eintragen mit einen <br> z.B.? Oder ein anderer Befehl von mir aus

                      Screenshot 2022-03-23 at 19-21-18 Edit vis.png

                      EDIT: Evtl, dass ich eine Aufzählung im Wohnzimmer von allen Lampen machen? Dann baue ich ein Blockly mit ID´s vom Selektor und erstelle dann zu jedem möglichen Zustand einen Datenpunkt, prüfe im Blockly ob dieses und jenes eingeschaltet ist und setze den entsprechenden Datenpunkt auf wahr und lass mir dann das korrekte Bild anzeigen?

                      BananaJoeB 1 Reply Last reply
                      0
                      • I IceD112

                        @bananajoe
                        Also ich hab nun lediglich mit dem image Widget gearbeitet. Hab es mit dem Multi Widget versucht aber das ist vom anpassen der Größe ultra frickelig.

                        Kann ich nicht via html Code, bei der Sichbarkeit verschiedene Objekt-IDs eintragen mit einen <br> z.B.? Oder ein anderer Befehl von mir aus

                        Screenshot 2022-03-23 at 19-21-18 Edit vis.png

                        EDIT: Evtl, dass ich eine Aufzählung im Wohnzimmer von allen Lampen machen? Dann baue ich ein Blockly mit ID´s vom Selektor und erstelle dann zu jedem möglichen Zustand einen Datenpunkt, prüfe im Blockly ob dieses und jenes eingeschaltet ist und setze den entsprechenden Datenpunkt auf wahr und lass mir dann das korrekte Bild anzeigen?

                        BananaJoeB Online
                        BananaJoeB Online
                        BananaJoe
                        Most Active
                        wrote on last edited by BananaJoe
                        #26

                        @iced112 du könntest per { } auf einen Datenpunkt verweisen in das gewünschte Bild steht :-)
                        Und dann per Skript den Datenpunkt austauschen

                        Nachtrag: sieht doch schon ganz cool aus. Wenn auch viel freier Platz. Aber wenn das Tablet groß genug ist lässt es sich ja gut bedienen denke ich

                        ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                        I 1 Reply Last reply
                        0
                        • BananaJoeB BananaJoe

                          @iced112 du könntest per { } auf einen Datenpunkt verweisen in das gewünschte Bild steht :-)
                          Und dann per Skript den Datenpunkt austauschen

                          Nachtrag: sieht doch schon ganz cool aus. Wenn auch viel freier Platz. Aber wenn das Tablet groß genug ist lässt es sich ja gut bedienen denke ich

                          I Online
                          I Online
                          IceD112
                          wrote on last edited by
                          #27

                          @bananajoe
                          Sorry dass ich mich jetzt erst zu Wort melde. Aber ich hab die Tage noch das schöne Wetter ausgenutzt und mal nicht am Rechner gehangen 😂
                          Ja, in der Tat. Es macht schon was her! Aber bedienen kann ich da noch nichts. Ich hab wie gesagt zunächst mit dem Image Widget gearbeitet und lasse es bei entsprechenden Licht Status anzeigen. Das mit dem Multi Widget war mir im Moment zu frickelig was das anpassen der Größe anging. Vielleicht bau ich das irgendwann noch um. Oder Ich überlege noch, ob ich rings um die 3 D Ansicht noch Bedienelemente hinmachen um den leeren Raum zu füllen.

                          Aber noch ne Frage zum Skript: wie könnte ich das blocky aufbauen um den DP zu tauschen und wie verbinde ich das Bild mit dem
                          datenpunkt. Das weiß ich nämlich nicht wie das geht🤓

                          BananaJoeB 1 Reply Last reply
                          0
                          • I IceD112

                            @bananajoe
                            Sorry dass ich mich jetzt erst zu Wort melde. Aber ich hab die Tage noch das schöne Wetter ausgenutzt und mal nicht am Rechner gehangen 😂
                            Ja, in der Tat. Es macht schon was her! Aber bedienen kann ich da noch nichts. Ich hab wie gesagt zunächst mit dem Image Widget gearbeitet und lasse es bei entsprechenden Licht Status anzeigen. Das mit dem Multi Widget war mir im Moment zu frickelig was das anpassen der Größe anging. Vielleicht bau ich das irgendwann noch um. Oder Ich überlege noch, ob ich rings um die 3 D Ansicht noch Bedienelemente hinmachen um den leeren Raum zu füllen.

                            Aber noch ne Frage zum Skript: wie könnte ich das blocky aufbauen um den DP zu tauschen und wie verbinde ich das Bild mit dem
                            datenpunkt. Das weiß ich nämlich nicht wie das geht🤓

                            BananaJoeB Online
                            BananaJoeB Online
                            BananaJoe
                            Most Active
                            wrote on last edited by
                            #28

                            @iced112 Du kannst bei vielen Widgets ja einen Datenpunkt angeben. Und da gibst du einfach einen selbst erstellten an (unterhalt von 0_userdata.0)

                            Den kannst du ja selbst per Skript auswerten oder beliebig mit Daten füllen. Unter anderem z.B. die BildURL / Bild-Pfad ändern.

                            ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                            1 Reply Last reply
                            0
                            • Jey CeeJ Online
                              Jey CeeJ Online
                              Jey Cee
                              Developer
                              wrote on last edited by
                              #29

                              Ich bin auf der Suche nach Grundrissen die in Sweet Home 3D erstellt wurden. Es würde mich freuen wenn ihr mir eure zur Verfügung stellt.
                              Wer das nicht Öffentlich machen möchte kann sie mir per email schicken: iobroker@all-smart.net

                              Persönlicher Support
                              Spenden -> paypal.me/J3YC33

                              sigi234S 1 Reply Last reply
                              0
                              • Jey CeeJ Jey Cee

                                Ich bin auf der Suche nach Grundrissen die in Sweet Home 3D erstellt wurden. Es würde mich freuen wenn ihr mir eure zur Verfügung stellt.
                                Wer das nicht Öffentlich machen möchte kann sie mir per email schicken: iobroker@all-smart.net

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                wrote on last edited by
                                #30

                                @jey-cee

                                Da kommt ein Widgets für vis-2 ?

                                Screenshot (432).png

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                Immer Daten sichern!

                                Jey CeeJ 1 Reply Last reply
                                0
                                • sigi234S sigi234

                                  @jey-cee

                                  Da kommt ein Widgets für vis-2 ?

                                  Screenshot (432).png

                                  Jey CeeJ Online
                                  Jey CeeJ Online
                                  Jey Cee
                                  Developer
                                  wrote on last edited by
                                  #31

                                  @sigi234 scheint so. Das ist der Grund warum mir eine alte Idee wieder in den Kopf gekommen ist.

                                  Persönlicher Support
                                  Spenden -> paypal.me/J3YC33

                                  1 Reply Last reply
                                  0
                                  Reply
                                  • Reply as topic
                                  Log in to reply
                                  • Oldest to Newest
                                  • Newest to Oldest
                                  • Most Votes


                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  658

                                  Online

                                  32.7k

                                  Users

                                  82.4k

                                  Topics

                                  1.3m

                                  Posts
                                  Community
                                  Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                  ioBroker Community 2014-2025
                                  logo
                                  • Login

                                  • Don't have an account? Register

                                  • Login or register to search.
                                  • First post
                                    Last post
                                  0
                                  • Home
                                  • Recent
                                  • Tags
                                  • Unread 0
                                  • Categories
                                  • Unreplied
                                  • Popular
                                  • GitHub
                                  • Docu
                                  • Hilfe