如何看待 Three.js / WebGL 等前端 3D 技术？

Web 3D风来了！

Web 3D大家应该都不会陌生，当前市面上有着丰富的业务应用场景：在线看房、在线选衣服、3D小游戏、在线教育等等等等... ...

2021年10月 Facebook宣布公司更名为Meta（元宇宙MetaVerse的前缀），意思是包涵万物、无所不联。Facebook全面拥抱元宇宙（metaverse），国内的腾讯、字节跳动等巨头也纷纷组建相关部门，VR、AR在沉寂了几年后再度变得火热，让Web 3D成为2022年不得不关注的技术热点。

降低 web 3D 研发成本应该是将来的一个重要发展路线，随着技术门槛的降低，会吸引更多感兴趣的人加入促使其正向的发展。所以 Web 3D 可能会朝着平台化的方向发展，能提供简单高效的工具将成为核心竞争力。

初识Three.js / WebGL

WebGL 是一种 JavaScript API，可以以惊人的速度在画布中呈现三角形。它与大多数现代浏览器兼容，而且速度很快，因为它使用访问者的图形处理单元 (GPU)。

Three.js 是一款 WebGL 开源框架，易用、简单、直观的方式封装了 3D 图形编程中常用的对象。在开发中使用了很多图形引擎的高级技巧，提高了性能。内置了很多常用对象和极易上手的工具，功能强大。

Three.js前景如何

Three.js 以简单、直观的方式封装了3D图形编程中常用的对象，更方便快捷地完成光线、轮船纹理、海浪等的3D建模，从而带来最佳的呈现效果。Three.js 可以做中小型的重表现的Web项目。

在 WebGL 的引入之前已经创建了 three.js 独特方便的模块化渲染接口，并在不用 WebGL 的情况下允许它使用 SVG 和 HTML5 画布元素。近些年，浏览器的功能越来越强大，渐渐得成为了复杂应用和图形的平台。同时，现有大多数浏览器实现了对 WebGL 的支持，但要直接使用 WebGL 相关接口进行开发，则需要学习复杂的着色器语言，且开发周期长，不利于项目的快速开发。

面对这种情况，Three.js 应运而生，它不但对 WebGL 进行了封装，将复杂的接口简单化，而且基于面向对象思维，将数据结构对象化，非常方便开发。

飞援平台案例

近些年来，数字孪生的概念开始被广泛接受和落地，通过建立实体业务的多维模型，实现对业务数据的实时分析，并基于业务动因实时预测业务结果，预警风险并及时调整。

飞援平台上越来越多的客户也开始主动拥抱新技术、新模式：

案例1：某能源企业在煤炭的输送过程中存在一些复杂场景，有较高的风险导致输煤廊道堵塞，影响生产流程，因此希望通过数字化方式及时识别风险，提升生产效率，需要在廊道输煤环节进行监控、算法预警以及3D展示等数字化改造；

案例2：某生产企业对官网进行智能化、可视化升级改造，改变过去单纯的产品照片静态展示，实现在线配料生成相应的产品，实现产品的3D效果展示，并且可以在图形上进行相应的拉伸等操作，真实模拟产品的实际效果。

相应的，以Three.js / WebGL为代表的Web 3D技术也必然有广阔的应用场景和发展空间。