WebGPU All In One

发布时间 2023-04-16 00:02:58作者: xgqfrms

WebGPU All In One

https://webgpufundamentals.org/

https://github.com/gfxfundamentals/webgpufundamentals

image

WebGPU 基础知识

本文将尝试向你介绍 WebGPU 的基础知识。

在阅读本文之前,你应该已经了解 JavaScript。
映射数组、 解构赋值、 传播值、 async/await、 es6 模块等 概念 将被广泛使用。
如果你已经了解 WebGL,请阅读此。

https://webgpufundamentals.org/webgpu/lessons/webgpu-from-webgl.html

WebGPU 是一种 API,可让你执行 2 项基本操作

  1. 绘制三角形/点/线到纹理
  2. GPU 上运行计算

https://webgpufundamentals.org/webgpu/lessons/webgpu-fundamentals.html#a-drawing-triangles-to-textures
https://webgpufundamentals.org/webgpu/lessons/webgpu-fundamentals.html#a-run-computations-on-the-gpu

这就对了!
之后关于 WebGPU 的一切都由你决定。这就像学习一种计算机语言,如 JavaScript、Rust 或 C++。
首先,你学习基础知识,然后由你创造性地使用这些基础知识来解决你的问题。

WebGPU 是一个非常低级的 API。
虽然你可以制作一些小示例,但对于许多应用程序而言,它可能需要大量代码和一些严格的数据组织。
例如,支持 WebGPU 的three.js由约 600k 精简的 JavaScript 组成,而这只是它的基础库。
这不包括加载程序、控件、后处理和许多其他功能。

https://threejs.org/

关键是,如果你只想在屏幕上显示一些内容,最好选择一个提供大量代码的库,而这些代码是你自己编写的。
另一方面,也许你有自定义用例,或者你想要修改现有库,或者你可能只是好奇它是如何工作的。
在这些情况下,请继续阅读!

https://webgpufundamentals.org/webgpu/lessons/webgpu-fundamentals.html

(? 反爬虫测试!打击盗版⚠️)如果你看到这个信息, 说明这是一篇剽窃的文章,请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章!

refs



©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

原创文章,版权所有©️xgqfrms, 禁止转载 ?️,侵权必究⚠️!