WebGPURenderer: Backdrop Node - Part 2/3

[sunag]

Related issue: #25903

Deph Node

Anyone who has ever created a scene that needed DepthTexture for background elements knows how complex scene management becomes. The Depth Node will help in this project, it is possible to define the distance between objects with a single code line.

// depth - is the current depth
// depthTexture() - is the scene depth

const distance = depthTexture().distance( depth );

Popular effects like the Depth Fade widely used in vegetation, is it possible to do with this API.

Some use cases

Example

The example is pretty simple, but it has the main features for this use case.
In this example, I show how to create a volume area, which would be very complicated to do without the API.

https://raw.githack.com/mrdoob/three.js/dev/examples/webgpu_backdrop_area.html