1. 首页
  2. three.js

three.js智能家居3D网络应用

我想介绍一下这个基于Three.js和gltf进口。我想得到你想法的反馈。GitHubGitHub-homemartmesh/smart\\u home\\u 3d\\u webapp:交互式、3d、视频游戏。。。144n交互式、3d、类似视频游戏、通过web应用程序查看和控制您的家-GitHub-HomeSmartMesh/smart\\u home\\u 3d\\u web应用程序:交互式、3d、类似视频游戏、查看和控制您的家…n我想帮助分享它,因为我觉得许多像我一样的人在开始此类项目之前都会寻找此类示例。na简短描述n查看使用温度传感器实时着色的3d房间模型,单击3d灯泡模型打开真实灯光,同时查看3d模型中打开的灯光,通过查看实际3d窗口模型打开或关闭来查看窗口是否打开,虽然视频游戏已经达到了难以置信的真实感,但智能家居应用程序仍然难以与2D应用程序抗衡。每个物联网设备都建议使用自己的独立应用程序。n该项目的想法非常温和,它没有为家庭自动化提供最好的3d web应用程序,而是收集不同的框架片段,使我们每个人都能够自定义与自己设备的3d交互。n主要思想是在blender中对动画映射到属性名称的项目进行建模(或使用此处提供的现有项目)。感谢.glTF在中的导出和导入three.js, 这些项目通过鼠标点击变得交互式,并从外部事件(如连接到mqtt和色调网关)中更新其属性。n灯光控制n此3d web应用程序连接到与3d应用程序同步变暗的真实灯泡。n灯光变暗724×279 345 KBn所有在GLTF导出之前,直接从混合器进行配置。色光组688×208 20.3 KB在地板颜色上的温度传感器查看每个房间的温度,或者如果暖气打开或关闭,在一个视图中查看整个房间的状态,没有数字,只有颜色。n地板温度1253×521 143 KBn在Blender自定义属性中也配置了mqtt主题nmqtt\\u Blender 867×298 29.3 KBn在最新版本中,我添加了一个提纲效果以提高可用性,因为用户将知道哪些元素实际上是交互的,例如,无法接触到的设备不会显示为活动设备n轮廓效果1102×474 122 KBn此Web应用程序有一个Hackday引用Hackday–19年12月30日随着智能家居产品的不断增加,智能家居获得了额外的维度14n,所有这些都有自己的集线器、协议和API,我们看到了许多DIY项目(以及商业产品),旨在提供一个“…n以了解有关如何工作的更多细节,我创建了另一篇文章,链接到简单的独立示例交互式gltf动画和参数以及鼠标和外部事件资源您好,我想介绍这个项目,它有大约12个独立示例,逐步引入互动概念。在js中硬编码参数更新规则很容易,但必须针对每个对象进行。我的目标是导入三维对象,使其具有开箱即用的交互性。GLTF是一个非常有用的标准,这里是使用自定义参数的补充。上面的[prop_simple]是一个图表中总结的概念。3d对象可以有任何类型的动画,不仅仅是几何图形…n Smart Home 3D web appn

three.js智能家居3D网络应用 为WP2原创文章,链接:https://www.wp2.cn/three-js/three-js%e6%99%ba%e8%83%bd%e5%ae%b6%e5%b1%853d%e7%bd%91%e7%bb%9c%e5%ba%94%e7%94%a8/