当前位置:首页 > Web开发 > 正文

基于 HTML5 WebGL 的 3D 科幻风机

2024-03-31 Web开发

  许多世纪以来,风力机同水力机械一样,作为动力源替代人力、畜力,对生产力的发展发挥过重要作用。近代机电动力的广泛应用以及二十世纪50年代中东油田的发现,使风机发电机的发展缓慢下来。

70年代初期,由于“石油危机”,出现了能源紧张的问题,人们认识到常规矿物能源供应的不稳定性和有限性,于是寻求清洁的可再生能源遂成为现代世界的一个重要课题。风能作为可再生的、无污染的自然能源又重新引起了人们重视。

现在我希望可以通过这个风机 demo 使风力发电机的各个功能近距离的展示给大家,使大家能更了解风力发电机。

本 demo 使用 HT for Web 产品轻量化 HTML5/WebGL 建模的方案。

demo 链接:https://hightopo.com/demo/fan3d-magic/

 

 

风机主要功能介绍

效果:

  

技术图片

 

周围环境功能:

  一.  风速值。

  虚拟一个风速值,风速值会影响风机的发电效率和变桨系统的变化。

 

  二.  数据统计

  

技术图片

  环境温度、机舱温度、齿轮箱温度、风速的图形百分比会随着时间发生改变。

  三.  环境监测

  

技术图片

  左边对风机的各个参数实施了监测,右面是风速变化的折线图。

 

  四.  数据监测  

  

技术图片

  风机在发电的过程中发生的异常情况,,发生的故障部位及故障发生的时间。异常信息的收集有利于人们进行异常分析以及异常处理。

  五. 偏航系统

  

技术图片

  偏航系统,又称对风装置,是风力发电机机舱的一部分,其作用在于当风速矢量的方向变化时,能够快速平稳地对准风向,以便风轮获得最大的风能。

 

  . 变桨系统

  

技术图片

  变桨系统作为大型风电机组控制系统的核心部分之一,对机组安全、稳定、高效的运行具有十分重要的作用。稳定的变桨控制已成为当前大型风力发电机组控制技术研究的热点和难点之一。

  变桨控制技术简单来说,就是通过调节桨叶的节距角,改变气流对桨叶的攻角,进而控制风轮捕获的气动转矩和气动功率。

 

按钮控制功能:

 

  风机启停:

  

技术图片

  线框模式:

  

技术图片

  机舱视角:

  

技术图片

  发电工艺:

  

技术图片

整理思路:

   场景部分

  这里把 3D 当做背景嵌套在 2D 场景中。

  这样在初始化图纸的时候,直接反序列化 2D 图纸即可。

  事件部分

  2D 图纸中有很多的按钮,通过它们来控制 3D 中的一些动画。

  实现思路是在反序列化图纸的时候把 2D、3D 的 模型和视图对象挂载到 window 上,这样在不同的场景中都可以获取到相应的数据模型。

  环境部分:

  风速、风向、变桨角度这些会在 2D、3D 中所表现,所以可以把他们放到数据池里面,方便管理。

具体代码实现:

场景搭建:上面说了,我们把 3D 当做背景嵌套在 2D 中,所以只需要序列化 2D 即可,里面需要进行背景判断的部分代码。

相关伪代码

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/40838.html