← Lab index
THREE.JS / FONT LOADER PIPELINE

Parse a TTF, build a mirrored word.

This focused contract keeps the official loader chain visible: TTFLoader parses the local pinned kenpixel.ttf asset, Font converts the result, and TextGeometry extrudes a front word plus a mirrored companion over shared geometry.

This route claims the installed WebGLRenderer, pinned local kenpixel.ttf asset, TTFLoader → Font → TextGeometry chain, source-shaped depth/size/hover/bevel/curve settings, shared geometry for the mirrored mesh, text rebuild, pointer/slider rotation, pause, bounded sampling, reset, and teardown. The official random light color, exact page/camera/fog/ground/pixel composition, Stats panel, arbitrary TTF corpus, device/backend matrix, and whole-example fidelity remain separate.

Source: official three.js TTF loader example · asset pinned from the same three.js commit.