Smarthome 3D Floorplan in Home Assistant (Wall mounted tablet)

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ย. 2024
  • This is my 3d floorplan dashboard build in Home Assistant's Picture Elements card, installed on a wall mounted tablet. I build this floorplan because I got tired of searching and installing a specific app, whenever I want to control a specific device; every time again
    Overall, this video is designed to provide a detailed overview of my smarthome dashboard in Home assistant. By showcasing my setup, I hope to inspire others to create their own 3d floorplan and explore the possibilities of home automation.
    Github: github.com/re-...
    Configuration:
    Home assistant (Yaml mode)
    Design:
    - 3d design Build in Sketchup
    - Rendered with Enscape
    - Edited with photoshop
    - (some of the) animated gifs are created in After Effects
    Hardware:
    - Galaxy Tab s7+
    Thanks to great community of Home Assistant, always willing to help each other out!
    smarthome,3d floorplan,home assistant,tablet,interactive,smart devices,smart home dashboard,Sketchup,home automation,Home Assistant,Enscape,smart home
    Credits:
    Music in video From Uppbeat
    1. uppbeat.io/t/a... (ECOMHUVJTH29JJTR)
    2. uppbeat.io/t/m... (HR1DBVUB9RQKZDWX)
    3. uppbeat.io/t/a... (DWATGLDRQSD0MSN7)
    4. uppbeat.io/t/a... (T8AMX5C7YYG8LPV9)
    5. uppbeat.io/t/m... (UM0Y64KQKIDNHPYB)
    6. uppbeat.io/t/h... (JTTT3DDNENKZTUF5)
    Inspired by HA Dashboard of Luke Vink:
    • Hass.io Floorplan UI w...

