WebGPU 是一种全新的现代API，用于在 Web 应用程序中访问 GPU 的功能。在 WebGPU 之前，有 一种WebGL技术，它提供了 WebGPU 功能的子集。 而WebGPU启用了新一类丰富的网络内容，开发人员可以用它构建了令人惊叹的应用。其历史可以追溯到2007 年发布的 OpenGL ES 2.0 API，而该 API 又基于更旧的 OpenGL API。 WebGPU 将这些现代 API 的进步带到了 Web 平台。 它专注于以跨平台的方式启用 GPU 功能，同时提供一个在网络上感觉自然的 API，并且比它所构建的一些本机 API 更简洁。
GPU 通常与渲染快速、详细的图形联系在一起，WebGPU 也不例外。 它具有支持当今桌面和移动 GPU 上许多最流行的渲染技术所需的功能，并为未来随着硬件功能的不断发展添加新功能提供了途径。除了渲染之外，WebGPU 还可以释放 GPU 执行通用、高度并行工作负载的潜力。 这些计算着色器可以独立使用，无需任何渲染组件，也可以作为渲染管道的紧密集成部分。
一、初始化WebGPU
如果你只想使用 WebGPU 进行计算，那么则无需在屏幕上显示任何内容就可以体验WebGPU。 但是，如果你想要再屏幕上渲染内容，就像我们将在 Codelab 中所做的那样，你需要准备一个画布。
1.1 从canvas开始
首先，我们创建一个新的 HTML 文档，然后准备一个canvas元素，用于绘制具体的内容，代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<ti