【开篇 - 基本介绍】基于picture-elements的3D动态户型图（抛砖慢更）

moe1983

    太忙了，好几年没来论坛了，最近折腾了一下蜗居户型的UI，主要是方便手机上直观展现和控制（老婆孩子老人家），所以UI以竖屏为主。内容可能有点杂乱，也没太多时间经常更新，想到哪就写到哪吧，大家有兴趣的话，后续会陆续说一下思路，但更新的很慢，这里只是抛砖引玉，希望大佬们多给建议，轻喷。

    目前实现的几个功能：
    1、3D户型图（基于酷乐家、PS）
    2、全屋雷达多人定位（基于LD2410、2450、2460，子擎lite，后续可能会增加LD6002）
    3、环境信息（基于光照、温湿度、空气质量等等）
    4、天气信息（基于SUN卡片数据、雨量传感器、天气数据等等）
    5、UI效果：
    （1）雷达目标移动
    （2）动态阳光模拟（静态图片、动态亮度和部分色温）：日出、早晨、中午、下午、黄昏、夜晚、深夜，区分晴、云、雨三种场景
    （3）动态星空模拟：闪烁、移动、流星三种模式
    （4）动态下雨模拟：微雨、中雨、暴雨三档
    （5）常见设备模拟：开关门、开关灯、开关电视、空调、烧水壶等等
    6、参数化设置：例如背景光线、灯光亮度/渐变时长、太阳角度判断、天黑判断等等
    先上几个效果图吧（动态图不会弄，大家先脑补哈哈）：
  
    用到的几个组件：picture-elements、card-mod、decluttering-card、button-card、config-template-card
    设备主要是基于ESPHOME、ZIGBEE、米家
    花时间比较多的是户型图设计，一是要比较精准以便雷达准确定位；二是光效，对开关门、开关灯、阳光角度都要弄一次，当然光线效果是叠加上去的。还有就是3D图的雷达定位比较麻烦，要视觉修正（强迫症）。
    今天先写这么多吧，后续再整理一下思路。

moe1983

第二部分，是关于设计户型图的内容，详见【更新2 - 户型篇】基于picture-elements的3D动态户型图
https://bbs.hassbian.com/thread- ... 家居技术论坛)

pomans

总感觉很难做

lts1977

感谢楼主分享

2442721096

666666666666666666

iamhyde

学习下先

kndo

效果太多在老设备上会不会卡

Midnight

看看怎么个事

moe1983

kndo 发表于 2026-1-5 00:19
效果太多在老设备上会不会卡

有可能，目前想到的可以减轻负担的几个方法：1.压缩图片。 2.多用conditional尽量别用visibility，减少无效渲染。 3.设置动态效果开关，在老设备上关闭。 4.对雷达等高频数据采用单独芯片计算。5. 换一个好点的设备🤣

kim1009

看看怎么样

Zuray

学习学习