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
    2.8k

  • 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.6k 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

    @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 Offline
    I Offline
    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 Offline
        I Offline
        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 Offline
              I Offline
              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 Offline
                  I Offline
                  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 Offline
                      I Offline
                      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

                              353

                              Online

                              32.6k

                              Users

                              82.3k

                              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