Examples: Migrate royal_esplanade examples to UltraHDRLoader (#32380)

examples/webgl_loader_gltf.html

@@ -28,7 +28,7 @@
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 
 			let camera, scene, renderer, controls;
@@ -46,9 +46,9 @@
 
 				scene = new THREE.Scene();
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgl_loader_gltf_anisotropy.html

@@ -29,7 +29,7 @@
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			let renderer, scene, camera, controls;
 
@@ -56,11 +56,11 @@
 				controls.addEventListener( 'change', render );
 				controls.update();
 
-				const hdrLoader = new HDRLoader().setPath( 'textures/equirectangular/' );
+				const hdrLoader = new UltraHDRLoader().setPath( 'textures/equirectangular/' );
 				const gltfLoader = new GLTFLoader().setPath( 'models/gltf/' );
 
 				const [ texture, gltf ] = await Promise.all( [
-					hdrLoader.loadAsync( 'royal_esplanade_1k.hdr' ),
+					hdrLoader.loadAsync( 'royal_esplanade_2k.hdr.jpg' ),
 					gltfLoader.loadAsync( 'AnisotropyBarnLamp.glb' ),
 				] );
 

examples/webgl_loader_gltf_instancing.html

@@ -30,7 +30,7 @@
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			let camera, scene, renderer;
 
@@ -47,9 +47,9 @@
 
 				scene = new THREE.Scene();
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgl_loader_gltf_transmission.html

@@ -29,7 +29,7 @@
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';
 
@@ -49,9 +49,9 @@
 
 				scene = new THREE.Scene();
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgl_materials_physical_transmission.html

@@ -26,7 +26,7 @@
 
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			const params = {
 				color: 0xffffff,
@@ -48,9 +48,9 @@
 
 			let mesh;
 
-			const hdrEquirect = new HDRLoader()
+			const hdrEquirect = new UltraHDRLoader()
 				.setPath( 'textures/equirectangular/' )
-				.load( 'royal_esplanade_1k.hdr', function () {
+				.load( 'royal_esplanade_2k.hdr.jpg', function () {
 
 					hdrEquirect.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgl_materials_physical_transmission_alpha.html

@@ -65,7 +65,7 @@
 
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 
 			const params = {
@@ -89,9 +89,9 @@
 
 			let mesh, material;
 
-			const hdrEquirect = new HDRLoader()
+			const hdrEquirect = new UltraHDRLoader()
 				.setPath( 'textures/equirectangular/' )
-				.load( 'royal_esplanade_1k.hdr', function () {
+				.load( 'royal_esplanade_2k.hdr.jpg', function () {
 
 					hdrEquirect.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgl_performance.html

@@ -32,7 +32,7 @@
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			let camera, scene, renderer, stats;
 
@@ -63,9 +63,9 @@
 				stats = new Stats();
 				document.body.appendChild( stats.dom );
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgl_pmrem_equirectangular.html

@@ -21,7 +21,7 @@
 
 			import * as THREE from 'three';
 
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 
@@ -52,9 +52,9 @@
 				controls.maxDistance = 10;
 				controls.update();
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( map ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( map ) {
 
 						map.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgl_postprocessing_3dlut.html

@@ -30,7 +30,7 @@
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 			import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js';
 			import { RenderPass } from 'three/addons/postprocessing/RenderPass.js';
 			import { OutputPass } from 'three/addons/postprocessing/OutputPass.js';
@@ -74,9 +74,9 @@
 
 				scene = new THREE.Scene();
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgl_postprocessing_material_ao.html

@@ -36,7 +36,7 @@
 			import Stats from 'three/addons/libs/stats.module.js';
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 			import { PLYLoader } from 'three/addons/loaders/PLYLoader.js';
 			import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js';
 			import { RenderPass } from 'three/addons/postprocessing/RenderPass.js';
@@ -78,7 +78,7 @@
 				renderer.shadowMap.enabled = sceneParameters.shadow;
 
 				const plyLoader = new PLYLoader();
-				const hdrLoader = new HDRLoader();
+				const hdrLoader = new UltraHDRLoader();
 
 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 50 );
 				camera.position.set( 0, 3, 5 );
@@ -103,7 +103,7 @@
 				composer.addPass( renderPasse );
 				composer.addPass( outputPass );
 
-				hdrLoader.load( 'textures/equirectangular/royal_esplanade_1k.hdr', function ( texture ) {
+				hdrLoader.load( 'textures/equirectangular/royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 					texture.mapping = THREE.EquirectangularReflectionMapping;
 					scene.environment = texture;

examples/webgl_renderer_pathtracer.html

@@ -57,7 +57,7 @@
 			import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 			import { LDrawLoader } from 'three/addons/loaders/LDrawLoader.js';
 			import { LDrawUtils } from 'three/addons/utils/LDrawUtils.js';
 			import { LDrawConditionalLineMaterial } from 'three/addons/materials/LDrawConditionalLineMaterial.js';
@@ -210,9 +210,9 @@
 						.catch( onError );
 
 				const envMapPromise =
-					new HDRLoader()
+					new UltraHDRLoader()
 						.setPath( 'textures/equirectangular/' )
-						.loadAsync( 'royal_esplanade_1k.hdr' )
+						.loadAsync( 'royal_esplanade_2k.hdr.jpg' )
 						.then( tex => {
 
 							const envMapGenerator = new BlurredEnvMapGenerator( renderer );

examples/webgpu_compute_cloth.html

@@ -38,7 +38,7 @@
 			import { Inspector } from 'three/addons/inspector/Inspector.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 			import WebGPU from 'three/addons/capabilities/WebGPU.js';
 
 			let renderer, scene, camera, controls;
@@ -108,9 +108,9 @@
 				controls.target.set( 0, - 0.1, 0 );
 				controls.update();
 
-				const hdrLoader = new HDRLoader().setPath( 'textures/equirectangular/' );
+				const hdrLoader = new UltraHDRLoader().setPath( 'textures/equirectangular/' );
 
-				const hdrTexture = await hdrLoader.loadAsync( 'royal_esplanade_1k.hdr' );
+				const hdrTexture = await hdrLoader.loadAsync( 'royal_esplanade_2k.hdr.jpg' );
 				hdrTexture.mapping = THREE.EquirectangularReflectionMapping;
 				scene.background = hdrTexture;
 				scene.backgroundBlurriness = 0.5;

examples/webgpu_compute_particles_fluid.html

@@ -38,7 +38,7 @@
 			import { Inspector } from 'three/addons/inspector/Inspector.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 			import * as BufferGeometryUtils from 'three/addons/utils/BufferGeometryUtils.js';
 			import WebGPU from 'three/addons/capabilities/WebGPU.js';
 
@@ -94,9 +94,9 @@
 				controls.maxPolarAngle = Math.PI * 0.35;
 				controls.touches = { TWO: THREE.TOUCH.DOLLY_ROTATE };
 
-				const hdrLoader = new HDRLoader().setPath( 'textures/equirectangular/' );
+				const hdrLoader = new UltraHDRLoader().setPath( 'textures/equirectangular/' );
 
-				const hdrTexture = await hdrLoader.loadAsync( 'royal_esplanade_1k.hdr' );
+				const hdrTexture = await hdrLoader.loadAsync( 'royal_esplanade_2k.hdr.jpg' );
 				hdrTexture.mapping = THREE.EquirectangularReflectionMapping;
 				scene.background = hdrTexture;
 				scene.backgroundBlurriness = 0.5;

examples/webgpu_custom_fog_background.html

@@ -38,7 +38,7 @@
 			import * as THREE from 'three/webgpu';
 			import { pass, color, rangeFogFactor } from 'three/tsl';
 
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
@@ -87,9 +87,9 @@
 
 				//
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 						scene.environment = texture;

examples/webgpu_loader_gltf.html

@@ -35,7 +35,7 @@
 
 			import * as THREE from 'three/webgpu';
 
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
@@ -57,9 +57,9 @@
 
 				scene = new THREE.Scene();
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 						//texture.minFilter = THREE.LinearMipmapLinearFilter;

examples/webgpu_loader_gltf_anisotropy.html

@@ -40,7 +40,7 @@
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			let renderer, scene, camera, controls;
 
@@ -67,11 +67,11 @@
 				controls.maxDistance = 2;
 				controls.update();
 
-				const hdrLoader = new HDRLoader().setPath( 'textures/equirectangular/' );
+				const hdrLoader = new UltraHDRLoader().setPath( 'textures/equirectangular/' );
 				const gltfLoader = new GLTFLoader().setPath( 'models/gltf/' );
 
 				const [ texture, gltf ] = await Promise.all( [
-					hdrLoader.loadAsync( 'royal_esplanade_1k.hdr' ),
+					hdrLoader.loadAsync( 'royal_esplanade_2k.hdr.jpg' ),
 					gltfLoader.loadAsync( 'AnisotropyBarnLamp.glb' ),
 				] );
 

examples/webgpu_loader_gltf_sheen.html

@@ -43,7 +43,7 @@
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			import { Inspector } from 'three/addons/inspector/Inspector.js';
 
@@ -89,9 +89,9 @@
 
 				scene.background = new THREE.Color( 0xAAAAAA );
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgpu_loader_gltf_transmission.html

@@ -38,7 +38,7 @@
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';
 
@@ -58,9 +58,9 @@
 
 				scene = new THREE.Scene();
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgpu_materials_transmission.html

@@ -40,7 +40,7 @@
 			import { Inspector } from 'three/addons/inspector/Inspector.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			const params = {
 				color: 0xffffff,
@@ -61,9 +61,9 @@
 
 			let mesh;
 
-			const hdrEquirect = new HDRLoader()
+			const hdrEquirect = new UltraHDRLoader()
 				.setPath( 'textures/equirectangular/' )
-				.load( 'royal_esplanade_1k.hdr', function () {
+				.load( 'royal_esplanade_2k.hdr.jpg', function () {
 
 					hdrEquirect.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgpu_mrt.html

@@ -38,7 +38,7 @@
 
 			import { Inspector } from 'three/addons/inspector/Inspector.js';
 
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
@@ -60,9 +60,9 @@
 
 				scene = new THREE.Scene();
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgpu_performance.html

@@ -45,7 +45,7 @@
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 			import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';
 
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			let camera, scene, renderer;
 			let model;
@@ -90,9 +90,9 @@
 
 				//
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgpu_pmrem_equirectangular.html

@@ -24,7 +24,7 @@
 			import * as THREE from 'three/webgpu';
 			import { normalWorldGeometry, uniform, pmremTexture } from 'three/tsl';
 
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 
@@ -59,9 +59,9 @@
 				controls.maxDistance = 10;
 				controls.update();
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( map ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( map ) {
 
 						map.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgpu_postprocessing_dof_basic.html

@@ -90,7 +90,6 @@
 				//
 
 				const hdrLoader = new UltraHDRLoader();
-				hdrLoader.setDataType( THREE.HalfFloatType );
 				const envMap = await hdrLoader.loadAsync( 'textures/equirectangular/spruit_sunrise_2k.hdr.jpg' );
 				envMap.mapping = THREE.EquirectangularReflectionMapping;
 				scene.environmentRotation.y = Math.PI * 0.5;

examples/webgpu_reflection_roughness.html

@@ -54,7 +54,6 @@
 				scene = new THREE.Scene();
 
 				const loader = new UltraHDRLoader();
-				loader.setDataType( THREE.HalfFloatType );
 				loader.load( 'textures/equirectangular/spruit_sunrise_2k.hdr.jpg', function ( texture ) {
 
 					texture.mapping = THREE.EquirectangularReflectionMapping;

examples/webgpu_tsl_angular_slicing.html

@@ -40,7 +40,7 @@
 
 			import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js';
 			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 			import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
 
 			let camera, scene, renderer, controls;
@@ -56,8 +56,8 @@
 
 				// environment
 
-				const hdrLoader = new HDRLoader();
-				hdrLoader.load( './textures/equirectangular/royal_esplanade_1k.hdr', ( environmentMap ) => {
+				const hdrLoader = new UltraHDRLoader();
+				hdrLoader.load( 'textures/equirectangular/royal_esplanade_2k.hdr.jpg', ( environmentMap ) => {
 
 					environmentMap.mapping = THREE.EquirectangularReflectionMapping;
 

examples/webgpu_water.html

@@ -67,7 +67,6 @@
 				scene = new THREE.Scene();
 
 				const loader = new UltraHDRLoader();
-				loader.setDataType( THREE.HalfFloatType );
 				loader.load( 'textures/equirectangular/moonless_golf_2k.hdr.jpg', function ( texture ) {
 
 					texture.mapping = THREE.EquirectangularReflectionMapping;

examples/webxr_ar_lighting.html

@@ -24,7 +24,7 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { HDRLoader } from 'three/addons/loaders/HDRLoader.js';
+			import { UltraHDRLoader } from 'three/addons/loaders/UltraHDRLoader.js';
 			import { ARButton } from 'three/addons/webxr/ARButton.js';
 			import { XREstimatedLight } from 'three/addons/webxr/XREstimatedLight.js';
 
@@ -89,9 +89,9 @@
 
 				//
 
-				new HDRLoader()
+				new UltraHDRLoader()
 					.setPath( 'textures/equirectangular/' )
-					.load( 'royal_esplanade_1k.hdr', function ( texture ) {
+					.load( 'royal_esplanade_2k.hdr.jpg', function ( texture ) {
 
 						texture.mapping = THREE.EquirectangularReflectionMapping;