webgpu 入门_webgpu教程

---

前言

本文介绍了如何运行webgpu的官方demo

---

一、webgpu是什么？

webgpu是一种新的web API，它公开了现代计算机图形功能，特别是Direct3D 12、Metal和Vulkan，用于在图形处理单元（GPU）上执行渲染和计算操作。

二、使用步骤

1.安装node.js

https://nodejs.org/en/
请确保node.js版本 >= 18.12

2.克隆仓库

https://github.com/austinEng/webgpu-samples
代码如下（示例）：

git config --global core.autocrlf false
git clone git@github.com:austinEng/webgpu-samples.git
1
2

4.安装最新开发版chrome并打开webgpu功能

https://www.google.com/intl/zh-CN/chrome/canary/
打开开发版chrome，键入 chrome://flags/，将Unsafe WebGPU 设置为 Enabled

3.运行项目

cd webgpu-samples
npm install
npm run-script build  
npm run-script serve 
1
2
3
4

运行成功后，访问本地端口 http://localhost:3000/

效果展示

---

总结

以上就是今天要讲的内容，本文简单介绍了webgpu的使用。