这不webGL技术还没有吃透，webGPU技术就来了，还说要取代webGPU，搞的很多初入web3D领域的小伙伴都很迷茫，到底该学啥呢。千汇数据工场借助本文，粗浅的对两个技术扫盲下，权当抛砖引玉。
一、webGL是什么
WebGL是一种基于JavaScript API的Web图形库，它允许在Web浏览器中使用GPU（图形处理单元）加速2D和3D图形渲染。WebGL技术使得开发者可以使用OpenGL ES（OpenGL for Embedded Systems）的一个子集来创建高性能的交互式图形应用程序，而无需使用插件或其他外部软件。
WebGL技术的主要特点包括：
- 硬件加速：利用GPU进行图形渲染，提供高性能的图形处理能力。
- 跨平台：WebGL可以在支持的浏览器上运行，不受操作系统或硬件平台的限制。
- 与Web技术的集成：WebGL可以与HTML、CSS和JavaScript等Web技术无缝集成，实现动态交互和数据可视化。
- 开放标准：WebGL是开放标准，由Khronos Group开发和维护，具有广泛的社区支持。
二、什么是webGPU
WebGPU技术是WebGL的进一步发展，它是一种新的Web图形API标准，旨在为Web开发者提供更高级别的图形编程接口，以获得更好的性能和更多的图形功能。WebGPU的设计目标是提供一种低级别的、跨平台的图形和计算API，以便开发者可以更好地利用现代GPU硬件的能力。
WebGPU技术的特点包括：
- 更高级别的抽象：相比WebGL，WebGPU提供了更高级别的图形编程接口，简化了开发者的工作。
- 更好的性能：WebGPU旨在提供更好的性能和更低的延迟，以满足对图形和计算性能要求更高的应用场景。
- 更多的图形功能：WebGPU提供了更多的图形功能和特性，如更灵活的纹理和缓冲区操作、更多的着色器阶段等。
- 跨平台支持：WebGPU的目标是提供一种跨平台的图形API，可以在不同操作系统和硬件平台上运行。
需要注意的是，WebGPU技术目前仍在开发中，尚未成为Web标准，但已经在一些浏览器中开始实验性支持。
三、webGL和webGPU的区分
WebGL和WebGPU是两种不同的Web图形技术，它们有以下几个区别：
- 抽象级别：WebGL是基于JavaScript的Web图形库，提供了相对较低级别的图形编程接口，开发者需要直接操作图形渲染管线和GPU资源。而WebGPU是一种更高级别的图形API，提供了更抽象的接口，隐藏了底层的图形管线细节，使得开发者更容易使用和理解。
- 功能和性能：WebGL是基于OpenGL ES的API，主要用于在Web浏览器中进行2D和3D图形渲染。它提供了一定程度的硬件加速和图形功能，适用于大多数常见的Web图形应用。而WebGPU是一种新的图形API标准，旨在提供更好的性能和更多的图形功能。它更接近底层的GPU编程，可以更充分地利用现代GPU硬件的能力，适用于对图形性能要求更高的应用场景。
- 平台支持：WebGL已经成为Web标准，并在大多数现代Web浏览器中得到广泛支持。开发者可以在支持WebGL的浏览器上使用该技术进行图形渲染。而WebGPU目前仍在开发中，尚未成为Web标准，但已经在一些浏览器中开始实验性支持，开发者可以尝试使用相关的WebGPU接口进行图形编程。
总的来说，WebGL是一种成熟的Web图形技术，适用于大多数常见的Web图形应用；而WebGPU是一种新兴的图形API标准，旨在提供更好的性能和更多的图形功能，适用于对图形性能要求更高的应用场景。
四、基于webGL和webGPU的js引擎库有哪些
有许多基于WebGL和WebGPU的JavaScript引擎库可用于开发图形应用程序。以下是一些常见的库示例：
- Three.js：Three.js是一个功能强大且易于使用的3D图形库，它基于WebGL，并提供了许多高级功能，如几何模型创建、材质和光照效果、动画和交互等。
- Babylon.js：Babylon.js是另一个流行的WebGL框架，专注于游戏和交互式应用开发。它具有强大的渲染能力、物理引擎集成、动画系统和场景管理功能。
- regl：regl是一个功能轻量级的WebGL库，专注于性能和灵活性。它提供了一个简化的接口，使开发者能够直接操作WebGL的低级API，以获取更好的性能和控制。
- PlayCanvas：PlayCanvas是一个基于WebGL的全功能游戏引擎，具有强大的渲染和物理模拟能力，以及可视化编辑器和协作工具。
- GPU.js：GPU.js是一个基于WebGL和WebGPU的GPGPU（通用计算图形处理单元）库，它允许在Web浏览器中进行高性能的通用计算操作，如矩阵运算、图像处理等。
这些引擎库提供了各种功能和特性，可以根据具体需求选择适合的库进行开发。同时，还有其他许多WebGL和WebGPU库可供选择，可以根据具体项目需求进行进一步的搜索和探索。
总的来说，webGPU还不算太成熟，支持的浏览器和js引擎库都非常少，目前还不是主流技术，短期内取代webGL是不可能得。