在学习webgpu并渲染图像时发生create graphics pipeline state failed with E_INVALIDARG (0x80070057)错误,图像无法成功渲染。
html代码:
const pipeline = device.createRenderPipeline({// 管线布局配置layout: 'auto',// 顶点着色器配置vertex: {//顶点相关配置module: device.createShaderModule({code: vertex}),entryPoint: "main",buffers: [// 顶点所有的缓冲区模块设置{//其中一个顶点缓冲区设置arrayStride: 3*4,//一个顶点数据占用的字节长度,该缓冲区一个顶点包含xyz三个分量,每个数字是4字节浮点数,3*4字节长度attributes: [{// 顶点缓冲区属性shaderLocation: 0,//GPU显存上顶点缓冲区标记存储位置format: "float32x3",//格式:loat32x3表示一个顶点数据包含3个32位浮点数offset: 0//arrayStride表示每组顶点数据间隔字节数,offset表示读取改组的偏差字节数,没特殊需要一般设置0}]}]},// 片元着色器配置fragment: {module: device.createShaderModule({code: fragment}),entryPoint: "main",targets: [{format: format}],},// 绘制图元配置primitive: {topology: "triangle-list",//三角形绘制顶点数据}});
wgsl代码:
//顶点着色器代码
const vertex = /*wgsl*/`@vertexfn main(@location(0) pos: vec3<f32>) -> @builtin(position) vec4<f32>{// var pos2 = vec4<f32>(pos,1.0);//pos转齐次坐标// pos2.x -= 0.2;//所有的顶点x坐标偏移0.2// return pos2;//返回顶点数据,渲染管线下个环节使用return vec4<f32>(pos,1.0);}
`;
问题:经过一系列测试发现一个不理解的错误。当管线shaderLocation: 0 ;顶点着色器@location(0)不能正常显示,会出现create graphics pipeline state failed with E_INVALIDARG (0x80070057)错误。但当我将这两个值修改为1,图像正常渲染。令人费解!有懂得大神指教一下