Chapter 762: QuadMesh

Core Idea

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.

Key Concepts

• camera : OrthographicCamera (readonly): The camera to render the quad mesh with.
• isQuadMesh : boolean (readonly): This flag can be used for type testing.

Reference Tables

Constructor

Signature
new QuadMesh( material : Material )

Properties

Property	Description
.camera : OrthographicCamera (readonly)	The camera to render the quad mesh with.
.isQuadMesh : boolean (readonly)	This flag can be used for type testing.

Methods

Method	Description
.render( renderer : Renderer )	Renders the quad mesh
.renderAsync( renderer : Renderer ) : Promise (async)	Async version of render().

Key Takeaways

1. QuadMesh extends: EventDispatcher → Object3D → Mesh
2. Most relevant properties: camera, isQuadMesh.
3. Key methods: render, renderAsync.

Connects To

• EventDispatcher: parent class
• Object3D: parent class
• Mesh: parent class
• Source: src/renderers/common/QuadMesh.js