THREE.JS / FOUNDATIONS 238

See the blur that sampling hides.

A steeply viewed surface compresses many texture texels into one screen pixel. Compare a baseline sampler at anisotropy 1 with an adjustable sampler that can follow the dense axis of the texture footprint.

Initializing texture sampler—

Preparing a high-frequency tiled floor and probing the renderer’s sampler limit…

backend: —
max aniso: —
repeat: —
filter: —
frame ms: —

Sampler controlswaiting

minification filter enhanced anisotropy — texture repeat 24×

slide texture auto-rotate camera

The renderer will report its maximum supported anisotropy after initialization.

Sampler contractwaiting

baseline laneanisotropy = 1

one sample axis

enhanced laneadjustable axis samples

waiting for max

mip chainminification choice

trilinear

wrap modeUV address policy

RepeatWrapping

color spacecolor texture input

SRGBColorSpace

backend pathsame sampler intent

—

Anisotropy does not make a texture sharper everywhere: it spends more texture samples where a perspective footprint is elongated. The two lanes use the same generated texture, repeat, and mip policy.

The active lane will use the renderer’s reported maximum when the study is ready.

Derived from the official WebGPU anisotropy example, WebGL anisotropy example, and the Texture sampler properties. Use ?forceWebGL=1 to inspect the labeled WebGL2 reference.

Selected sampler behavior only: generated texture quality, exact official asset/page/pixel fidelity, device-wide performance, and whole-example fidelity remain unverified.

LAB 238 / ANISOTROPIC TEXTURE FILTERING