Replies: 4 comments 19 replies
-
|
Here's the render from SH3D
|
Beta Was this translation helpful? Give feedback.
-
|
tsx-5 I wrote to you that the video is for advanced users mainly because it's not "how do I write a clean video (jumps between new and old, uses an old version of Inkscap, etc.)".
In Inkscape, add to the images through the XML Editor add as shown in the image (HA link local path to the files) for each image separately.
|
Beta Was this translation helpful? Give feedback.
-
|
Hi again! Here is a link to my files and settings: |
Beta Was this translation helpful? Give feedback.
-
|
Excellent job Trzinka - hopefully I can be as useful to you one day, as you are useful to me today. One question for you... How do you have your overlay images actually show up in the floor plan? I have areas setup; can hover over them and see info, click to turn on and off lights, and have the outline of the area change colors based on the on/off state. but the actual images tied to an overlay aren't showing up - and I don't see any errors when I "inspect" the webpage. I looked over your code and can't see what drives the images to be loaded. Could you point that section out? Thanks again, |
Beta Was this translation helpful? Give feedback.
-
Hi!Sorry for being late, but I am preparing an update #411 where I will (at least I hope) show and explain the process in more detail.
If I understood you correctly, the pictures of the rooms are not displayed when the light is on!
Check back in a while or on the go but it will be updated!! |
Beta Was this translation helpful? Give feedback.
-
It is done!
|
Beta Was this translation helpful? Give feedback.
-
|
https://www.youtube.com/playlist?list=PLNaeA0iHcKdQIfb0TjdS93yqvXJHjTb45 Maybe even the clock when you render: |
Beta Was this translation helpful? Give feedback.
-
|
I would remove the yard with the pillars from the picture, because in all probability you are not controlling anything there. External lights can be solved differently. You can also install "Google Dark Theme" in HACS under Frontend (my choice for the floor plan card), if you are a little more skilled, download the "Your Name" (my default theme) theme and adjust it to your favorite colors or "Google Theme - Based on the Android light and dark interface"! |
Beta Was this translation helpful? Give feedback.
-
|
I definitely look forward to your suggestion on how to address external lights... As I do have a camera and 2 sets of lights I would like to control in this area. |
Beta Was this translation helpful? Give feedback.
-
;=))) I haven't gotten to the cameras yet, because there are several solutions (I wish it would work).I will look for a solution myself in the sense that it shows me the video only if the camera detects movement (on the left and right side of the screen)!If you have time, take a look at this page (in Slovenian) where there are examples of different effects. (there's a lot of it) https://www.trzinka.si/Trzinka/ |
Beta Was this translation helpful? Give feedback.
-
Visit this link!
|
Beta Was this translation helpful? Give feedback.
-
|
Definitely have been visiting your link - lots of great help. Still working to get my setup straight (work getting in the way of working on this). Do have a question you don't note - I'm assuming you made your floorplan in SweetHome 3d. Did you have to crop out the extra area around the house in another app (say like GIMP), before bringing it into Inkscape? |
Beta Was this translation helpful? Give feedback.
-
|
That would be smartest as you can reduce the size of it slightly. I also used Gimp to crop out the light in images and then played with the opacity to get the blending right (I have light spilling between rooms). From there I knew how to layer it in Inkscape and what opacity level to set (if it was different to the standard I was using) |
Beta Was this translation helpful? Give feedback.
-
|
Thanks OzGav, With GIMP I note you can crop all your images at once (import them all as layers) but it's not clear to me how to save them back to individual PNG's. Did you use that function yourself? |
Beta Was this translation helpful? Give feedback.
-
|
Played with it a bit - and figured it out :-) |
Beta Was this translation helpful? Give feedback.
-
|
Yes, unlike you, I really have enough time.Yes, I made the floor plan in SweetHome 3d. (I'm not mentioning this because there are really many videos on this topic on YouTube)Yes, I first added transparency and then cut out the area around the house in GIMP, and since SweetHome 3d adds edges around the house when rendering, I also cropped the entire image to the size of the house, because I prefer to edit it via CSS.Yes, I then transferred the images to Inkscape.Maybe take a look on this Q&A page with the filter author: Trzinka in the search field, the other problems I encountered, because I don't know if I turned everything on in #411 |
Beta Was this translation helpful? Give feedback.
-
So,
I've got a basic floorplan for my basement working (I have 3 floors in my house). It's ok, but looking at other examples - It could be better. Thus, I'd like to ask for assistance again. I've included my SVG to help with my questions...
The first question I have is about the quality of the render, for some reason it doesn't seem as good as some of the examples I've seen online or in this group... But I can't put my finger on what is off. I'd love thoughts on that.
The 2nd question is regarding the how I've broken this basement out. If you look at the SVG, you'll see that I broke it into several different "areas". Most of these areas are not broken apart by walls. However, I've created overlays matching up to these virtual "rooms". That has caused the whole basement to have overlays that intersect with each other in open spaces... It seems to me to be a bit off, but I thought I'd ask if that's the correct way to do it. If it is not the correct way to do it... What would be a better way to approach it? If it is the correct way, how do I tackle opacity where the virtual boundaries meet?
Looking forward to your suggestions, and express my gratitude in advance,
Beta Was this translation helpful? Give feedback.
All reactions