UNPKG

p5

Version:

[![npm version](https://badge.fury.io/js/p5.svg)](https://www.npmjs.com/package/p5)

648 lines (599 loc) 28.3 kB
import noiseWGSL from './shaders/functions/noise3DWGSL.js'; import randomWGSL from './shaders/functions/randomWGSL.js'; import randomVertWGSL from './shaders/functions/randomVertWGSL.js'; import randomComputeWGSL from './shaders/functions/randomComputeWGSL.js'; import { INSTANCE_ID_VARYING_NAME, BaseType, DataType, NodeTypeToName, NodeType, OpCode, OpCodeToSymbol, isStructType, StatementType, HOOK_PARAM_PREFIX, BlockType } from '../strands/ir_types.js'; import { getNodeDataFromID, extractNodeTypeInfo } from '../strands/ir_dag.js'; import { internalError } from '../strands/strands_FES.js'; import { v as variableNode, c as createStrandsNode, s as scalarLiteralNode, f as functionCallNode } from '../ir_builders-CMXkjMoV.js'; import '../strands/ir_cfg.js'; import '../strands/strands_builtins.js'; function shouldCreateTemp(dag, nodeID) { const nodeType = dag.nodeTypes[nodeID]; if (nodeType !== NodeType.OPERATION) return false; if (dag.baseTypes[nodeID] === BaseType.SAMPLER2D) return false; const uses = dag.usedBy[nodeID] || []; return uses.length > 1; } const TypeNames = { 'float1': 'f32', 'float2': 'vec2<f32>', 'float3': 'vec3<f32>', 'float4': 'vec4<f32>', 'int1': 'i32', 'int2': 'vec2<i32>', 'int3': 'vec3<i32>', 'int4': 'vec4<i32>', 'bool1': 'bool', 'bool2': 'vec2<bool>', 'bool3': 'vec3<bool>', 'bool4': 'vec4<bool>', 'mat2': 'mat2x2<f32>', 'mat3': 'mat3x3<f32>', 'mat4': 'mat4x4<f32>', }; const cfgHandlers = { [BlockType.DEFAULT]: (blockID, strandsContext, generationContext) => { const { dag, cfg } = strandsContext; const instructions = cfg.blockInstructions[blockID] || []; for (const nodeID of instructions) { const nodeType = dag.nodeTypes[nodeID]; if (shouldCreateTemp(dag, nodeID)) { const declaration = wgslBackend.generateDeclaration(generationContext, dag, nodeID); generationContext.write(declaration); } if (nodeType === NodeType.STATEMENT) { wgslBackend.generateStatement(generationContext, dag, nodeID); } if (nodeType === NodeType.ASSIGNMENT) { wgslBackend.generateAssignment(generationContext, dag, nodeID); generationContext.visitedNodes.add(nodeID); } } }, [BlockType.BRANCH](blockID, strandsContext, generationContext) { const { dag, cfg } = strandsContext; // Find all phi nodes in this branch block and declare them const blockInstructions = cfg.blockInstructions[blockID] || []; for (const nodeID of blockInstructions) { const node = getNodeDataFromID(dag, nodeID); if (node.nodeType === NodeType.PHI) { // Check if the phi node's first dependency already has a temp name const dependsOn = node.dependsOn || []; if (dependsOn.length > 0) { const firstDependency = dependsOn[0]; const existingTempName = generationContext.tempNames[firstDependency]; if (existingTempName) { // Reuse the existing temp name instead of creating a new one generationContext.tempNames[nodeID] = existingTempName; continue; // Skip declaration, just alias to existing variable } } // Otherwise, create a new temp variable for the phi node const tmp = `T${generationContext.nextTempID++}`; generationContext.tempNames[nodeID] = tmp; const T = extractNodeTypeInfo(dag, nodeID); const typeName = wgslBackend.getTypeName(T.baseType, T.dimension); // Initialize with default value - WGSL requires initialization let defaultValue; if (T.dimension === 1) { defaultValue = this.defaultScalarValue(T.baseType); } else { // For vector types, use constructor with repeated scalar values const scalarDefault = this.defaultScalarValue(T.baseType); const components = Array(T.dimension).fill(scalarDefault).join(', '); defaultValue = `${typeName}(${components})`; } generationContext.write(`var ${tmp}: ${typeName} = ${defaultValue};`); } } this[BlockType.DEFAULT](blockID, strandsContext, generationContext); }, defaultScalarValue(baseType) { if (baseType === BaseType.FLOAT) { return '0.0'; } else if (baseType === BaseType.BOOL) { return 'false'; } else { return '0'; } }, [BlockType.IF_COND](blockID, strandsContext, generationContext) { const { dag, cfg } = strandsContext; const conditionID = cfg.blockConditions[blockID]; const condExpr = wgslBackend.generateExpression(generationContext, dag, conditionID); generationContext.write(`if (${condExpr})`); this[BlockType.DEFAULT](blockID, strandsContext, generationContext); }, [BlockType.ELSE_COND](blockID, strandsContext, generationContext) { generationContext.write(`else`); this[BlockType.DEFAULT](blockID, strandsContext, generationContext); }, [BlockType.IF_BODY](blockID, strandsContext, generationContext) { this[BlockType.DEFAULT](blockID, strandsContext, generationContext); this.assignPhiNodeValues(blockID, strandsContext, generationContext); }, [BlockType.SCOPE_START](blockID, strandsContext, generationContext) { generationContext.write(`{`); generationContext.indent++; }, [BlockType.SCOPE_END](blockID, strandsContext, generationContext) { generationContext.indent--; generationContext.write(`}`); }, [BlockType.MERGE](blockID, strandsContext, generationContext) { this[BlockType.DEFAULT](blockID, strandsContext, generationContext); }, [BlockType.FUNCTION](blockID, strandsContext, generationContext) { this[BlockType.DEFAULT](blockID, strandsContext, generationContext); }, [BlockType.FOR](blockID, strandsContext, generationContext) { const { dag, cfg } = strandsContext; const instructions = cfg.blockInstructions[blockID] || []; generationContext.write(`for (`); // Set flag to suppress semicolon on the last statement const originalSuppressSemicolon = generationContext.suppressSemicolon; for (let i = 0; i < instructions.length; i++) { const nodeID = instructions[i]; const node = getNodeDataFromID(dag, nodeID); const isLast = i === instructions.length - 1; // Suppress semicolon on the last statement generationContext.suppressSemicolon = isLast; if (shouldCreateTemp(dag, nodeID)) { const declaration = wgslBackend.generateDeclaration(generationContext, dag, nodeID); generationContext.write(declaration); } if (node.nodeType === NodeType.STATEMENT) { wgslBackend.generateStatement(generationContext, dag, nodeID); } if (node.nodeType === NodeType.ASSIGNMENT) { wgslBackend.generateAssignment(generationContext, dag, nodeID); generationContext.visitedNodes.add(nodeID); } } // Restore original flag generationContext.suppressSemicolon = originalSuppressSemicolon; generationContext.write(`)`); }, assignPhiNodeValues(blockID, strandsContext, generationContext) { const { dag, cfg } = strandsContext; // Find all phi nodes that this block feeds into const successors = cfg.outgoingEdges[blockID] || []; for (const successorBlockID of successors) { const instructions = cfg.blockInstructions[successorBlockID] || []; for (const nodeID of instructions) { const node = getNodeDataFromID(dag, nodeID); if (node.nodeType === NodeType.PHI) { // Find which input of this phi node corresponds to our block const branchIndex = node.phiBlocks?.indexOf(blockID); if (branchIndex !== -1 && branchIndex < node.dependsOn.length) { const sourceNodeID = node.dependsOn[branchIndex]; const tempName = generationContext.tempNames[nodeID]; if (tempName && sourceNodeID !== null) { const sourceExpr = wgslBackend.generateExpression(generationContext, dag, sourceNodeID); generationContext.write(`${tempName} = ${sourceExpr};`); } } } } } }, }; const wgslBackend = { hookEntry(hookType) { const params = hookType.parameters.map((param) => { // For struct types, use a raw prefix since we'll create a mutable copy const paramName = param.type.properties ? `_p5_strands_raw_${param.name}` : `${HOOK_PARAM_PREFIX}${param.name}`; return `${paramName}: ${param.type.typeName}`; }).join(', '); const firstLine = `(${params}) {`; // Generate mutable copies for struct parameters const mutableCopies = hookType.parameters .filter(param => param.type.properties) // Only struct types .map(param => ` var ${HOOK_PARAM_PREFIX}${param.name} = _p5_strands_raw_${param.name};`) .join('\n'); return mutableCopies ? firstLine + '\n' + mutableCopies : firstLine; }, addTextureBindingsToDeclarations(strandsContext) { // Add texture and sampler bindings for sampler2D uniforms to both vertex and fragment declarations if (!strandsContext.renderer || !strandsContext.baseShader) return; let bindingIndex = strandsContext.renderer.getNextBindingIndex({ vert: strandsContext.baseShader._vertSrc, frag: strandsContext.baseShader._fragSrc, compute: strandsContext.baseShader._computeSrc, }); for (const {name, typeInfo} of strandsContext.uniforms) { if (typeInfo.baseType === 'sampler2D') { const textureBinding = `@group(0) @binding(${bindingIndex}) var ${name}: texture_2d<f32>;`; const samplerBinding = `@group(0) @binding(${bindingIndex + 1}) var ${name}_sampler: sampler;`; strandsContext.vertexDeclarations.add(textureBinding); strandsContext.vertexDeclarations.add(samplerBinding); strandsContext.fragmentDeclarations.add(textureBinding); strandsContext.fragmentDeclarations.add(samplerBinding); bindingIndex += 2; } } }, addStorageBufferBindingsToDeclarations(strandsContext) { if (!strandsContext.renderer || !strandsContext.baseShader) return; const isComputeShader = strandsContext.baseShader.shaderType === 'compute'; let bindingIndex = strandsContext.renderer.getNextBindingIndex({ vert: strandsContext.baseShader._vertSrc, frag: strandsContext.baseShader._fragSrc, compute: strandsContext.baseShader._computeSrc, }); for (const {name, typeInfo} of strandsContext.uniforms) { if (typeInfo.baseType === 'storage') { const accessMode = isComputeShader ? 'read_write' : 'read'; let declaration; if (typeInfo.schema) { const structTypeName = `${name}Element`; declaration = `struct ${structTypeName} ${typeInfo.schema.structBody}\n@group(0) @binding(${bindingIndex}) var<storage, ${accessMode}> ${name}: array<${structTypeName}>;`; } else { declaration = `@group(0) @binding(${bindingIndex}) var<storage, ${accessMode}> ${name}: array<f32>;`; } if (isComputeShader) { strandsContext.computeDeclarations.add(declaration); } else { strandsContext.vertexDeclarations.add(declaration); strandsContext.fragmentDeclarations.add(declaration); } bindingIndex += 1; } } }, getTypeName(baseType, dimension) { const primitiveTypeName = TypeNames[baseType + dimension]; if (!primitiveTypeName) { return baseType; } return primitiveTypeName; }, getNoiseShaderSnippet() { return noiseWGSL; }, getRandomFragmentShaderSnippet() { return randomWGSL; }, getRandomVertexShaderSnippet() { return randomVertWGSL; }, getRandomComputeShaderSnippet() { return randomComputeWGSL; }, generateHookUniformKey(name, typeInfo) { // For sampler2D types, we don't add them to the uniform struct, // but we still need them in the shader's hooks object so that // they can be set by users. if (typeInfo.baseType === 'sampler2D') { return `${name}: sampler2D`; // Signal that this should not be added to uniform struct } // For storage buffers, we don't add them to the uniform struct // Instead, they become separate storage buffer bindings if (typeInfo.baseType === 'storage') { return null; // Signal that this should not be added to uniform struct } return `${name}: ${this.getTypeName(typeInfo.baseType, typeInfo.dimension)}`; }, generateVaryingVariable(varName, typeInfo) { const typeName = this.getTypeName(typeInfo.baseType, typeInfo.dimension); return `${varName}: ${typeName}`; }, generateLocalDeclaration(varName, typeInfo) { const typeName = this.getTypeName(typeInfo.baseType, typeInfo.dimension); return `var<private> ${varName}: ${typeName};`; }, generateStatement(generationContext, dag, nodeID) { const node = getNodeDataFromID(dag, nodeID); // Generate the expression followed by semicolon (unless suppressed) const semicolon = generationContext.suppressSemicolon ? '' : ';'; if (node.statementType === StatementType.DISCARD) { generationContext.write(`discard${semicolon}`); } else if (node.statementType === StatementType.BREAK) { generationContext.write(`break${semicolon}`); } else if (node.statementType === StatementType.EXPRESSION) { const exprNodeID = node.dependsOn[0]; const expr = this.generateExpression(generationContext, dag, exprNodeID); generationContext.write(`${expr}${semicolon}`); } else if (node.statementType === StatementType.EMPTY) { // Generate just a semicolon (unless suppressed) generationContext.write(semicolon); } else if (node.statementType === StatementType.EARLY_RETURN) { if (node.dependsOn && node.dependsOn.length > 0) { const exprNodeID = node.dependsOn[0]; const expr = this.generateExpression(generationContext, dag, exprNodeID); generationContext.write(`return ${expr}${semicolon}`); } else { generationContext.write(`return${semicolon}`); } } }, generateAssignment(generationContext, dag, nodeID) { const node = getNodeDataFromID(dag, nodeID); // dependsOn[0] = targetNodeID, dependsOn[1] = sourceNodeID const targetNodeID = node.dependsOn[0]; const sourceNodeID = node.dependsOn[1]; const targetNode = getNodeDataFromID(dag, targetNodeID); const semicolon = generationContext.suppressSemicolon ? '' : ';'; // Check if target is an array access (storage buffer assignment) if (targetNode.opCode === OpCode.Binary.ARRAY_ACCESS) { const [bufferID, indexID] = targetNode.dependsOn; const bufferExpr = this.generateExpression(generationContext, dag, bufferID); const indexExpr = this.generateExpression(generationContext, dag, indexID); const sourceExpr = this.generateExpression(generationContext, dag, sourceNodeID); const fieldSuffix = targetNode.identifier ? `.${targetNode.identifier}` : ''; generationContext.write(`${bufferExpr}[i32(${indexExpr})]${fieldSuffix} = ${sourceExpr}${semicolon}`); return; } // Check if target is a swizzle assignment if (targetNode.opCode === OpCode.Unary.SWIZZLE) { const parentID = targetNode.dependsOn[0]; const parentNode = getNodeDataFromID(dag, parentID); const parentExpr = this.generateExpression(generationContext, dag, parentID); const swizzle = targetNode.swizzle; const parentDimension = parentNode.dimension; const sourceExpr = this.generateExpression(generationContext, dag, sourceNodeID); // Create an array for each element of the target variable const componentMap = []; for (let i = 0; i < parentDimension; i++) { componentMap[i] = { target: 'self', index: i }; } // Map swizzle characters to component indices const getComponentIndex = (char) => { if ('xyzw'.includes(char)) return 'xyzw'.indexOf(char); if ('rgba'.includes(char)) return 'rgba'.indexOf(char); return -1; }; // Update the component map based on the swizzle assignment for (let i = 0; i < swizzle.length; i++) { const targetComponentIndex = getComponentIndex(swizzle[i]); if (targetComponentIndex >= 0 && targetComponentIndex < parentDimension) { componentMap[targetComponentIndex] = { target: 'rhs', index: i }; } } // Generate the reconstruction expression const vectorTypeName = this.getTypeName(parentNode.baseType, parentDimension); const components = componentMap.map(({ target, index }) => { return `${target === 'self' ? parentExpr : sourceExpr}.${'xyzw'[index]}` }); generationContext.write(`${parentExpr} = ${vectorTypeName}(${components.join(', ')})${semicolon}`); } else { // Regular assignment const targetExpr = this.generateExpression(generationContext, dag, targetNodeID); const sourceExpr = this.generateExpression(generationContext, dag, sourceNodeID); // Generate assignment if we have both target and source if (targetExpr && sourceExpr && targetExpr !== sourceExpr) { generationContext.write(`${targetExpr} = ${sourceExpr}${semicolon}`); } } }, generateDeclaration(generationContext, dag, nodeID) { const expr = this.generateExpression(generationContext, dag, nodeID); const tmp = `T${generationContext.nextTempID++}`; generationContext.tempNames[nodeID] = tmp; const T = extractNodeTypeInfo(dag, nodeID); const typeName = this.getTypeName(T.baseType, T.dimension); return `var ${tmp}: ${typeName} = ${expr};`; }, generateReturnStatement(strandsContext, generationContext, rootNodeID, returnType) { if (!returnType) { generationContext.write('return;'); return; } const dag = strandsContext.dag; const rootNode = getNodeDataFromID(dag, rootNodeID); if (isStructType(returnType) && rootNode.identifier) { const structTypeInfo = returnType; for (let i = 0; i < structTypeInfo.properties.length; i++) { const prop = structTypeInfo.properties[i]; const val = this.generateExpression(generationContext, dag, rootNode.dependsOn[i]); if (prop.name !== val) { generationContext.write( `${rootNode.identifier}.${prop.name} = ${val};` ); } } } generationContext.write(`return ${this.generateExpression(generationContext, dag, rootNodeID)};`); }, generateExpression(generationContext, dag, nodeID) { const node = getNodeDataFromID(dag, nodeID); if (generationContext.tempNames?.[nodeID]) { return generationContext.tempNames[nodeID]; } switch (node.nodeType) { case NodeType.LITERAL: if (node.baseType === BaseType.FLOAT) { return node.value.toFixed(4); } else { return node.value; } case NodeType.VARIABLE: // Track shared variable usage context if (generationContext.shaderContext && generationContext.strandsContext?.sharedVariables?.has(node.identifier)) { const sharedVar = generationContext.strandsContext.sharedVariables.get(node.identifier); if (generationContext.shaderContext === 'vertex') { sharedVar.usedInVertex = true; } else if (generationContext.shaderContext === 'fragment') { sharedVar.usedInFragment = true; } } // Detect instanceID usage in fragment context and rewrite to varying name if (node.identifier === this.instanceIdReference() && generationContext.shaderContext === 'fragment') { generationContext.strandsContext._instanceIDUsedInFragment = true; return INSTANCE_ID_VARYING_NAME; } // Check if this is a uniform variable (but not a texture or storage buffer) const uniform = generationContext.strandsContext?.uniforms?.find(uniform => uniform.name === node.identifier); if (uniform && uniform.typeInfo.baseType !== 'sampler2D' && uniform.typeInfo.baseType !== 'storage') { return `hooks.${node.identifier}`; } return node.identifier; case NodeType.OPERATION: const useParantheses = node.usedBy.length > 0; if (node.opCode === OpCode.Nary.CONSTRUCTOR) { // TODO: differentiate casts and constructors for more efficient codegen. // if (node.dependsOn.length === 1 && node.dimension === 1) { // return this.generateExpression(generationContext, dag, node.dependsOn[0]); // } if (node.baseType === BaseType.SAMPLER2D) { return this.generateExpression(generationContext, dag, node.dependsOn[0]); } const T = this.getTypeName(node.baseType, node.dimension); const deps = node.dependsOn.map((dep) => this.generateExpression(generationContext, dag, dep)); return `${T}(${deps.join(', ')})`; } if (node.opCode === OpCode.Nary.TERNARY) { const [condID, trueID, falseID] = node.dependsOn; const cond = this.generateExpression(generationContext, dag, condID); const trueExpr = this.generateExpression(generationContext, dag, trueID); const falseExpr = this.generateExpression(generationContext, dag, falseID); return `select(${falseExpr}, ${trueExpr}, ${cond})`; } if (node.opCode === OpCode.Nary.FUNCTION_CALL) { // Convert mod() function calls to % operator in WGSL if (node.identifier === 'mod' && node.dependsOn.length === 2) { const [leftID, rightID] = node.dependsOn; const left = this.generateExpression(generationContext, dag, leftID); const right = this.generateExpression(generationContext, dag, rightID); const useParantheses = node.usedBy.length > 0; if (useParantheses) { return `(${left} % ${right})`; } else { return `${left} % ${right}`; } } // Convert atan(y, x) to atan2(y, x) in WGSL if (node.identifier === 'atan' && node.dependsOn.length === 2) { const functionArgs = node.dependsOn.map(arg => this.generateExpression(generationContext, dag, arg)); return `atan2(${functionArgs.join(', ')})`; } const functionArgs = node.dependsOn.map(arg =>this.generateExpression(generationContext, dag, arg)); if (node.identifier === 'random') { const ctx = generationContext.shaderContext; if (ctx === 'fragment') { functionArgs.push('_p5FragPos.xy'); } else if (ctx === 'vertex') { functionArgs.push('f32(_p5VertexId)'); } else if (ctx === 'compute') { functionArgs.push('_p5GlobalId'); } } return `${node.identifier}(${functionArgs.join(', ')})`; } if (node.opCode === OpCode.Binary.MEMBER_ACCESS) { const [lID, rID] = node.dependsOn; const lName = this.generateExpression(generationContext, dag, lID); const rName = this.generateExpression(generationContext, dag, rID); return `${lName}.${rName}`; } if (node.opCode === OpCode.Unary.SWIZZLE) { const parentID = node.dependsOn[0]; const parentExpr = this.generateExpression(generationContext, dag, parentID); return `${parentExpr}.${node.swizzle}`; } if (node.opCode === OpCode.Binary.ARRAY_ACCESS) { const [bufferID, indexID] = node.dependsOn; const bufferExpr = this.generateExpression(generationContext, dag, bufferID); const indexExpr = this.generateExpression(generationContext, dag, indexID); const fieldSuffix = node.identifier ? `.${node.identifier}` : ''; return `${bufferExpr}[i32(${indexExpr})]${fieldSuffix}`; } if (node.dependsOn.length === 2) { const [lID, rID] = node.dependsOn; const left = this.generateExpression(generationContext, dag, lID); const right = this.generateExpression(generationContext, dag, rID); // In WGSL, % operator works for both floats and integers if (node.opCode === OpCode.Binary.MODULO) { return `(${left} % ${right})`; } const opSym = OpCodeToSymbol[node.opCode]; if (useParantheses) { return `(${left} ${opSym} ${right})`; } else { return `${left} ${opSym} ${right}`; } } if (node.opCode === OpCode.Unary.LOGICAL_NOT || node.opCode === OpCode.Unary.NEGATE || node.opCode === OpCode.Unary.PLUS ) { const [i] = node.dependsOn; const val = this.generateExpression(generationContext, dag, i); const sym = OpCodeToSymbol[node.opCode]; return `${sym}${val}`; } case NodeType.PHI: // Phi nodes represent conditional merging of values // If this phi node has an identifier (like varying variables), use that if (node.identifier) { return node.identifier; } // Otherwise, they should have been declared as temporary variables // and assigned in the appropriate branches if (generationContext.tempNames?.[nodeID]) { return generationContext.tempNames[nodeID]; } else { // If no temp was created, this phi node only has one input // so we can just use that directly const validInputs = node.dependsOn.filter(id => id !== null); if (validInputs.length > 0) { return this.generateExpression(generationContext, dag, validInputs[0]); } else { throw new Error('No valid inputs for node'); } } case NodeType.ASSIGNMENT: internalError(`ASSIGNMENT nodes should not be used as expressions`); default: internalError(`${NodeTypeToName[node.nodeType]} code generation not implemented yet`); } }, generateBlock(blockID, strandsContext, generationContext) { const type = strandsContext.cfg.blockTypes[blockID]; const handler = cfgHandlers[type] || cfgHandlers[BlockType.DEFAULT]; handler.call(cfgHandlers, blockID, strandsContext, generationContext); }, createGetTextureCall(strandsContext, args) { // In WebGPU, we need to add a sampler argument for the texture call // First argument should be a texture, second should be coordinates // We need to augment with a sampler argument based on the texture name const textureArg = args[0]; const coordsArg = args[1]; // Create a sampler variable node - add "_sampler" suffix to the texture identifier const { dag } = strandsContext; const textureNode = getNodeDataFromID(dag, textureArg.id); const samplerIdentifier = textureNode.identifier + '_sampler'; const samplerVariable = variableNode(strandsContext, { baseType: BaseType.SAMPLER, dimension: 1 }, samplerIdentifier); const samplerNode = createStrandsNode(samplerVariable.id, samplerVariable.dimension, strandsContext); // Create a LOD literal node (0.0) so we can use textureSampleLevel instead // of textureSample. textureSample doesn't let you use uniform values in control // flow, whereas textureSampleLevel does. While we don't have mipmaps, we don't // miss out. // TODO: if we *do* add mipmap support, update this logic -- we'd need to hoist // the texture lookup out of the control flow. const lodLiteral = scalarLiteralNode( strandsContext, { dimension: 1, baseType: BaseType.FLOAT }, 0.0 ); const lodNode = createStrandsNode(lodLiteral.id, lodLiteral.dimension, strandsContext); // Create the augmented args: [texture, sampler, coords, lod] const augmentedArgs = [textureArg, samplerNode, coordsArg, lodNode]; const { id, dimension } = functionCallNode(strandsContext, 'textureSampleLevel', augmentedArgs, { overloads: [{ params: [DataType.sampler2D, DataType.sampler, DataType.float2, DataType.float1], returnType: DataType.float4 }] }); return { id, dimension }; }, instanceIdReference() { return 'instanceID'; }, generateInstanceIDVarying() { return { name: INSTANCE_ID_VARYING_NAME, declaration: `${INSTANCE_ID_VARYING_NAME}: i32`, source: 'i32(instanceID)', interpolation: 'flat' }; }, }; export { wgslBackend };