【Wyn 8.0 】3D 场景与图表交互增强：点击高亮、聚焦模型更多自定义行为

收藏

本帖最后由 KarenGao 于 2024-7-24 11:20 编辑

背景介绍
随着科技的不断进步，3D可视化技术逐渐成为工业领域的研究热点。在数字世界中创建物理实体或系统的虚拟模型，以便模拟、监控、预测和优化其性能，3D可视化数字孪生通过整合物理模型、传感器数据、运行历史等信息，能够实现实时或近实时的数据交换，从而在虚拟环境中精确地反映物理实体的现状和行为，3D可视化作为一种集成物理模型、传感器数据和高级分析的综合解决方案，能够为企业带来全方位的价值，从提升效率和减少成本，到促进创新和增强竞争力，是企业数字化转型的关键组成部分；

应用场景
Wyn V8.0对3D场景进一步增强，满足企业3D场景交互式分析的需求，不仅仅可以通过3D可视化实时展示物理世界情况，同时可以结合2D的图表进行交互式分析。例如，用户通过触屏，点击2D图表，可以聚焦到3D场景的某个物体，同时进行数据传递，也可以点击3D场景的物体，查看具体设备的2D图表分析数据，可以实现从更多维度对物理世界的物体进行分析预警，优化流程，从而提升效率；

功能介绍
下面来具体给大家介绍一下Wyn V8.0版本所带来的3D场景与大屏交互分析增强的功能，话不多说，上干货；
image.png188978270.png

1.点击2D图表与3D场景进行交互

场景：当嵌入3D场景到大屏后，分析过程中，用户点击图表上的某个柱子或者数据，想要与3D场景联动并聚焦在某个视角；比如我在图表上选中车间1，与模型的车间1交互并聚焦，同时"车间1"这个数据能够传递到模型里触发一些其他行为;

应用1：通过仪表板图表点击触发3D场景模型节点聚焦

上传3D模型，创建3D场景，并且给模型节点进行重命名

然后给对应的模型节点配置聚焦时的相机视角，选择节点聚焦，然后鼠标到期望的聚焦位置，应用编辑器相机位置即可

给对应的节点配置好聚焦的位置后，然后场景设置添加自定义脚本

const selectedMake = args.selections[0];
console.log(selectedMake)
if(selectedMake.部位){
sceneData.focusNode(selectedMake['部位']);
}

复制代码

这个脚本就是获取到仪表板图表绑定的数据，然后获取到数据字段的值，去聚焦对应字段值的模型节点

保存场景之后，在仪表板使用，然后添加图表绑定数据，图表添加左键命令

这块的示例是仪表板的图表的数据部位字段的值跟模型节点的值是一致的，然后添加了左键触发3D场景的模型聚焦脚本

预览即可看到实现效果

应用2：通过仪表板图表点击触发3D场景模型节点高亮或者显示隐藏[size=14.6667px]
配置方式原理跟应用1一致，脚本方法不同

console.log(sceneData)
const selectedMake = args.selections[0];
if(selectedMake.部位){
sceneData.highlightNode(selectedMake['部位']);
}

复制代码

实现效果：

对于仪表板上的图片组件或者按钮组件，本身没有绑定数据集，希望可以触发3D场景的脚本，可以配置传递json数据，通过传递的json数据跟模型场景联动
image.png631771239.png

Wyn V8.0版本增强了仪表板和3D场景的交互行为之后，可以实现更多的应用场景，不仅仅上面演示的两个，也还可以实现比如高亮和聚焦结合，或者点击聚焦，并且隐藏其余模型节点等等更丰富的场景，大家可以尽情的探索；

3D场景跟仪表板2D图表交互分析：【Wyn V8.0】3D场景与大屏交互分析增强-02

		自动登录	找回密码
密码			立即注册

【Wyn 8.0 】3D 场景与图表交互增强：点击高亮、聚焦模型更多自定义行为

0 个回复

活字格认证

活字格高级认证

Wyn高级认证

Wyn认证

微信认证勋章

讲师达人

元老葡萄

悬赏达人