Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. 3D Wohnungsgrundriss mit Sweet Home 3D - das beste?

    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

    3D Wohnungsgrundriss mit Sweet Home 3D - das beste?

    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      BausSH @mickym last edited by

      @mickym Wo hast du die Symbole für Lampen Plugs und Heizung her? Selbst erstellt oder gibt es die irgendo?

      D mickym 2 Replies Last reply Reply Quote 0
      • D
        dtp @BausSH last edited by

        Ich würde auch keine Möbel darstellen. Wenn man mal umräumt, muss man das ja jedesmal wieder anpassen. Und wenn ich daran denke, wie oft wir bei uns im Haus schon umgeräumt haben. 😉

        1 Reply Last reply Reply Quote 0
        • mickym
          mickym Most Active @BausSH last edited by mickym

          @BausSH Nein das sind alles importierte Bibliotheken: http://www.sweethome3d.com/de/importModels.jsp#ModelsLibraries

          Ich habe gerade nachgeschaut:

          Für die Möbel habe ich diese importiert: 3DModels-Contributions-1.7.1
          Für die Texturen diese: Textures-Contributions-1.2

          Insofern ist auch die Möbeldarstellung nur eine symbolische in Etwa Darstellung - aber nicht die Realität. 😉

          Ich habe auch mal ein kleines Video gemacht - wie man dann die Lampen in der Nacht animieren kann - habe aber keine Ahnung wie ich das hier teilen kann - ohne das ich irgendwo eigenen Webspace zur Verfügung stelle. Das rendern der Fotos dauert aber ewig - und für jemand der oft viel ändert - lohnt sich wie schon erwähnt der Aufwand wohl nicht.

          1 Reply Last reply Reply Quote 0
          • mickym
            mickym Most Active @extbingh last edited by mickym

            So schaut das Ganze dann übrigens nachts animiert aus - je nachdem welche Lichter an sind. Hier kann man aber nur die gängigsten Szenarien abbilden - da es ja x Tausend Kombinationen = Bilder gibt.

            screen.png

            Als nächstes müssen dann Dialog eingebaut werden und noch Filter um die Anzahl der Icons ggf. manuell oder automatisch zu filtern. Aber wie gesagt momentan habe andere Dinge Prio.

            B Bastian Lahrmann Kusselin 3 Replies Last reply Reply Quote 1
            • B
              BausSH @mickym last edited by

              @mickym Super, vielen Dank. Dann werde ich mich wohl noch etwas mit Sweet Home auseinandersetzen. Ich war schon glücklich, eine 3D-Ansicht meines Hauses zu haben. Aber war du da gezaubert hast, ist eine ganz andere Liga 🙂

              1 Reply Last reply Reply Quote 0
              • Bastian Lahrmann
                Bastian Lahrmann @mickym last edited by

                @mickym
                Hi, ich habe den Thread gerade gefunden. Wie machst du das in der Vis mit den Lichtquellen? Wie wird das animiert? Gehst du pro Lichtquelle quasi auf eine andere Vis-Seite?

                mickym 1 Reply Last reply Reply Quote 0
                • mickym
                  mickym Most Active @Bastian Lahrmann last edited by mickym

                  @bastian-lahrmann

                  Das ist ziemlich aufwändig. Ich habe quasi für die gebräuchlichsten Lichtkombinationen ein eigenes Bild. Ist aber alles die gleiche Bildseite im vis.

                  Im Moment ist ja auch Tag - deswegen sieht man im Moment auch nur die Tagesansicht.

                  Das Ganze funktioniert mit einem einzigen Widet als Hintergrund:

                  3cd27aed-9eef-4db5-849c-a863425ae2b7-image.png

                  Diesem String string im src Widget. Das verweist auf einen Datenpunkt und da steht dann drin, welche png Datei angezeigt werden soll.

                  Welches Bild angezeigt werden soll, habe ich einfach als Bitzahl verschlüsselt und berechne das mit meiner Logikmaschine (bei mir NodeRed, geht aber auch mit Java und Blockly).

                  Für meine 15 Lampen habe ich mir dann so ein Bitmatrix erstellt im Excel und das wird dann automatisch berechnet und falls vorhanden das passende Bild in den Datenpunkt geschrieben:

                  84ba14d6-8908-428c-adb1-518cb02e37d3-image.png

                  Bei diesen 3 Lichtern also eine png Datei mit Nr. 259 - aber wie gesagt alle Kombinationen sind quasi nicht möglich:

                  Hier dann das Beispiel mit 259 - für ein Video ist wahrscheinlich nicht genügend Platz - aber ist schon ganz schön, wenn die Lichter wie von Gespensterhand an und aus gehen. Ist aber echt aufwändig und der PC braucht ja auch für jedes einzelne Bild ca. 5 Minuten zum Berechnen (einmalig mit dem Sweet HOme 3D) - also nicht zur Anzeige - das geht super flüssig:

                  GR-1366-1004-NA-259.png

                  und quasi für jede Auflösung. 😉

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

                    Das Umzurechnen von der entsprechenden Lampe habe ich im NodeRed mit einer Function Node gemacht, ist also ein Javascript - dass Du natürlich mit leichter Anpassung auch direkt mit dem Javascript Adapter verwenden kannst.

                    Hier mal der Code:

                    var x;
                    var obj = msg.payload;
                    var code = 0;
                    
                    for (x in obj) {
                    
                    var val=0;
                    
                        switch(x) {
                            case "wohnzimmer/tischlampe":
                                val = obj[x] ? 1 : 0;
                                break;
                            case "wohnzimmer/vitrine":
                                val = obj[x] ? 2 : 0;
                                break;
                            case "tv":
                                val = obj[x] ? 4 : 0;
                                break;
                            case "wohnzimmer/deckenleuchten":
                                val = obj[x] ? 8 : 0;
                                break;
                            case "wohnzimmer/esstisch":
                                val = obj[x] ? 16 : 0;
                                break;
                            case "küche/deckenleuchten":
                                val = obj[x] ? 32 : 0;
                                break;
                            case "flur/deckenleuchten":
                                val = obj[x] ? 64 : 0;
                                break;
                            case "diele/deckenleuchten":
                                val = obj[x] ? 128 : 0;
                                break;
                            case "bad/deckenleuchten":
                                val = obj[x] ? 256 : 0;
                                break;
                            case "bad/spiegel":
                                val = obj[x] ? 512 : 0;
                                break;
                            case "monitor":
                                val = obj[x] ? 1024 : 0;
                                break;
                            case "buero/computer":
                                val = obj[x] ? 2048 : 0;
                                break;
                            case "buero/schreibtisch":
                                val = obj[x] ? 4096 : 0;
                                break;
                            case "buero/deckenleuchten":
                                val = obj[x] ? 8192 : 0;
                                break;
                            case "schlafzimmer/bettlampen":
                                val = obj[x] ? 16384 : 0;
                                break;
                            case "schlafzimmer/schrankbeleuchtung":
                                val = obj[x] ? 32768 : 0;
                                break;
                        } 
                     code += val;
                    }
                    
                    msg.payload=code.toString(); 
                    
                    return msg;
                    
                    

                    Oder mit anderen Worten - jede Lampe wird auf true oder false im Datenpunkt gespeichert, das Ganze in ein Objekt verfrachtet und dann quasi codiert.

                    J 1 Reply Last reply Reply Quote 0
                    • AlCalzone
                      AlCalzone Developer last edited by

                      Kennt ihr https://github.com/Excodibur/ioBroker.vis-3dmodel?
                      Damit kann man sich soweit ich weiß, das ganze Pre-Rendern sparen.

                      1 Reply Last reply Reply Quote 1
                      • Kusselin
                        Kusselin @mickym last edited by

                        @mickym sagte in 3D Wohnungsgrundriss mit Sweet Home 3D - das beste?:

                        So schaut das Ganze dann übrigens nachts animiert aus - je nachdem welche Lichter an sind. Hier kann man aber nur die gängigsten Szenarien abbilden - da es ja x Tausend Kombinationen = Bilder gibt.

                        screen.png

                        Als nächstes müssen dann Dialog eingebaut werden und noch Filter um die Anzahl der Icons ggf. manuell oder automatisch zu filtern. Aber wie gesagt momentan habe andere Dinge Prio.

                        Hi, wie funzt das mit dem dynamischen Lampen udn schreibt doch bitte mal wie der Threadersteller wollte:

                        Die Auflösung: xxxx x yyyyy

                        Danke

                        mickym 1 Reply Last reply Reply Quote 0
                        • mickym
                          mickym Most Active @Kusselin last edited by mickym

                          @kusselin Das musst vom Zielgerät abhängig machen. Ich hab das damals für ein 12" iPad gemacht, da war 1366*1004 am Besten um das ohne Ränder und Scrollbalken zu sehen.

                          Wie gesagt das mit den Lampen ist ziemlich aufwändig, da Du für jede Kombi quasi ein eigenes Bild errechnen lassen musst - ich habe es nur für die häufigsten Bilder gemacht und wie das codiert ist habe ich ja unten beschrieben.

                          Die ganzen Dateien sind in einem Verzeichnis gespeichert die Dateinamen wie unten codiert:

                          152dddfd-b1a1-400d-aa06-94fcb88d6e43-image.png

                          Das Ganze ist ein Img-Src Widget, wobei das Bild was angezeigt werden soll in einem Datenpunkt gespeichert ist.

                          4cf3b2aa-99e5-4125-823e-b5141c8322c8-image.png

                          8c44cf85-74a5-4163-8a90-01ad06a92aee-image.png

                          Ich bin zwar an sich nun soweit zufrieden habe dann auch darüber Icons zum Steuern gelegt, aber im Moment ist mir das zu aufwändig da weiter zu machen.

                          Da es gerade Tag ist sieht gibts auch nur ein Bild. Die Icons wurden als Overlay darüber gelegt und die Idee war dann alles intuitiv über Popups zu steuern. Aber wie gesagt - ist das alles auf Eis, weil es mir zu aufwändig ist:

                          c2d3cc90-f627-400e-bb37-dabc36978f8d-image.png

                          adee9551-d927-4d8c-a8af-712c512a205f-image.png

                          Im Moment sind es 13326bce-96f2-4e96-ba7e-96e04b00ae98-image.png

                          149 Bilder - für die gebräuchlichsten Kombinationen. Für die Erstellung eines Bildes kannst Du so 5-10 min rechnen.

                          Falls Du mal von 8 Minuten pro Bild ausgehst, sind das bei 149 Bildern 1192 Minuten oder fast 20 Stunden. Mal schauen, ob Du Dir das antun willst. 😏 😏 😏

                          Aber es schaut schon beeindruckend aus, wenn man sich das so ansieht. 😉

                          Kusselin 1 Reply Last reply Reply Quote 0
                          • Kusselin
                            Kusselin @mickym last edited by

                            @mickym danke Dir für die ausführliche Information und Erklärung Top!

                            mickym 1 Reply Last reply Reply Quote 0
                            • mickym
                              mickym Most Active @Kusselin last edited by

                              @kusselin Hier mal ein kleines Video - wenn ich abends durch die Wohnung laufe. 😉

                              Grundriss Animation.mp4

                              Kusselin 1 Reply Last reply Reply Quote 0
                              • Kusselin
                                Kusselin @mickym last edited by

                                @mickym sieht schon toll aus.. bin gerade am erstellen meines Grundrisses.. aber wenn das solch ein Aufwand ist mit dem „bei Nach“ dann echt Gut Nacht 🙂

                                Ich habe jetzt mal deine Auflösung genommen und die Größe war dann ca. 1,3mb dann hab ich die Datei mal über Dateimanager upgeloaded... leider sehe ich kein 3D Grundriss... was mach ich falsch ?

                                Gruss

                                mickym 1 Reply Last reply Reply Quote 0
                                • mickym
                                  mickym Most Active @Kusselin last edited by

                                  @kusselin Der 3D Grundriss ist immer vorhanden - ist vielleicht nur in dem unteren Fenster

                                  Ob eine Lampe leuchtet oder nicht - geht (da ja schwarz) indem Du sie einfach ausblendest oder falls es nicht nur eine Leuchtquelle, sondern ein Mobilar ist - die Leuchtkraft dann auf 0% setzen:

                                  d1d49cf3-5b41-4779-b717-e48070739cd1-image.png

                                  Um nun die Bilder für VIS zu erstellen - gehst Du in 3D Ansicht und wählst Foto erstellen aus. Wenn es nicht Nacht ist, kann man sogar für den Tag unterschiedliche Bilder erstellen, weil Du kannst sogar die Sonneneinstrahlung je Uhrzeit simulieren. 😉

                                  Ich habs jetzt gerade noch gestoppt - hängt natürlich von der Rechnerleistung ab - hat die Fotoerstellung 5 Minuten gedauert:

                                  e01bd373-48de-47ba-8aaa-b30358f35001-image.png

                                  Ich hab mal die Lichteinstellung so belassen und nur die Uhrzeit geändert. 😉

                                  Hat ca. 3 Minuten länger gedauert - man sieht aber auch gut wie Schatten mitberechnet werden. (Beste Qualität) mit den orangen Marks hab ich mal die Schatten angedeutet.

                                  fd7e591e-6c65-44d8-8e60-5748a893c778-image.png

                                  Kusselin 1 Reply Last reply Reply Quote 0
                                  • Kusselin
                                    Kusselin @mickym last edited by

                                    @mickym ich meine im VIS nicht im Zeichenproggi...

                                    Wie importierst du deinen 3D view in vis?
                                    Gruss

                                    mickym 1 Reply Last reply Reply Quote 0
                                    • mickym
                                      mickym Most Active @Kusselin last edited by mickym

                                      @kusselin Über den VIS Dateimanger lädst Du die Dateien hoch. Der Pfad welches Bild zu laden ist, ist in einem Datenpunkt gespeichert, wie ich das unten beschrieben habe.

                                      Ich hab Dir unten (im Vorposting) ja markiert, welches Widget ich zur Anzeige nutze und unten den Zusammenhang dargestellt.

                                      Es ist unter den Basic Widgets das

                                      9b4db3a0-2c7b-4b8e-a8cc-89f5d2229fdf-image.png

                                      Screenshot vom vis Dateimanager siehst ja auch unten.

                                      Kusselin 1 Reply Last reply Reply Quote 0
                                      • Kusselin
                                        Kusselin @mickym last edited by Kusselin

                                        @mickym sorry wenn ich so blöd frage...wo unten?

                                        Ich dachte, ich lade über den dateimanager hoch mit Upload und dann wenn das Bild geladen ist einfach doppelklick drauf....aber so gehts nicht!!

                                        Achso, ich muss dann für das 3D Bild erst eine leere View erstellen udn dann darein das Widget von dir ziehen und dann da das 3d Bild rein...? Richtig?

                                        Ich habe es im Vorpsot gesehen...danke....bissl schwer für den Anfang....

                                        Wieso muss ich da noch einen datenpunkt anlegen im userdata ordner?

                                        Ich dachte immer bild hochladen und in die erstellte View ziehen udn gut is.....

                                        mickym 1 Reply Last reply Reply Quote 0
                                        • mickym
                                          mickym Most Active @Kusselin last edited by mickym

                                          @kusselin Nein - das macht ja auch keinen Sinn - Du willst doch nicht statisch ein Bild in einem Widget haben. Wenn Du das wirklich nachbilden willst, nimmst Du dieses Widget und gibst unter der Objekt ID den Datenpunkt an, der den Pfad zu dem Bild enthält, was Du laden willst.

                                          Du willst ja dynamisch immer andere Bilder angezeigt haben. Deshalb änderst Du das Bild in dem Datenpunkt. Du kannst dich alles anhand der Screenshots nachvollziehen.

                                          Das Widget, den DP der in der Objekt ID angegeben wurde, den Pfad in dem Datenpunkt, der zum Bild führt. Du siehst außerdem, dass der Pfad bei /vis.0 beginnt.

                                          Nichts ziehen und doppelklicken. 😉

                                          Kusselin 1 Reply Last reply Reply Quote 0
                                          • Kusselin
                                            Kusselin @mickym last edited by

                                            @mickym Haaaalt micky...ich möchte nicht so wie du es gemacht hast mit 350 Einzelbildern für Nacht udn Tag verfahren.....

                                            Ich möchte mein 3D Bild laden und dort dann buttons setzen für lichter usw....verstehst was ich meine?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            799
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            12
                                            32
                                            5729
                                            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