📄 threejs/Core/Renderers/QuadMesh

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


title: QuadMesh category: Core layout: docs

QuadMesh

This module is a helper for passes which need to render a full screen effect which is quite common in context of post processing.

The intended usage is to reuse a single quad mesh for rendering subsequent passes by just reassigning the material reference.

Note: This module can only be used with WebGPURenderer.

Constructor

new QuadMesh( material : Material )

Constructs a new quad mesh.

material | The material to render the quad mesh with. Default is null.
---|---

Properties

.camera : OrthographicCamera (readonly)

The camera to render the quad mesh with.

.isQuadMesh : boolean (readonly)

This flag can be used for type testing.

Default is true.

Methods

.render( renderer : Renderer )

Renders the quad mesh

renderer | The renderer.
---|---

.renderAsync( renderer : Renderer ) : Promise (async)

Async version of render().

renderer | The renderer.
---|---

Deprecated: Yes

Returns: A Promise that resolves when the render has been finished.

Source

src/renderers/common/QuadMesh.js