THREE.JS / FOUNDATIONS 239

Make highlights follow the grain.

Texture anisotropy improves minification. Physical anisotropy changes the shape of a material’s specular lobe. This study loads a generated glTF fixture through the real loader extension and lets the highlight direction move across three brushed-metal specimens.

Preparing glTF fixture—

Building tangent-space geometry, a linear anisotropy direction map, and a loader-parsed asset…

backend: —
extension: —
aniso mats: —
strength: —
frame ms: —

Physical highlight controlswaiting

specimen focus extension strength 0.80 rotation offset 0° environment exposure 1.25

use anisotropy map rotate stage auto-rotate camera

The parsed glTF materials will appear after the loader finishes.

Extension contractwaiting

glTF extensionKHR_materials_anisotropy

waiting

strengthscalar [0, 1]

0.80 × blue map

direction mapRG tangent / B strength

linear, enabled

tangent spaceNORMAL + TANGENT

explicit attributes

lighting lobeelongated specular

physical BRDF active

environmentPMREM context

—

The extension direction describes the axis where the specular reflection stretches; the microscopic grooves that cause it run perpendicular. A map can vary direction and strength per texel.

The study uses the real GLTFLoader extension path and an explicit tangent basis so the material result is attributable to the glTF contract.

Derived from the official glTF + anisotropy example, GLTFLoader, MeshPhysicalMaterial, and KHR_materials_anisotropy. Use ?forceWebGL=1 to inspect the labeled WebGL2 reference.

LAB 239 / GLTF MATERIAL ANISOTROPY