Learn Three.js - Third Edition

Output the scene as a set of dots

Using THREE.DotScreenPass is very similar to using THREE.BloomPass. We just saw THREE.BloomPass in action. Now, let's look at the code for THREE.DotScreenPass:

var dotScreenPass = new THREE.DotScreenPass(); var dotScreenComposer = new THREE.EffectComposer(renderer);dotScreenComposer.addPass(renderedScene);dotScreenComposer.addPass(dotScreenPass);dotScreenComposer.addPass(effectCopy);

With this effect, we have to once again add effectCopy, to output the result to the screen. THREE.DotScreenPass can also be configured with a number of properties, as follows:

Property	Description
center	With the center property, you can fine-tune the way the dots are offset.
angle	The dots are aligned in a ...