【WebGPU】WebGPU学习清单

已于 2022-01-28 14:01:23 修改
阅读量504 收藏 1
点赞数
文章标签： webgpu
于 2021-12-24 10:55:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22849251/article/details/122123390
版权

背景

WebGPU是基于Vulkan、Metal和Direct3D 12，而WebGL基于OpenGL。前者的引擎较新，设计上更好的反映了GPU硬件技术这些年新的发展，能提供更好的性能，支持多线程，采用了偏面向对象的编程风格。

GAMESLI-GIS
关注
机器学习笔记 - 基于JavaScript的顶级机器学习框架
学以致用 知行合一
04-30 7513
虽然 Python 和 C++编程语言已成为机器学习框架的流行选择，但 JavaScript 也并不落后。环顾四周，可能会发现 JavaScript 框架也已在 AI 中实现。事实上，根据 GitHub 对最佳机器学习技术的评论，JavaScript 排在 Python 和 C++ 之后的第三位，而 R 则排在第八位。这些 JavaScript 框架正在通过人工智能和机器学习促进业务增长。
2023年最火的300个JS会议/演讲清单（国外）
weixin_43303603的博客
04-21 801
清单中的会议包括：JSConf, JSWORLD, JSNation, React Summit, React Native EU, VueJS Amsterdam, TypeScript Congress等，相信能扩宽你的前端视野。
WebGPU入门一
qq_34754747的博客
10-16 730
WebGPU的环境配置比较简单，不需要vite或webpack配置一个复杂的开发环境，直接使用.html文件即可。
WebGPU学习笔记
为人类进化与传承而奋斗！
04-14 639
webapp --> dawnWire(IPC) --> Dawn Native --> OS API 初始化WebGPU(request adapter --> request device --> config context) --> 配置GPU管线() --> 录制Command队列()
WebGPU驱动的下一代Web图形引擎：突破浏览器计算性能瓶颈
桂月二二博客
02-26 1390
Epic Games首次在浏览器端实现虚幻引擎5核心模块，通过WebGPU将Lumen全局光照的渲染耗时从WebGL的896ms降至47ms。在512核GPU并行测试中，WebGPU的通用计算性能较WebGL Compute Shader提升65倍。基于此技术，英伟达推出浏览器端ConvNets模型训练方案，目标检测推理速度达220FPS，显存利用率较WebGL方案提升89%。● US2024172835A1 网页端显存池化管理系统与方法。● CN1167745B 基于工作组的并行计算调度方案。
1. WebGPU 基础知识
xuejianxinokok的专栏
05-23 1974
本文将尝试向您介绍 WebGPU 的基础知识。在阅读本文之前，希望您应该已经对 mapping arrays, destructuring assignment, spreading values, async/await, es6 modules 有基础的了解，因为这些内容将在下文被广泛使用。如果您已经了解 WebGL，。WebGPU 是一种 API，可让您执行 2 项基本操作。就这些！之后关于 WebGPU 的一切都由你决定。
WebGPU入门教程:您的第一个 WebGPU 应用
xuejianxinokok的专栏
05-18 3774
从顶点着色器开始，因为 GPU 也将从这里开始！顶点着色器被定义为函数，GPU 会针对中的每个顶点调用一次该函数。由于包含六个位置（顶点），因此您定义的函数会被调用六次。每次调用该方法时，都会将中的其他位置作为参数传递给该函数，顶点着色器函数的作用是在裁剪空间中返回对应的位置。也务必要理解，系统不一定会按顺序调用它们。相反，GPU 擅长并行运行上述着色器，这可能会同时处理数百（甚至数千！）顶点！GPU 拥有不可思议的速度，但这存在很大限制，存在一定限制。为了确保极端并行化，顶点着色器不能相互通信。
WebGPU学习（九）：学习“fractalCube”示例
聚娃科技开发者博客
12-25 187
大家好，本文学习Chrome->webgpu-samplers->fractalCube示例。 上一篇博文：WebGPU学习（八）：学习“texturedCube”示例 学习fractalCube.ts 最终渲染结果： 该示例展示了如何用上一帧渲染的结果作为下一帧的纹理。 与“texturedCube”示例相比，该示例的纹理并不是来自图片，而是来自上一帧渲染的结果 下面，我...
WebGPU防指纹识别技术及其浏览器应用
这使得WebGPU成为开发高性能Web应用程序的理想选择，同时也为复杂计算任务提供了可能性，比如机器学习和科学计算。 指纹跟踪技术: 指纹跟踪技术指的是通过分析用户的浏览器、操作系统、屏幕分辨率、插件、字体等...
前端技术栈---看完这篇就够了
萌古大汗的专栏
05-24 9181
html5、css3、JavaScript、nodejs、TypeScript、前端构建（webpack、gulp、grunt）、chrome DevTools、前端适配、单元测试、自动化测试、http协议、前端通信、工程化（模块化、组件化、规范化、自动化）、浏览器（渲染机制、v8原理）、前端性能优化、前端安全、多端应用（微信公众号、小程序、ReactNative、Flutter、Electron） Js高级： 1.数据类型和内存空间 2.执行上下文 3.变量对象 4.作用域和作用域链 5.闭包 6.thi
YOLOv12全场景应用开发手册：从移动端部署到浏览器推理的跨平台实践
最新发布
weixin_42358373的博客
04-22 639
浏览器直接跑YOLOv12！WebAssembly+WebGPU黑科技解析。iPhone 15 Pro实现60FPS！CoreML+ANE加速全攻略。YOLOv12+Streamlit快速搭建演示系统。3.1 TensorFlow Lite Micro移植。STM32H7微控制器部署指南。MediaPipe集成全流程。2.1 ONNX Runtime Web部署。4.1 MediaPipe计算图配置。5.1 可视化界面生成。5.2 自动化演示部署。3.2 内存优化技巧。4.2 多平台适配层。
探索WebGPU：逐步学习资源的全面解析
gitblog_00016的博客
04-20 440
探索WebGPU：逐步学习资源的全面解析 去发现同类优质开源项目:https://gitcode.com/ 是一个由Jack1232创建的开源项目，旨在帮助开发者逐步掌握WebGPU编程。它提供了详细的教程和示例，让你能在浏览器环境中无缝地体验现代图形和计算API的强大。 WebGPU 是什么？ WebGPU是Web平台上的新一代图形与计算API，它的设计目标是提供接近原生硬件性能的能力，并且与系...
webgpu
李卓书
06-18 1600
WebGPU 是下一代 Web 上的图形标准。与当前 Web 上的 3D 图形标准 WebGL 相比，WebGPU 旨在充分发挥现代 GPU 架构的能力，进一步降低 CPU 端的开销，优化多线程的应用，以及增加对 GPU 通用计算（GPGPU）的直接支持。与CPU不同，GPU具有更强大的并行计算能力，可以快速处理大量的图像和视频数据。因此，GPU在许多领域，包括游戏、图像处理、科学计算、人工智能等方面发挥着非常重要的作用。
webgpu 从入门到精通 第一章
yyh231366的博客
12-07 1665
很多人都在问什么是webgpu,其实我也很好奇,这玩意,是什么,这玩意其实教程很少,然后经过一系列的学习,大概总结出一些东西,我们先看一下历史:WebGPU是一套基于浏览器的图形API，浏览器封装了现代图形API（Dx12、Vulkan、Metal），提供给Web 3D程序员，为 Web释放了更多的GPU 硬件的功能。有人给出了一句专业的一句这样的语言,但是好像听着有点迷糊是gpu一般指图形处理器。 图形处理器（英语：graphics processing unit，缩写：GPU），又称显示核心、视觉处理器
学习笔记 | Orillusion-WebGPU小白入门（二）
肥宅Davina的博客
09-17 1097
Orillusion官方WebGPU小白入门系列课程学习笔记
WebGPU快速入门教程
u014291990的博客
06-15 3901
webgpu快如入门，绘制第一个三角形函数，无需配置，html文件复制代码就可以打开查看效果
WebGPU入门初识
cuijiying的博客
12-27 2252
WebGPU 是一种现代图形 API，旨在取代 WebGL，提供更高性能和更灵活的 GPU 加速能力。它基于 Vulkan、Metal 和 Direct3D 12，为 Web 开发者带来了类似于原生图形 API 的性能和控制力。与 WebGL 不同，WebGPU 提供了对计算着色器和低级 GPU 操作的直接支持，使开发者能够充分利用 GPU 的潜力来处理图形渲染和并行计算任务。
一、WebGPU 基础理论开始篇
碳学长的博客
09-19 307
在某种程度上，WebGPU是一个非常简单的系统。它所做的只是在 GPU 上运行 3 种类型的函数：顶点着色器， 片段着色器、计算着色器。顶点着色器计算顶点。着色器返回顶点位置。对于每组 3 个顶点，它返回在这 3 个位置之间绘制的三角形。片段着色器计算颜色。绘制三角形时，对于每个像素要绘制，GPU 会调用您的片段着色器。然后，片段着色器返回颜色。计算着色器更通用。它实际上只是您调用的函数和说“执行此函数 N 次”。
WebGPU-1
caxieyou的专栏
07-14 6206
初衷：一直在从事Web端的3D相关工作，主要集中在3D渲染的研发。偶然间在YouTube看到了一段谷歌发布的介绍WebGPU的视频。觉得这是个很有意思的新技术。而且解决了很多现有的WebGL渲染中的痛点，所以就想跟着这套东西一起把仔细看一下。 WebGL出来已经十几年了，大概有个12年了。网上关于这套API接口的资料和教程浩如烟海，配上很多成熟的在线渲染引擎和游戏。做的比较好的有ThreeJS，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值