‎三维组态‎可‎视化解决方案

来源:m-dot.com   作者:   发表时间:2020-02-14 11:21:01

HTML5 WebGL 在三维中的应用,已经发展的如火如荼,使其在三维组态(工业控制)方面也变得简单易行! 三维组态软件提高了工业控制的管理效率,让工业控制的资源管理、风险管控得到很大的改善。

传统的三维组态一般都是本地应用, 该案例使用的是基于浏览器B/S架构下的三维组态的应用。

第一步要做的就是建模,设计组使用3D建模工具 3d max或者c4d 进行油田设备模型的建模。建模后导出后缀为obj或者gltf格式文件,这两种格式是我们三维渲染引擎支持最好的文件格式。

需要制作的模型包括油井、分离器、加热炉、天然气、外输泵,如下图所示,

加载模型可使用引擎模型的加载函数,进行模型加载,如obj模型加载,如下代码所示:

如加载一个油井模型,因为加载模型是一个异步的过程,所以会有一个回调函数,加载完成之后,在回调函数中,把模型文件生成的三维对象,加入到场景容器box之中,加入之后场景中就会显示我们的三维对象,如下图所示:

创建Network3D对象,即可以创建三维场景对象,如下代码所示:

在模型按钮上,需要监听drag 或者dragstart事件,这个被封装到一个独立的类Dragger.js里面,在该类中专门处理了dragstart事件:

在三维场景中,可以直接通过打点的方式创建三维管道,如下代码所示:

其中pipePoints是打点记录下的三维顶点。

编辑:

未经授权许可,不得转载或镜像
© Copyright © 1997-2019 by m-dot.com all rights reserved