Chapter 171: HDRLoader

Core Idea

A loader for the RGBE HDR texture format.

Key Concepts

• type : HalfFloatType | FloatType: The texture type.

Code Examples

const loader = new HDRLoader();
const envMap = await loader.loadAsync( 'textures/equirectangular/blouberg_sunrise_2_1k.hdr' );
envMap.mapping = THREE.EquirectangularReflectionMapping;
scene.environment = envMap;

• What it demonstrates: Typical usage of HDRLoader.

Reference Tables

Constructor

Signature
new HDRLoader( manager : LoadingManager )

Properties

Property	Description
`.type : HalfFloatType	FloatType`

Methods

Method	Description
.parse( buffer : ArrayBuffer ) : DataTextureLoader~TexData	Parses the given RGBE texture data.
`.setDataType( value : HalfFloatType	FloatType ) : HDRLoader`

Key Takeaways

1. HDRLoader extends: Loader → DataTextureLoader
2. Most relevant properties: type.
3. Key methods: parse, setDataType.

Connects To

• Loader: parent class
• DataTextureLoader: parent class
• Source: examples/jsm/loaders/HDRLoader.js