给大家推荐个牛逼的3D显示卡片

Sonny_Yin

最近一周在HACS里面发现一个好玩的3D插件，给大家推荐一下。该卡片使用three.js脚本在网页端重建显示3D模型，加上模型与设备的绑定，实现灯光、门、服务等各种控制效果。
项目地址：https://github.com/adizanni/floor3d-card
目前作者还在不断完善中，借助sweet home 3D软件，sketchUP，3Dmax自己建模导出，然后卡片调用，效果很炫。感兴趣的大家可以一起交流学习。
附件是我自己用sweet home 3d制作的自己家的模型，模型还在完善中。供大家欣赏一下这个卡片的强大功能。
整体效果：



开灯后效果：







WeChat_20210902225420.mp4 (2.74 MB, 下载次数: 307)

2021-9-2 22:55 上传

点击文件名下载附件
手机端展示

Sonny_Yin

别光看图，看视频的动态效果，有价值的话给个赞吧！

Sonny_Yin

tangxingjie1991 发表于 2021-9-3 16:02
之前用过，但是元素一多加载速度太慢，而且卡顿，后面就放弃了

不开shadow就好了，开了阴影速度确实很慢，模型加载就看你网络上传给不给力了，我这公网IP，上传6M左右，基本上5秒加载完毕，模型有20多兆了

Sonny_Yin

mildrabbit 发表于 2021-9-4 10:37
做了一个卡片，但很小，不能全屏怎么弄？请教。
我的目前这种小卡片的效果。。

你新建标签页的时候选这个

Sonny_Yin

lexcao 发表于 2021-9-4 10:10
光照效果如何实现？

去看下作者的2个demo视频你就知道了哦