THREE.JS / FOUNDATIONS 184

Render one idea into a whole volume.

A layer-addressable source becomes both a 2D array target and a 3D target. Move through the slices and watch the same pass land in different GPU shapes.

Initializing —

Preparing generated volume data and layered render targets.

Backend
—
Target shape
—
Layer writes
0
Draw calls
—
Sample
—
DataArrayTexturesource layers

Raw RGBA bytes grouped by width × height × layer.

Class
—
Shape
—
Filter
—
Data3DTexturesource volume

The same bytes exposed through continuous UVW sampling.

Class
—
Shape
—
Wrap R
—
RenderTarget arraysetRenderTarget(layer)

A RenderTarget depth creates a 2D array attachment.

Class
—
Texture
—
Writes
0
RenderTarget3Dvolume attachment

The same layer pass writes into a 3D render target.

Class
—
Texture
—
Writes
0
Slice controls
Render lifecycle
source layer→setRenderTarget→clear + render→sample slices

The initial pass writes every layer into both target types.

Drag to orbit · change the layer · rewrite the selected slice

Previous: parallax UV →
LAB 184 / RENDER TARGET ARRAY + 3D