📄 threejs/Core/Nodes/FunctionNode

File: FunctionNode.md | Updated: 11/15/2025


title: FunctionNode category: Core layout: docs

FunctionNode

This class represents a native shader function. It can be used to implement certain aspects of a node material with native shader code. There are two predefined TSL functions for easier usage.

  • wgslFn: Creates a WGSL function node.
  • glslFn: Creates a GLSL function node.

A basic example with one include looks like so:

Code Example

const desaturateWGSLFn = wgslFn( `
	fn desaturate( color:vec3<f32> ) -> vec3<f32> {
		let lum = vec3<f32>( 0.299, 0.587, 0.114 );
		return vec3<f32>( dot( lum, color ) );
	}`
);
const someWGSLFn = wgslFn( `
	fn someFn( color:vec3<f32> ) -> vec3<f32> {
		return desaturate( color );
	}
`, [ desaturateWGSLFn ] );
material.colorNode = someWGSLFn( { color: texture( map ) } );

Constructor

new FunctionNode( code : string, includes : Array.<Node>, language : 'js' | 'wgsl' | 'glsl' )

Constructs a new function node.

code | The native code. Default is ''.
---|---
includes | An array of includes. Default is [].
language | The used language. Default is ''.

Methods

.getInputs( builder : NodeBuilder ) : Array.<NodeFunctionInput>

Returns the inputs of this function node.

builder | The current node builder.
---|---

Returns: The inputs.

.getMemberType( builder : NodeBuilder, name : string ) : string

Returns the type of a member of this function node.

builder | The current node builder.
---|---
name | The name of the member.

Overrides: CodeNode#getMemberType

Returns: The type of the member.

.getNodeFunction( builder : NodeBuilder ) : NodeFunction

Returns the node function for this function node.

builder | The current node builder.
---|---

Returns: The node function.

.getNodeType( builder : NodeBuilder ) : string

Returns the type of this function node.

builder | The current node builder.
---|---

Overrides: CodeNode#getNodeType

Returns: The type.

Source

src/nodes/code/FunctionNode.js