Chapter 407: DotScreenNode

Core Idea

Post processing node for creating dot-screen effect.

Key Concepts

• angle : UniformNode.<float>: A uniform node that represents the rotation of the effect in radians.
• inputNode : Node: The node that represents the input of the effect.
• scale : UniformNode.<float>: A uniform node that represents the scale of the effect. A higher value means smaller dots.

Code Examples

import { dotScreen } from 'three/addons/tsl/display/DotScreenNode.js';

• What it demonstrates: Typical usage of DotScreenNode.

Reference Tables

Constructor

Signature
new DotScreenNode( inputNode : Node, angle : number, scale : number )

Properties

Property	Description
.angle : UniformNode.<float>	A uniform node that represents the rotation of the effect in radians.
.inputNode : Node	The node that represents the input of the effect.
.scale : UniformNode.<float>	A uniform node that represents the scale of the effect. A higher value means smaller dots.

Methods

Method	Description
.setup( builder : NodeBuilder ) : ShaderCallNodeInternal	This method is used to setup the effect's TSL code.

Key Takeaways

1. DotScreenNode extends: EventDispatcher → Node → TempNode
2. Most relevant properties: angle, inputNode, scale.
3. Key methods: setup.

Connects To

• EventDispatcher: parent class
• Node: parent class
• TempNode: parent class
• Source: examples/jsm/tsl/display/DotScreenNode.js