WebGPU Inter-stage 变量

1. webgpu Inter-stage 变量

Inter-stage变量在顶点着色器和片段着色器之间发挥作用。

这里我们声明了一个结构体 struct，这是在顶点着色器和片段着色器之间增加 Inter-stage 变量的一种简便方法。

struct OurVertexShaderOutput {
	@builtin(position) position : vec4f,
	@location(0) color : vec4f
}

然后，我们声明顶点着色器将返回该类型的结构体

@vertex fn vs(@builtin(vertex_index) vertexIndex : u32 ) -> OurVertexShaderOutput {
	
}

我们创建一个有3种颜色的数组

var color = array<vec4f, 3>(
   vec4f(1, 0, 0, 1),
   vec4f(0, 1, 0, 1),
   vec4f(0, 0, 1, 1),
)

然后，我们不再只返回一个表示位置的vec4f，而是声明一个结构体的实例，填充并返回它

var vsOutput : OurVertexShaderOutput;
vsOutput.position = vec4f(pos[vertexIndex], 0.0, 1.0);
vsOutput.color = color[vertexIndex];
return vsOutput;

在片段着色器重，我们声明将其中一个结构体作为参数的函数

@fragment fn fs(fsInput : OurVertexShaderOutput) -> @location(0) vec4f {
	return fsInput.color;
}