【乐吾乐3D可视化组态编辑器】3D场景与大屏通信

乐吾乐大屏可视化可以实现大屏页面与内嵌2d/3d场景相互通信,底层原理是利用了iframe通过postMessage发送消息。

3D组态编辑器地址:3D可视化组态 - 乐吾乐Le5le

大屏组态编辑器地址:大屏可视化设计器 - 乐吾乐Le5le

下面以3d场景为例,实现步骤如下:

一、3D场景设置

1.为对象设备新建交互事件

2.类型选择“接受窗口消息后”,消息名可以自己定(不要过于简单,以免和内置的消息冲突),这里叫做“3d-message”。

3.配置好交互后保存场景方案

二、大屏设置

1.将保存好的3D方案拖入大屏编辑器舞台中

2.进入系统资源-控件模块,选择按钮控件拖入场景内

注:要将按钮控件放置在大屏中可操作区域(毛玻璃模糊部分)

3.选中按钮控件右侧新建交互事件,动作类型选择向场景发送消息,场景对象为保存好的3D场景对象”iframe“,消息名为3d-message“

4.设置完毕后,锁定场景退出编辑模式,点击按钮,完成跨屏通信交互

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-09 12:46:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-09 12:46:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-06-09 12:46:01       82 阅读
  4. Python语言-面向对象

    2024-06-09 12:46:01       91 阅读

热门阅读

  1. 贪心算法详解

    2024-06-09 12:46:01       30 阅读
  2. 自然语言处理(NLP)—— rasa的测试

    2024-06-09 12:46:01       25 阅读
  3. 支持向量机(SVM): 从理论到实践的指南(1)

    2024-06-09 12:46:01       29 阅读
  4. Web前端Text:深入解析与实践应用

    2024-06-09 12:46:01       30 阅读
  5. 多关键字排序

    2024-06-09 12:46:01       28 阅读
  6. opencv

    opencv

    2024-06-09 12:46:01      31 阅读
  7. HTML5表单元素:重塑数据收集的艺术

    2024-06-09 12:46:01       31 阅读
  8. 面试高频问题----6

    2024-06-09 12:46:01       34 阅读
  9. ssh版本升级

    2024-06-09 12:46:01       30 阅读
  10. 二叉树小结

    2024-06-09 12:46:01       27 阅读