【乐吾乐3D可视化组态编辑器】3D场景与大屏通讯
乐吾乐大屏可视化可以实现大屏页面与内嵌2d/3d场景相互通讯，底层原理是利用了iframe通过postMessage发送消息。3D组态编辑器地址：3D可视化组态 - 乐吾乐Le5le
大屏组态编辑器地址：大屏可视化设计器 - 乐吾乐Le5le
下面以3d场景为例，实现步调如下：
一、3D场景设置
1.为对象设备新建交互事件
https://img-blog.csdnimg.cn/img_convert/965dae9b3de4fd0ead19fe822cb51900.png
2.类型选择“接受窗口消息后”，消息名可以自己定（不要过于简单，以免和内置的消息辩说），这里叫做“3d-message”。
https://img-blog.csdnimg.cn/img_convert/0835442fefe0d60137cc2f24979f1832.png
3.设置好交互后保存场景方案
https://img-blog.csdnimg.cn/img_convert/2abd330b4b57fe2f603cd29e06a6cce5.png
二、大屏设置
1.将保存好的3D方案拖入大屏编辑器舞台中
https://img-blog.csdnimg.cn/img_convert/0b5aa602e66aa8a91783539dc59254a0.png
2.进入系统资源-控件模块，选择按钮控件拖入场景内
https://img-blog.csdnimg.cn/img_convert/f0996dfe6862ef42af6553ff17ec7546.png
注：要将按钮控件放置在大屏中可操纵地区（毛玻璃模糊部分）
https://img-blog.csdnimg.cn/img_convert/f4aa4f8b7cf6343b1eef44f71613d7d2.png
3.选中按钮控件右侧新建交互事件，动作类型选择向场景发送消息，场景对象为保存好的3D场景对象”iframe“，消息名为3d-message“
https://img-blog.csdnimg.cn/img_convert/4095875143633399efdff6c32262d30c.png
4.设置完毕后，锁定场景退出编辑模式，点击按钮，完成跨屏通讯交互
https://img-blog.csdnimg.cn/img_convert/a6a8dd98653fdcb5e431a76066955a95.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]