WebGL 与 WebGPU 比对[1] 前奏

最新推荐文章于 2024-05-28 09:36:57 发布
最新推荐文章于 2024-05-28 09:36:57 发布
阅读量1.5k 收藏 2
点赞数 6
分类专栏： python 文章标签： 计算机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43479892/article/details/122505601
版权

Python微信订餐小程序课程视频

https://edu.csdn.net/course/detail/36074

Python实战量化交易理财系统

https://edu.csdn.net/course/detail/35475
目录* 1 为什么是 WebGPU 而不是 WebGL 3.0
+ 显卡驱动
+ 图形 API 的简单年表
+ WebGL 能运行在各个浏览器的原因
+ WebGPU 的名称由来

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

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。D3D1

最低0.47元/天 解锁文章
qq_43479892
关注
  • 6
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
WebGL 与 WebGPU比对[8] - 系列完结总结与感想
树后树前
03-14 2025
文章目录系列完结后记之后要做什么 系列完结后记 林林总总写了一些文章来对比 WebGL 与 WebGPU 的常规功能，兴许在 API 的理解上有些业余，甚至不排除有表述错误，但是写对的部分，我希望对读者与未来的图形开发者有所启迪。 过去，WebGL 给 Web 图形开发者打开了一扇新的大门： 原来浏览器可以不借助插件搞酷炫的三维效果！ 这离不开各大厂商的努力，虽然他们肯定有一部分原因是想更好卖产品，但不否认这的的确确是技术的迈进。 诚然，图形有门槛，WebGL 给这十年来的开发者留下一个蚀刻进骨子里的
WebGL 与 WebGPU比对[5] - 渲染计算的过程
树后树前
02-28 284
文章目录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比较
http://8.130.10.148:3000/digitaltwin/index.html
09-10 1023
WebGPU 虽然也有一个总管家一样的对象 —— device，类型是 GPUDevice，表示可以操作 GPU 设备的一个高层级抽象，它负责创建操作图形运算的各个对象，最后装配成一个叫 “CommandBuffer（指令缓冲，GPUCommandBuffer）”的对象并提交给队列，这才完成 CPU 这边的劳动。在 WebGL 中，始终会调用着色器的入口main函数，但在 WebGPU 中，当使用着色器时，可以指定要调用的函数。当然，仍然可以自己检查错误，但即使什么都不做，仍然可以获得一些有用的信息。
探索WebGPU与Dawn的魔法：“Hello, Triangle”
最新发布
gitblog_00071的博客
05-28 239
探索WebGPU与Dawn的魔法：“Hello, Triangle” 项目地址:https://gitcode.com/cwoffenden/hello-webgpu 项目介绍 欢迎来到“Hello, Triangle”，这是一个基于C++的开源项目，旨在引导你进入WebGPU和Dawn的世界。这个项目不仅在Web上绘制了一个基础的三角形，而且展示了如何在Windows、Mac以及通过Emscri...
从WebGL到WebGPU
qq_34754747的博客
11-16 418
1、Chrome和safari最多同时使用16个WebGL画布，Firefox最多可创建200个，而WebGPU画布没有限制。2、WebGPU可以共享纹理，将 GPUDevice 对象输出到任意数量的画布。
WebGPU vs. WebGL：前端图形技术的进化与数字孪生的崭新前景
weixin_44803406的博客
04-03 1300
在现代互联网时代，图形渲染在网页应用和数字孪生的开发中起着至关重要的作用。深度学习和AI集成：智能决策的未来 随着深度学习和人工智能的飞速发展，WebGPU的高性能计算能力将成为数字孪生模型中集成机器学习算法的理想平台。WebGPU：现代多核GPU的革命性进展 WebGPU是Web的下一代图形API，旨在为现代多核GPU提供更直接的访问，以实现更高的性能和更丰富的功能。可扩展性和云计算：大规模并行计算的云支持 WebGPU的并行计算能力使得数字孪生模型可以在云端进行大规模的并行计算，而无需昂贵的专用硬件。
从WEBGL 迁移到 WEBGPU
fatcat123的博客
01-13 1393
本文介绍从webgl 迁移到 webgpu的要点，指出了webGL 与 WebGPU 在着色器方面， 顶点属性，资源传递，渲染管线等方面的不同。
SuperMap iClient3D for WebGL/WebGPU -颜色(1) 完整代码
12-19
SuperMap iClient3D for WebGL/WebGPU ——颜色(1) 完整代码
WebGL学习颜色与纹理
04-01
WebGL学习颜色与纹理
第1章WebGL概述.pdf
11-16
第1章WebGL概述.pdf
HTML5与WebGL编程 源代码
09-12
HTML5与WebGL编程 源代码
WebGPU引擎
01-27
dgel A WebGPU engine. Installation npm install dgel Usage Examples (you need a browser supporting with WebGPU) Examples License MIT. See .
WebGL 与 WebGPU比对[4] - Uniform
树后树前
02-19 231
文章目录1. WebGL 1.0 Uniform1.1. 用 WebGLUniformLocation 寻址1.2. 矩阵赋值用 uniformMatrix[234]fv1.3. 标量与向量用 uniform\[1234]\[fi]\[v]1.4. 传递纹理2. WebGL 2.0 Uniform2.1. 标量/向量/矩阵传值方法扩充2.1. 什么是 UniformBlock 与 UniformBuffer 的创建2.2. 状态绑定2.3. 着色器中的 Uniform2.4. 传递纹理3. WebGPU U
WebGL 与 WebGPU
o67f2wpkvdf3bpe8的博客
06-10 299
WebGPU是一种新的Web标准，旨在为Web开发人员提供更高效、更灵活和更现代的图形编程接口。WebGPU具有以下优势：更高效：WebGPU使用GPU来加速图形处理，从而提供比传统的Web图形API更高的性能。更灵活：WebGPU提供了更灵活的编程模型，使开发人员可以更轻松地控制GPU操作，以及更好地利用GPU并行性。更现代：WebGPU利用了现代GPU的功能，包括异步计算、纹理压缩和着色器模块化等特性，这使得它成为开发更现代Web应用程序的理想选择。
计算机图形学笔记：从 WebGL 到 WebGPU
小谷的日常随笔集
01-27 2268
目前 WebGPU 的标准还没有完全确定下来，需要下载开发者版本的 Chrome Canary 才能开启 WebGPU。(目前正式版中 Chrome 96 / 97 其实已经支持 WebGPU了，但并不是完全支持，98 (据说）会正式支持 WebGPU）。 WebGL 与 WebGPU WebGL 的基础是 OpenGL。OpenGL 的初始版本可以追溯到 1992 年，整个 OpenGL 的设计是基于状态机模型。状态驱动的 OpenGL 难以利用今天 GPU 并行的特点。对于今天的多核计算的设备，使用.
初识web3D--webGL/webGPU
weixin_43980651的博客
07-04 2347
当今互联网时代，我们已经逐渐习惯了浏览和享受丰富多样的网络内容。从文字、图片到视频，我们可以在Web上畅游于各种信息和娱乐资源之间。然而，随着科技的不断进步，一个全新而令人兴奋的概念正在崭露头角——Web3D。Web3D是一种革命性的技术，它将三维图形、虚拟现实和互联网融为一体，为用户带来前所未有的沉浸式体验。无需离开我们熟悉的浏览器，我们可以穿越虚拟的景观、与三维模型互动，甚至在虚拟现实中体验全新的世界。想象一下，你可以在浏览器中漫步于古老的城堡，探索神秘的森林，或者在沙滩上与海豚嬉戏。
WebGL 与 WebGPU比对[7] - 渲染的目的地
树后树前
03-14 361
文章目录1. 综述2. WebGL 中的绘图区3. WebGPU 中配置 canvas 的连接关于改变 canvas 大小后的行为 1. 综述 其实，写到第六篇比对基本上常规的 API 就差不多比对完了（除了 GPGPU、查询方面的 API 未涉及），但是有一个细节仍然值得我开一篇比对文章进行思考、记录，那就是渲染到何处。 WebGL 的上下文对象是与 canvas 元素强关联的，没有 canvas 创建不了上下文，也就是说，WebGL 在设计之初就是拿来绘图的（的确如此），没考虑 GPU 的其它功能，后
Web图形从flash到webgl次世代Webgpu
微小的鱼的博客
10-01 1608
我刚刚大学毕业的时候第一份工作就是要脱flash，搞成webgl+wasm+C+++自研引擎，也算有缘分最后能碰到了第一代flash，然后是现在webgl1.0 ,下一代的也出来了兴奋，耳闻webgpu是移动端web的救星！！！ WebGPU 是用于加速图形和计算的未来 Web 标准和 JavaScript API 的工作名称，旨在提供“现代 3D 图形和计算能力”。 它由 W3C GPU 为 Web 社区组开发，工程师来自 Apple、Mozilla、Microsoft、Google 等。 与 WebGL
webgl与webgpu对比
04-20
WebGL 和 WebGPU 都是用于在浏览器中实现图形渲染的技术，但它们有许多不同之处。WebGL 是一种基于OpenGL的API，主要用于在浏览器中渲染...与WebGL相比，WebGPU采用了异步计算方式，支持更多的GPU计算机制，效率更高。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值