三维组态可视化解决方案

本文介绍了如何利用HTML5 WebGL技术构建基于浏览器的三维组态应用,以一个油田工业控制场景为例,展示了从建模、模型加载、三维场景搭建到拖拽生成场景、创建管路及实现管路动画的全过程。
摘要由CSDN通过智能技术生成

  ITman彪叔

  三维组态可视化解决方案
  
  HTML5 WebGL 在三维中的应用,已经发展的如火如荼,使其在三维组态(工业控制)方面也变得简单易行! 三维组态软件提高了工业控制的管理效率,让工业控制的资源管理、风险管控得到很大的改善。
  
  传统的三维组态一般都是本地应用, 该案例使用的是基于浏览器B/S架构下的三维组态的应用。
  
  该案例模拟的是一个油田简单的工业控制场景, 模型大致包括
  
  油井、分离器、 加热炉、天然气、外输泵。
  
  还包括管路流动、流动方向。 描述了采油、加工、 输出的全过程。
  
  制作模型
  
  第一步要做的就是建模,设计组使用3D建模工具 3d max或者c4d 进行油田设备模型的建模。建模后导出后缀为obj或者gltf格式文件,这两种格式是我们三维渲染引擎支持最好的文件格式。
  
  建模后的所有模型文件,最终会放到后端的模型库,模型库的管理目录,如下图所示:
  
  模型列表
  
  需要制作的模型包括油井、分离器、加热炉、天然气、外输泵,如下图所示,
  
  模型
  
  加载模型
  
  加载模型可使用引擎模型的加载函数,进行模型加载,如obj模型加载,如下代码所示:
  
  new mono.OBJMTLLoader().load( 'youjing.obj', 'youjing.mtl', '',  (node)=> {
  
  node

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值