打造专属三维家居模型

guitengyue

大佬技术牛X

skyzhishui

感谢分享，picture elements确实非常强大，可以通过叠加gif来实现一些动态展示。不过就是叠加的图层多了后，在手机上展示会一些卡顿。在这方面lovelace-floorplan会稍微好一些，不过都挺费精力的

chancewoo

有点意思咯

foggy_fox

skyzhishui 发表于 2021-2-19 09:13
感谢分享，picture elements确实非常强大，可以通过叠加gif来实现一些动态展示。不过就是叠加的图层多了后 ...

floor-plan和这个原理感觉差不多，虽然是用svg来做，不过都是通过css来改变图层状态，之前用floor-plan做的图层太大，svg格式20多m，本地控制没问题，远程通过内网穿透就惨不忍睹了。后来调整图片大小后好的多了，5m左右。picture-elements目前还行，外网控制在加载完底图后使用起来没有卡顿情况

foggy_fox

gmshiwoge 发表于 2021-2-19 02:17
今日再修改下 加入两个门磁变成3D开关门效果 隐藏一些开关灯图标 点击电视投影机可以打开 ...

有点酷炫啊

evantalk

foggy_fox 发表于 2021-2-18 20:29
之前用floorplan，制作svg比单单做渲染图要麻烦，但是yaml文件要简洁一些，总体思路都差不多 ...

我再b站刷到你了，已关注

skyzhishui

foggy_fox 发表于 2021-2-19 14:42
floor-plan和这个原理感觉差不多，虽然是用svg来做，不过都是通过css来改变图层状态，之前用floor-plan做 ...

之前用picture-elements做过一个平面图，因为全屋设备基本都接入了，状态变化的图层叠得比较多，PC上还好，性能差一点的手机卡顿就比较明显。svg的话有些矢量图素材尺寸比较夸张，不压缩的话确实够呛，我目前svg保持在300多k，效果还不错。

foggy_fox

evantalk 发表于 2021-2-19 16:43
我再b站刷到你了，已关注

哈哈感谢感谢~

foggy_fox

skyzhishui 发表于 2021-2-19 17:33
之前用picture-elements做过一个平面图，因为全屋设备基本都接入了，状态变化的图层叠得比较多，PC上还好 ...

floor-plan自打升级了一个大版本以后之前那个不能用了我就懒得搞了，新的现在文档还不太全，先拿这个凑合用着，你用的是新版的floorplan吗，现在叫ha-floorplan

skyzhishui

foggy_fox 发表于 2021-2-19 20:50
floor-plan自打升级了一个大版本以后之前那个不能用了我就懒得搞了，新的现在文档还不太全，先拿这个凑合 ...

我用的另外一个版本的叫lovelace-floorplan，应该是同一个作者的，可以直接在lovelace上配置比较直观点。