* Generate an entry point that uses an entry point IO variable.
*
* @param {Object} params
* @param params.attribute The entry point IO attribute.
* @param params.type The type to use for the entry point IO variable.
* @param params.stage The shader stage.
* @param params.io An "in|out" string specifying whether the entry point IO is an input or an output.
* @param params.use_struct True to wrap the entry point IO in a struct.
* @returns The generated shader code.
*/
export function generateShader({
attribute,
type,
stage,
io,
use_struct,
enable,
}: {
attribute: string;
type: string;
stage: string;
io: string;
use_struct: boolean;
enable?: string;
}) {
let code = '';
if (enable) {
code += `enable ${enable};\n`;
}
if (use_struct) {
code += 'struct S {\n';
code += ` ${attribute} value : ${type},\n`;
if (stage === 'vertex' && io === 'out' && !attribute.includes('builtin(position)')) {
code += ` @builtin(position) position : vec4<f32>,\n`;
}
code += '};\n\n';
}
if (stage !== '') {
code += `@${stage}`;
if (stage === 'compute') {
code += ' @workgroup_size(1)';
}
}
let param = '';
let retType = '';
let retVal = '';
if (io === 'in') {
if (use_struct) {
param = `in : S`;
} else {
param = `${attribute} value : ${type}`;
}
if (stage === 'vertex') {
retType = `-> @builtin(position) vec4<f32>`;
retVal = `return vec4<f32>();`;
}
} else if (io === 'out') {
if (use_struct) {
retType = '-> S';
retVal = `return S();`;
} else {
retType = `-> ${attribute} ${type}`;
retVal = `return ${type}();`;
}
}
code += `
fn main(${param}) ${retType} {
${retVal}
}
`;
return code;
}
* ResourceDeclarationEmitter is a function that emits the WGSL declaring a resource variable with
* the given group, binding and name.
*/
export type ResourceDeclarationEmitter = (name: string, group?: number, binding?: number) => string;
function groupAndBinding(group?: number, binding?: number): string {
return (
`${group !== undefined ? `@group(${group})` : '/* no group */'} ` +
`${binding !== undefined ? `@binding(${binding})` : '/* no binding */'}`
);
}
function basicEmitter(type: string): ResourceDeclarationEmitter {
return (name: string, group?: number, binding?: number) =>
`${groupAndBinding(group, binding)} var ${name} : ${type};\n`;
}
export const kResourceEmitters = new Map<string, ResourceDeclarationEmitter>([
['texture_1d', basicEmitter('texture_1d<i32>')],
['texture_2d', basicEmitter('texture_2d<i32>')],
['texture_2d_array', basicEmitter('texture_2d_array<f32>')],
['texture_3d', basicEmitter('texture_3d<i32>')],
['texture_cube', basicEmitter('texture_cube<u32>')],
['texture_cube_array', basicEmitter('texture_cube_array<u32>')],
['texture_multisampled_2d', basicEmitter('texture_multisampled_2d<i32>')],
['texture_external', basicEmitter('texture_external')],
['texture_storage_1d', basicEmitter('texture_storage_1d<rgba8unorm, write>')],
['texture_storage_2d', basicEmitter('texture_storage_2d<rgba8sint, write>')],
['texture_storage_2d_array', basicEmitter('texture_storage_2d_array<r32uint, write>')],
['texture_storage_3d', basicEmitter('texture_storage_3d<rgba32uint, write>')],
['texture_depth_2d', basicEmitter('texture_depth_2d')],
['texture_depth_2d_array', basicEmitter('texture_depth_2d_array')],
['texture_depth_cube', basicEmitter('texture_depth_cube')],
['texture_depth_cube_array', basicEmitter('texture_depth_cube_array')],
['texture_depth_multisampled_2d', basicEmitter('texture_depth_multisampled_2d')],
['sampler', basicEmitter('sampler')],
['sampler_comparison', basicEmitter('sampler_comparison')],
[
'uniform',
(name: string, group?: number, binding?: number) =>
`${groupAndBinding(group, binding)} var<uniform> ${name} : array<vec4<f32>, 16>;\n`,
],
[
'storage',
(name: string, group?: number, binding?: number) =>
`${groupAndBinding(group, binding)} var<storage> ${name} : array<vec4<f32>, 16>;\n`,
],
]);
export const kResourceKindsAll = [
'texture_1d',
'texture_2d',
'texture_2d_array',
'texture_3d',
'texture_cube',
'texture_cube_array',
'texture_multisampled_2d',
'texture_external',
'texture_storage_1d',
'texture_storage_2d',
'texture_storage_2d_array',
'texture_storage_3d',
'texture_depth_2d',
'texture_depth_2d_array',
'texture_depth_cube',
'texture_depth_cube_array',
'texture_depth_multisampled_2d',
'sampler',
'sampler_comparison',
'uniform',
'storage',
];
export const kResourceKindsA = ['storage', 'texture_2d', 'texture_external', 'uniform'];
export const kResourceKindsB = ['texture_3d', 'texture_storage_1d', 'uniform'];
export type ShaderStage = 'vertex' | 'fragment' | 'compute';
* declareEntrypoint emits the WGSL to declare an entry point with the given name, stage and body.
* The generated function will have an appropriate return type and return statement, so that `body`
* does not have to change between stage.
* @param name the entry point function name
* @param stage the entry point stage
* @param body the body of the function (excluding any automatically suffixed return statements)
* @returns the WGSL string for the entry point
*/
export function declareEntrypoint(name: string, stage: ShaderStage, body: string): string {
switch (stage) {
case 'vertex':
return `@vertex
fn ${name}() -> @builtin(position) vec4f {
${body}
return vec4f();
}`;
case 'fragment':
return `@fragment
fn ${name}() {
${body}
}`;
case 'compute':
return `@compute @workgroup_size(1)
fn ${name}() {
${body}
}`;
}
}