WELCOME TO BIG DATA VISUALIZATION
新闻中心
最新的一体化系统新闻资讯 时刻在线 持续服务
CRAFTSMANSHIP TO
CREATE A “SAID” WORKS
CREATE A “SAID” WORKS
使用SDK(MJGL.JS)对3D场景进行鼠标操作(三)
发布于 2022年10月17日
这期文章讲解如何使用我搭世界SDK对3D场景进行鼠标操作,关于相机如何操作3D场景的问题,想了解的小伙伴可以查看上一期的文章。
使用我搭世界SDK对3D场景进行操作,我们要先挂载节点并执行加载场景的方法,如下:
通过上图,我们加载场景的操作已经做好了,接下来我们可以加入鼠标事件,对3D监控设备进行点击。
鼠标操作事件
鼠标左键双击和鼠标右键单击事件的方法,我们把它加在场景加载完成后的回调方法里。
鼠标右键单击事件
在场景里点击了设备,如下:
鼠标左键双击事件
在场景里点击了设备,如下:
MJGL.objectMgr.getModelIdObject 方法是根据模型id获取模型信息。
这个方法有3个参数,参数1:模型id,参数2:是否当前楼层,参数3:是否监控设备。
一般用到这个方法,就是因为我们点击设备的时候,信息不全(_data的数据),就可以用这个方法,来拿到我们想要用到的信息(_item的数据),如下图:
这里鼠标右键单击或鼠标左键双击拿不到点击的设备的名称,通过这个方法,就拿到了点的这个设备的名称。
除了右键设备和双击设备,还有鼠标经过设备的方法,如下图:
鼠标经过
鼠标经过某个监控设备,文字提示
参数1:模型的id,参数2:模型的名称
MJGL.objectMgr.SetObjectTips("X0SvAt4RB0Ap", "温湿度");
还可以设置鼠标经过文字提示的样式
参数1:宽度,参数2:高度,参数3:字体大小
如果要改变提示文字的大小,修改参数3就可以了。
MJGL.render.UIToolTip.Reset(1, 1, 30);
以上,就是鼠标右键单击和鼠标左键双击以及鼠标经过的事件和方法。
建模
三维可视化
3D
相关新闻
- 机房三维建模常用技巧——怎么设置模型...
- 麦景数据中心可视化管理平台版本迭代记...
- 如何制作无缝贴图
- 使用SDK(MJGL.JS)实现温度...
- 推动“数字孪生”城市建设|《广州市数...
- 如何使用编辑器搭建配电、制冷拓扑图
- 智慧档案库房可视化管理平台
- echarts水滴图在纯HTML开发...
- 初学者如何做一个机房设备模型
- 焕然一新、新版我搭世界如期上线
- 数字孪生产业技术白皮书(2022版)...
- 快速制作机房3D效果图教程
- 使用我搭世界SDK创建属于你的一个3...
- 智慧校园数字孪生平台
- 技术|如何使用BlenderGIS获...
- 如何帮助零基础的客户快速搭建三维场景
- 使用我搭世界SDK创建3D应用之相机...
- 如何快速上手数据可视化设计
- 智慧楼宇三维可视化管理平台
- 使用SDK(MJGL.JS)对3D场...
- 某供电局机房三维可视化系统资产管理及...
- 浅谈数据中心三维可视化产品功能解析
- Echarts柱状图在JavaScr...
- 3D可视化校园,让数据洞察变得轻松
- 3D可视化校园,让数据洞察变得轻松