WebGPU图形编程(4):构建一个彩色的正方形<学习引自徐博士教程>


 本节我们来复原一个彩色的正方形,前提告知,本节的shaders和main的代码从结构上有调整,我会更加详细的描述每行的代码意思;

源代码下载地址:https://github.com/jack1232/webgpu07

一、首先需要你安装所有的软件包

安装完软件包,确保你的本地生成node_modules文件夹

npm install

二、代码部分

2.1、创建你的index.html文件

1.的"canvas-webgpu"你可以理解为调用webgpu内的canvas接口;

2.