Chapter 585: ParallaxBarrierEffect

Core Idea

A class that creates an parallax barrier effect.

Note that this class can only be used with WebGLRenderer. When using WebGPURenderer, use ParallaxBarrierPassNode.

Code Examples

import { ParallaxBarrierEffect } from 'three/addons/effects/ParallaxBarrierEffect.js';

• What it demonstrates: Typical usage of ParallaxBarrierEffect.

Reference Tables

Constructor

Signature
new ParallaxBarrierEffect( renderer : WebGLRenderer )

Methods

Method	Description
.dispose()	Frees internal resources. This method should be called when the effect is no longer required.
.render( scene : Object3D, camera : Camera )	When using this effect, this method should be called instead of the default WebGLRenderer#render.
.setSize( width : number, height : number )	Resizes the effect.

Key Takeaways

1. Key methods: dispose, render, setSize.

Connects To

• Source: examples/jsm/effects/ParallaxBarrierEffect.js