WebGL 与 WebGPU 比对[1] 前奏

最新推荐文章于 2025-03-06 00:30:00 发布
最新推荐文章于 2025-03-06 00:30:00 发布
阅读量288 收藏
点赞数
分类专栏： 漫谈 WebGPU 文章标签： webgpu webgl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cRGBc/article/details/122843871
版权
本文探讨了为何WebGPU取代了WebGL 3.0，而非直接升级。内容涉及WebGPU名称由来、编码风格的差异、多线程与GPGPU能力以及浏览器的实现情况。WebGPU采用装配式编码风格，减少CPU负载，支持多线程及通用计算，为Web端带来更强的图形和计算性能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

这篇讲讲历史，不太适合直奔主题的朋友们。

1 为什么是 WebGPU 而不是 WebGL 3.0

你若往 Web 图形技术的底层去深究，一定能追溯到上个世纪 90 年代提出的 OpenGL 技术，也一定能看到，WebGL 就是基于 OpenGL ES 做出来的这些信息。OpenGL 在那个显卡羸弱的年代发挥了它应有的价值。

显卡驱动

我们都知道现在的显卡都要安装显卡驱动程序，通过显卡驱动程序暴露的 API，我们就可以操作 GPU 完成图形处理器的操作。

问题就是，显卡驱动和普通编程界的汇编一样，底层，不好写，于是各大厂就做了封装 —— 码界的基操。

图形 API 的简单年表

OpenGL 就是干这个的，负责上层接口封装并与下层显卡驱动打交道，但是，众所周知，它的设计风格已经跟不上现代 GPU 的特性了。

Microsoft 为此做出来最新的图形API 是 Direct3D 12，Apple 为此做出来最新的图形API 是 Metal，有一个著名的组织则做出来 Vulkan，这个组织名叫 Khronos。D3D12 现在在发光发热的地方是 Windows 和 PlayStation，Metal 则是 Mac

