Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill lĂ€uft aus ?
    apollon77A
    apollon77
    48
    3
    8.9k

  • MonatsrĂŒckblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.3k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.4k

3D Animation mit Sweet Home in VIS

Geplant Angeheftet Gesperrt Verschoben Visualisierung
31 BeitrÀge 7 Kommentatoren 3.4k Aufrufe 7 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antworten Letzte Antwort
        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 Offline
          BananaJoeB Offline
          BananaJoe
          Most Active
          schrieb am zuletzt editiert von
          #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 Antwort Letzte Antwort
          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
            schrieb am zuletzt editiert von
            #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 Antwort Letzte Antwort
            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
              schrieb am zuletzt editiert von
              #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 Antwort Letzte Antwort
              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 Offline
                BananaJoeB Offline
                BananaJoe
                Most Active
                schrieb am zuletzt editiert von
                #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 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                  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 Offline
                    BananaJoeB Offline
                    BananaJoe
                    Most Active
                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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 Offline
                        BananaJoeB Offline
                        BananaJoe
                        Most Active
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        0
                        • Jey CeeJ Online
                          Jey CeeJ Online
                          Jey Cee
                          Developer
                          schrieb am zuletzt editiert von
                          #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 Antwort Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von
                              #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 Antwort Letzte Antwort
                              0
                              Antworten
                              • In einem neuen Thema antworten
                              Anmelden zum Antworten
                              • Älteste zuerst
                              • Neuste zuerst
                              • Meiste Stimmen


                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              625

                              Online

                              32.4k

                              Benutzer

                              81.6k

                              Themen

                              1.3m

                              BeitrÀge
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                              ioBroker Community 2014-2025
                              logo
                              • Anmelden

                              • Du hast noch kein Konto? Registrieren

                              • Anmelden oder registrieren, um zu suchen
                              • Erster Beitrag
                                Letzter Beitrag
                              0
                              • Home
                              • Aktuell
                              • Tags
                              • Ungelesen 0
                              • Kategorien
                              • Unreplied
                              • Beliebt
                              • GitHub
                              • Docu
                              • Hilfe