uniapp 利用three.js加载hdr文件

可以通过以下步骤利用 Three.js 在 Uniapp 中加载 HDR 文件：

1. 在 Uniapp 项目中安装 Three.js 库

使用 npm 安装 Three.js 库：

npm install three --save

2. 导入 Three.js 库

在需要使用 Three.js 的页面中导入 Three.js 库：

import * as THREE from 'three';

3. 创建 Three.js 场景

let scene = new THREE.Scene();

4. 创建 Three.js 相机

let camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.set(0, 0, 0);

5. 创建 Three.js 渲染器

let renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

6. 加载 HDR 文件

let hdrLoader = new THREE.HDRCubeTextureLoader();
let hdrTexture = hdrLoader.load( 'path/to/hdr/file.hdr', () => {
    // 渲染场景
    renderer.render(scene, camera);
});

7. 将 HDR 纹理应用到场景中的物体上

let material = new THREE.MeshPhysicalMaterial({
    envMap: hdrTexture,
    envMapIntensity: 1
});
let geometry = new THREE.BoxGeometry(1, 1, 1);
let mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);

注意：在加载 HDR 文件时，需要使用 `HDRCubeTextureLoader`，而不是普通的 `TextureLoader`。另外，`envMapIntensity` 属性可以调整 HDR 纹理的强度。