基于HTML5 WebGL的3D科幻风机，科技带给我们的变化

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

70年代初期，由于“石油危机”，出现了能源紧张的问题，人们认识到常规矿物能源供应的不稳定性和有限性，于是寻求清洁的可再生能源遂成为现代世界的一个重要课题。风能作为可再生的、无污染的自然能源又重新引起了人们重视。现在我希望可以通过这个风机 demo 使风力发电机的各个功能近距离的展示给大家，使大家能更了解风力发电机。

周围环境功能：

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

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

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

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

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

六. 变桨系统，变桨系统作为大型风电机组控制系统的核心部分之一，对机组安全、稳定、高效的运行具有十分重要的作用。稳定的变桨控制已成为当前大型风力发电机组控制技术研究的热点和难点之一。变桨控制技术简单来说，就是通过调节桨叶的节距角，改变气流对桨叶的攻角，进而控制风轮捕获的气动转矩和气动功率。

整理思路

场景部分：这里把 3D 当做背景嵌套在 2D 场景中。这样在初始化图纸的时候，直接反序列化 2D 图纸即可。

事件部分：2D 图纸中有很多的按钮，通过它们来控制 3D 中的一些动画。实现思路是在反序列化图纸的时候把 2D、3D 的 模型和视图对象挂载到 window 上，这样在不同的场景中都可以获取到相应的数据模型。

环境部分：风速、风向、变桨角度这些会在 2D、3D 中所表现，所以可以把它们放到数据池里面，方便管理。

总结

风力发电是一个工业互联网的典型例子，我们可以通过对风机模型或者监测数据进行分析，可以减轻我们工作复杂程度，帮助我们快速了解发电内部结构及发电功能。科技带给我们越来越多新奇的变化，也带给了我们很多便利，使我们能快速学习到更多的知识，今天通过 3D 效果的展示风力发电机后你是否有更清晰的认识了呢？

其实 HT 能做的东西远远不止于此，这需要我们丰富的想象力以及自身过硬的技术。我希望可以通过这篇文章向大家传递一种能量，让大家更有兴趣、迸发更多新鲜的想法，去做更多好玩的东西。

fqj