找回密码
 立即注册

微信扫码登录

搜索
查看: 2282|回复: 183

[UI界面] 【开篇 - 基本介绍】基于picture-elements的3D动态户型图(抛砖慢更)

 火... [复制链接]

4

主题

79

回帖

508

积分

高级会员

积分
508
金钱
425
HASS币
0
发表于 2026-1-4 21:59:53 | 显示全部楼层 |阅读模式
本帖最后由 moe1983 于 2026-1-15 11:23 编辑

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

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






评分

参与人数 1金钱 +12 收起 理由
冬瓜HA + 12 论坛有你更精彩!

查看全部评分

回复

使用道具 举报

4

主题

79

回帖

508

积分

高级会员

积分
508
金钱
425
HASS币
0
 楼主| 发表于 4 天前 | 显示全部楼层
第二部分,是关于设计户型图的内容,详见【更新2 - 户型篇】基于picture-elements的3D动态户型图
https://bbs.hassbian.com/thread- ... 家居技术论坛)
回复

使用道具 举报

7

主题

84

回帖

553

积分

高级会员

积分
553
金钱
462
HASS币
0
发表于 2026-1-4 23:12:12 | 显示全部楼层
总感觉很难做
回复

使用道具 举报

0

主题

71

回帖

371

积分

中级会员

积分
371
金钱
300
HASS币
0
发表于 2026-1-4 23:15:55 | 显示全部楼层
感谢楼主分享
回复

使用道具 举报

0

主题

25

回帖

259

积分

中级会员

积分
259
金钱
234
HASS币
0
发表于 2026-1-4 23:24:58 | 显示全部楼层
666666666666666666
回复

使用道具 举报

3

主题

360

回帖

3802

积分

论坛元老

积分
3802
金钱
3439
HASS币
0
发表于 2026-1-4 23:51:58 | 显示全部楼层
学习下先
回复

使用道具 举报

kndo 手机认证

3

主题

59

回帖

845

积分

高级会员

积分
845
金钱
783
HASS币
0
发表于 2026-1-5 00:19:20 | 显示全部楼层
效果太多在老设备上会不会卡
回复

使用道具 举报

8

主题

513

回帖

3864

积分

论坛元老

积分
3864
金钱
3343
HASS币
5
发表于 2026-1-5 00:48:36 | 显示全部楼层
看看怎么个事
回复

使用道具 举报

4

主题

79

回帖

508

积分

高级会员

积分
508
金钱
425
HASS币
0
 楼主| 发表于 2026-1-5 00:53:03 来自手机 | 显示全部楼层
kndo 发表于 2026-1-5 00:19
效果太多在老设备上会不会卡

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

使用道具 举报

0

主题

9

回帖

173

积分

注册会员

积分
173
金钱
164
HASS币
0
发表于 2026-1-5 01:50:03 | 显示全部楼层
看看怎么样
回复

使用道具 举报

3

主题

76

回帖

653

积分

高级会员

积分
653
金钱
574
HASS币
0
发表于 2026-1-5 01:50:19 | 显示全部楼层
学习学习
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian ( 晋ICP备17001384号-1 )

GMT+8, 2026-1-19 17:24 , Processed in 1.528436 second(s), 15 queries , MemCached On.

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表