了解本专栏 订阅专栏 解锁全文 超级会员免费看
WebGL 与 WebGPU比对[8] - 系列完结总结与感想
树后树前
03-14 2179
文章目录系列完结后记之后要做什么 系列完结后记 林林总总写了一些文章来对比 WebGL 与 WebGPU 的常规功能，兴许在 API 的理解上有些业余，甚至不排除有表述错误，但是写对的部分，我希望对读者与未来的图形开发者有所启迪。 过去，WebGL 给 Web 图形开发者打开了一扇新的大门： 原来浏览器可以不借助插件搞酷炫的三维效果！ 这离不开各大厂商的努力，虽然他们肯定有一部分原因是想更好卖产品，但不否认这的的确确是技术的迈进。 诚然，图形有门槛，WebGL 给这十年来的开发者留下一个蚀刻进骨子里的
WebGL 与 WebGPU比对[5] - 渲染计算的过程
树后树前
02-28 401
文章目录1. WebGL1.1. 使用 WebGLProgram 表示一个计算过程1.2. WebGL 没有通道 API2. WebGPU2.1. 使用 Pipeline 组装管线中各个阶段2.2. 使用 PassEncoder 调度管线内的行为2.3. 使用 CommandEncoder 编码多个通道2.4. PassEncoder 和 Pipeline 的关系3. 总结 前两篇文章介绍了 WebGL 和 WebGPU 是如何准备顶点和数字型 Uniform 数据的（纹理留到下一篇），当渲染所需的原材料
webGL和webGPU 对比，短期看二者共存，长期看webGPU 取代webGL
最新发布
2401_82881178的博客
03-06 973
WebGL 和 WebGPU 是两种用于在浏览器中实现图形渲染和计算的 Web API，但它们在设计目标、技术能力和适用场景上有显著差异，近期webGL独大，中期webGPU上位，远期取代webGL。
webgl与webgpu比较
09-10 1402
WebGPU 虽然也有一个总管家一样的对象 —— device，类型是 GPUDevice，表示可以操作 GPU 设备的一个高层级抽象，它负责创建操作图形运算的各个对象，最后装配成一个叫 “CommandBuffer（指令缓冲，GPUCommandBuffer）”的对象并提交给队列，这才完成 CPU 这边的劳动。在 WebGL 中，始终会调用着色器的入口main函数，但在 WebGPU 中，当使用着色器时，可以指定要调用的函数。当然，仍然可以自己检查错误，但即使什么都不做，仍然可以获得一些有用的信息。
从WEBGL 迁移到 WEBGPU
fatcat123的博客
01-13 1677
本文介绍从webgl 迁移到 webgpu的要点，指出了webGL 与 WebGPU 在着色器方面， 顶点属性，资源传递，渲染管线等方面的不同。
WebGL 与 WebGPU比对[4] - Uniform
weixin_45566993的博客
02-19 1051
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/course/detail/35475 目录* 1. WebGL 1.0 Uniform + 1.1. 用 WebGLUniformLocation 寻址 + 1.2. 矩阵赋值用 uniformMatrix[234]fv + 1.3. 标量与向量用 uniform[1234][fi][v] + 1.4. 传递纹理
计算机图形学笔记：从 WebGL 到 WebGPU
小谷的日常随笔集
01-27 2474
目前 WebGPU 的标准还没有完全确定下来，需要下载开发者版本的 Chrome Canary 才能开启 WebGPU。(目前正式版中 Chrome 96 / 97 其实已经支持 WebGPU了，但并不是完全支持，98 (据说）会正式支持 WebGPU）。 WebGL 与 WebGPU WebGL 的基础是 OpenGL。OpenGL 的初始版本可以追溯到 1992 年，整个 OpenGL 的设计是基于状态机模型。状态驱动的 OpenGL 难以利用今天 GPU 并行的特点。对于今天的多核计算的设备，使用.
从WebGL到WebGPU
qq_34754747的博客
11-16 643
1、Chrome和safari最多同时使用16个WebGL画布，Firefox最多可创建200个，而WebGPU画布没有限制。2、WebGPU可以共享纹理，将 GPUDevice 对象输出到任意数量的画布。
WebGPU vs. WebGL：前端图形技术的进化与数字孪生的崭新前景
weixin_44803406的博客
04-03 1851
在现代互联网时代，图形渲染在网页应用和数字孪生的开发中起着至关重要的作用。深度学习和AI集成：智能决策的未来 随着深度学习和人工智能的飞速发展，WebGPU的高性能计算能力将成为数字孪生模型中集成机器学习算法的理想平台。WebGPU：现代多核GPU的革命性进展 WebGPU是Web的下一代图形API，旨在为现代多核GPU提供更直接的访问，以实现更高的性能和更丰富的功能。可扩展性和云计算：大规模并行计算的云支持 WebGPU的并行计算能力使得数字孪生模型可以在云端进行大规模的并行计算，而无需昂贵的专用硬件。
WebGL 与 WebGPU
o67f2wpkvdf3bpe8的博客
06-10 403
WebGPU是一种新的Web标准，旨在为Web开发人员提供更高效、更灵活和更现代的图形编程接口。WebGPU具有以下优势：更高效：WebGPU使用GPU来加速图形处理，从而提供比传统的Web图形API更高的性能。更灵活：WebGPU提供了更灵活的编程模型，使开发人员可以更轻松地控制GPU操作，以及更好地利用GPU并行性。更现代：WebGPU利用了现代GPU的功能，包括异步计算、纹理压缩和着色器模块化等特性，这使得它成为开发更现代Web应用程序的理想选择。
初学者对 WebGL 与 WebGPU 的看法（A Beginner’s Perspective of WebGL vs WebGPU）
linzi19900517的博客
07-18 1335
初学者对 WebGL 与 WebGPU 的看法（A Beginner’s Perspective of WebGL vs WebGPU）
初识web3D--webGL/webGPU
weixin_43980651的博客
07-04 2722
当今互联网时代，我们已经逐渐习惯了浏览和享受丰富多样的网络内容。从文字、图片到视频，我们可以在Web上畅游于各种信息和娱乐资源之间。然而，随着科技的不断进步，一个全新而令人兴奋的概念正在崭露头角——Web3D。Web3D是一种革命性的技术，它将三维图形、虚拟现实和互联网融为一体，为用户带来前所未有的沉浸式体验。无需离开我们熟悉的浏览器，我们可以穿越虚拟的景观、与三维模型互动，甚至在虚拟现实中体验全新的世界。想象一下，你可以在浏览器中漫步于古老的城堡，探索神秘的森林，或者在沙滩上与海豚嬉戏。
WebGL 和WebGPU 有什么区别?
ZFZ5720
03-14 826
总之，WebGL和WebGPU都是用于在Web浏览器中进行图形渲染的技术，但它们在性能、功能、兼容性和未来发展方向等方面有所不同，开发人员可以根据具体需求来选择使用哪种技术。
OpenGL，webGL，webGPU，three,js，来，把这些概念扫荡一下。
2401_82881178的博客
04-17 1842
其实标题中的概念都是和web3D相关的，咱们平时浏览的网页基本都是二维的，一些数字孪生或者网页3D游戏，都是三维形式，或多或少和上面的概念有点关联。
从WebGL迁移到WebGPU
ms44的专栏
09-22 1069
迁移到即将推出的 WebGPU 不仅仅意味着切换图形 API。这也是迈向 Web 图形未来的一步。但如果做好准备并理解，迁移将会更加顺利 — 本文将帮助您做好准备。/wp:image在本文中，我们将讨论 WebGL 和即将推出的 WebGPU 之间的区别，并阐述如何为项目迁移做好准备。
WebGPU 与 WebGL 2 – 揭秘最佳功能（WebGPU vs WebGL 2 – Uncovering the Best Features）
linzi19900517的博客
08-12 1494
WebGPU 与 WebGL 2 – 揭秘最佳功能（WebGPU vs WebGL 2 – Uncovering the Best Features）。
作为web3D的核心，webGL会被webGPU取代吗？
贝格前端工场的博客
08-16 1256
WebGPU技术是WebGL的进一步发展，它是一种新的Web图形API标准，旨在为Web开发者提供更高级别的图形编程接口，以获得更好的性能和更多的图形功能。WebGPU的设计目标是提供一种低级别的、跨平台的图形和计算API，以便开发者可以更好地利用现代GPU硬件的能力。更高级别的抽象：相比WebGL，WebGPU提供了更高级别的图形编程接口，简化了开发者的工作。更好的性能：WebGPU旨在提供更好的性能和更低的延迟，以满足对图形和计算性能要求更高的应用场景。
webgl与webgpu对比
04-20
WebGL 和 WebGPU 都是用于在浏览器中实现图形渲染的技术，但它们有许多不同之处。WebGL 是一种基于OpenGL的API，主要用于在浏览器中渲染...与WebGL相比，WebGPU采用了异步计算方式，支持更多的GPU计算机制，效率更高。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值