ความคิดเห็น • 65

  • @johansmolinski
    @johansmolinski 2 หลายเดือนก่อน +4

    This is the most beautiful thing I've ever seen.

  • @peteyx44
    @peteyx44 ปีที่แล้ว +23

    Not only is the HA impressive, the production work in the video is A+ professional!

  • @tolgamumcu34
    @tolgamumcu34 6 หลายเดือนก่อน +6

    please teach as every step, this is perfect.

  • @techhead-bedhead
    @techhead-bedhead 7 หลายเดือนก่อน +3

    the transition at 50 seconds is unreal XD well done

  • @smartstyler
    @smartstyler  8 หลายเดือนก่อน +11

    Update 03-2023 : I uploaded my repo to github: github.com/re-1st/HA-3d-floorplan
    Thanks for al the great reactions on my dashboard! I have received a lot of requests about some specific configurations or tutorials on techniques i used.
    I have been working working on those but it takes way more time than i thought.. Please know I am currently traveling on the other side of the world, but will continue to get those requests answered when I am back home..I think most of the questions can be answered when i manage to upload my repo to github. So that will be my first priority when i am back. :)

  • @wsjunior
    @wsjunior 6 หลายเดือนก่อน +1

    This is too much perfect to be real..

  • @throwaway9129
    @throwaway9129 8 หลายเดือนก่อน

    this is the most impressive "off the shelf" version of a digital twin ive seen online! even compared to nvidia and other enterprise examples of digital twins, which never show a real life implementation! amazing work!

    • @smartstyler
      @smartstyler  8 หลายเดือนก่อน +1

      Thanks man

  • @makkolino1983
    @makkolino1983 15 วันที่ผ่านมา

    sir, you have my respect

  • @stefdewaal95
    @stefdewaal95 ปีที่แล้ว +2

    Wow, this is the end game!

  • @luizferper
    @luizferper หลายเดือนก่อน

    this is brilliant!

  • @StephanBechert
    @StephanBechert 6 หลายเดือนก่อน

    WOW!!! What an inspiration. Awesome project!

    • @smartstyler
      @smartstyler  6 หลายเดือนก่อน

      thanks mate!

  • @urbexwire7327
    @urbexwire7327 8 หลายเดือนก่อน

    en ik maar blij zijn dat mn eerste automatiseringen in 1x werken 😆😆 ziet er goed uit!!

  • @scstraus
    @scstraus ปีที่แล้ว +2

    Very impressive! Well done!
    😲

  • @user-rn7el4hu6q
    @user-rn7el4hu6q 9 หลายเดือนก่อน +1

    HA should ask u to use this video as ads!!! What amazing Job, the best video I've seen. We (users) have so many questions, could you answer some; 1. What kind of hub did you use (mipc, ha green 😂, so on) 2. Could we tell us what devices did you use? (Cameras reolink, aeotec switch zwave, sonoff light switch, so on). Thank you and you will get a lot of subscribers. Great job 🎉

    • @smartstyler
      @smartstyler  8 หลายเดือนก่อน +2

      Thanks for the kind words. I am working on a a couple of tutorials. And learning on how to publish my repo to github. but it takes a bit more time than I calculated. Definitely planned for Q1 this year

  • @gregvdo
    @gregvdo 10 หลายเดือนก่อน +2

    The end result is definitely the perfect example of how a dashboard should look like.
    Any chance you could share the highlights of the steps and tools you used to get that result in HA? (Not the designing part)
    I get that making a full tutorial could be time consuming 😊

    • @smartstyler
      @smartstyler  9 หลายเดือนก่อน +1

      i will when i find the time! :) Maybe next month when I will have some time off

    • @kasperuza
      @kasperuza 8 หลายเดือนก่อน

      Can you share at least how you built the dashboard? Which tools? Thanks

    • @smartstyler
      @smartstyler  6 หลายเดือนก่อน

      i uploaded my repo: github.com/re-1st/HA-3d-floorplan . I hope it makes any sense 😅

  • @robinpillekers4871
    @robinpillekers4871 ปีที่แล้ว +2

    Dit heb je echt top gedaan ;-)

  • @blox_family3019
    @blox_family3019 ปีที่แล้ว +1

    Impressionante, speriamo in qualche tutorial per la mappa e le animazioni degli oggetti

  • @s3ver4l
    @s3ver4l ปีที่แล้ว +1

    Congrats!! Great Job!

  • @MrHollow
    @MrHollow ปีที่แล้ว +4

    Dude this dashboard is so impressive. Can you make a basic tutorial on how to make it?

    • @smartstyler
      @smartstyler  ปีที่แล้ว

      thanks mate.thanks mate. with a complete tutorial i don't think can really highlight each aspect. (and would also take me too long to make ;) ) What part would you like me to do a tutorial on?

    • @JeevaDotNet
      @JeevaDotNet ปีที่แล้ว +2

      @@smartstyler why not make a series?

    • @basvoskamp856
      @basvoskamp856 ปีที่แล้ว

      @@JeevaDotNet will give this a thought. not a bad idea :)

    • @TorikFPV
      @TorikFPV 13 วันที่ผ่านมา

      @@smartstyler I think that if you will make a series for patreon or subscribers you will make a lot of money! Everyone is interested in this project and personaly I will pay for it!

  • @tedev
    @tedev ปีที่แล้ว +9

    is there a chance for a video tutorial for making this? this is very nice

    • @smartstyler
      @smartstyler  ปีที่แล้ว +1

      thanks man. What part would you like me to do a tutorial on?

    • @tedev
      @tedev ปีที่แล้ว +3

      @@smartstyler can you make a video tutorial with your garden for example? sketchup / 3d render / placement / colors / animations? i am getting that the garden is the easiest? thank you!

    • @tedev
      @tedev ปีที่แล้ว +2

      @@smartstyler what happened to the video tutorials? any news? :)

  • @sparkymark75
    @sparkymark75 ปีที่แล้ว +1

    Amazing job on this. I'm just getting started with Home Assistant so this seems like a pipe dream currently but I'm loving the experimenting so far. Can I ask what control you used for controlling your lights? The slider that also pops out with a colour picker.

  • @karimbennani8319
    @karimbennani8319 ปีที่แล้ว +1

    geniaal 🙌🙌

  • @1d9d5k6
    @1d9d5k6 6 หลายเดือนก่อน

    Outstanding

  • @martinzipfel7843
    @martinzipfel7843 8 หลายเดือนก่อน

    Awesome Dashboard. A how to or at least overview video would be incredible.

    • @smartstyler
      @smartstyler  8 หลายเดือนก่อน

      Thanks. I am working on a a couple of tutorials but it takes a bit more time than I calculated. Definitely planned for Q1 this year

  • @miguel2881FFM
    @miguel2881FFM 6 หลายเดือนก่อน

    Wow, this is absolutely amazing. You've truly inspired me. My floor plan is now complete, but I'm curious about which cards you used below?

    • @smartstyler
      @smartstyler  6 หลายเดือนก่อน +1

      Thanks, man. I just uploaded my repository to GitHub; hopefully, that will explain some of your questions.,.,
      github.com/re-1st/HA-3d-floorplan

  • @asiabalawender5642
    @asiabalawender5642 9 หลายเดือนก่อน

    Epic! Amazing Job!

  • @DheerajSinghal02
    @DheerajSinghal02 4 หลายเดือนก่อน

    How to do it. Please make a video series

  • @VemInvestir
    @VemInvestir 6 หลายเดือนก่อน

    just only one word, HOW ?????? how do you change lights, and the image changes too ????

    • @smartstyler
      @smartstyler  6 หลายเดือนก่อน

      i just uploaded ,my configuration to github. github.com/re-1st/HA-3d-floorplan
      Hopefully that will answer some of your questions. :)

  • @thomokx1252
    @thomokx1252 8 หลายเดือนก่อน

    Wow indeed very impressive.... I would like to see how you did style this in sketchup... Did you load existing 3D components from a library and added these in your drawing? it is super realistic.... Can you show how you did that?

    • @smartstyler
      @smartstyler  8 หลายเดือนก่อน +1

      Thanks! Yes, 85-90 % of the 3d models were existing components. Most I downloaded from the 3d warehouse (These are all free from community. ) and I also took a few from the included library of Enscape. So like 10% of the models I made myself but that took me way too much time 😅
      I am not planning on doing specific SketchUp tutorials because I think there is already great variety of sketchup tutorials on YT from people with way more expertise than I have :)
      Take a look at 'TheSketchUpEssentials' for example.
      I may do one video about some specific rendering settings you need to follow, for getting best results with your floorplan though. Especially the coloured lights took me quite a bit of time to get right.

  • @Paixarell
    @Paixarell 7 หลายเดือนก่อน

    Brutal

  • @nelsog5962
    @nelsog5962 5 หลายเดือนก่อน

    Hi 👋, is it possible for you to make a video by which of the fact and detail the procedure it can allow me to modify things in relation to my apartment not knowing where to start and or apply the changes

    • @nelsog5962
      @nelsog5962 5 หลายเดือนก่อน

      And also GOOD JOB THAT’S AMAZING

  • @trixxter1111
    @trixxter1111 9 หลายเดือนก่อน

    Heel gaaf! waar heb je de GIFs vandaan voor de rook uit de bbq, muziek uit de speakers, en lucht uit de airco?

    • @smartstyler
      @smartstyler  9 หลายเดือนก่อน

      thnx! die gifs heb ik zelf gemaakt in after effects. Of nouja "zelf"...
      Zoek bijvoorbeeld op YT op " green screen stock footage [+ wat je wilt animaten ]
      "Replace color" van groen naar zwart, en exporteer dat als GIF .
      In je picture elements-card. plaats je dan een conditional afbeelding met
      style:
      mix-blend-mode: lighten
      Maar ik kan de gifs ook naar je opsturen als je wilt. Laat maar weten!

    • @mima3099
      @mima3099 8 หลายเดือนก่อน

      ​@@smartstylerhi, would be great to have These animations. could you post them or send them with PN?
      thx a lot for this Inspiration!

    • @smartstyler
      @smartstyler  6 หลายเดือนก่อน

      check de map "/ui/ui_img" in mijn repo: github.com/re-1st/HA-3d-floorplan

  • @fabriziogagliardoni6863
    @fabriziogagliardoni6863 7 หลายเดือนก่อน

    hi how can I install a dashboard like yours? Thank you

    • @smartstyler
      @smartstyler  6 หลายเดือนก่อน

      i uploaded ,my configuration to github. github.com/re-1st/HA-3d-floorplan
      Hopefully that will help you a bit

  • @smarthomesmart
    @smarthomesmart 3 หลายเดือนก่อน

    tutorial please...!!

  • @csgrullon
    @csgrullon ปีที่แล้ว +1

    Do you have a github repo or could you share your config file?

    • @smartstyler
      @smartstyler  ปีที่แล้ว +2

      not yet. i have to figure out how to do this, probably next week!

    • @KathouQC
      @KathouQC ปีที่แล้ว +1

      @@smartstyler Amazing work! Did you have the github repo?

    • @roan98
      @roan98 9 หลายเดือนก่อน

      @@smartstyler Can I find this somewhere on Github already?

    • @smartstyler
      @smartstyler  9 หลายเดือนก่อน +2

      sorry, the last few months i didnt had any time to figure this out. If someone could guide me how to do this, i will be happy to do.

    • @smartstyler
      @smartstyler  6 หลายเดือนก่อน +1

      github.com/re-1st/HA-3d-floorplan sorry for waiting but here it is! :)

  • @amrmagdy_smarthome
    @amrmagdy_smarthome ปีที่แล้ว

    Great, what is router kind?

    • @smartstyler
      @smartstyler  ปีที่แล้ว

      thanks! i've got an RT-AX89X now.