📄 threejs/Addons/TSL/SobelOperatorNode

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


title: SobelOperatorNode category: Addons layout: docs

SobelOperatorNode

Post processing node for detecting edges with a sobel filter. A sobel filter should be applied after tone mapping and output color space conversion.

Import

SobelOperatorNode is an addon, and must be imported explicitly, see Installation#Addons.

import { sobel } from 'three/addons/tsl/display/SobelOperatorNode.js';

Constructor

new SobelOperatorNode( textureNode : TextureNode )

Constructs a new sobel operator node.

textureNode | The texture node that represents the input of the effect.
---|---

Properties

.textureNode : TextureNode

The texture node that represents the input of the effect.

.updateBeforeType : string

The updateBeforeType is set to NodeUpdateType.FRAME since the node updates its internal uniforms once per frame in updateBefore().

Default is 'frame'.

Overrides: TempNode#updateBeforeType

Methods

.setup( builder : NodeBuilder ) : ShaderCallNodeInternal

This method is used to setup the effect's TSL code.

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

Overrides: TempNode#setup

.updateBefore( frame : NodeFrame )

This method is used to update the effect's uniforms once per frame.

frame | The current node frame.
---|---

Overrides: TempNode#updateBefore

Source

examples/jsm/tsl/display/SobelOperatorNode.js