three.js法线贴图

三维图形渲染引擎Three.js支持法线贴图（normal mapping），通过法线贴图可以增强模型的细节和真实感。法线贴图是一种纹理映射技术，用于模拟光照对凹凸物体表面的影响。

在Three.js中使用法线贴图，需要将法线贴图纹理加载到材质中。可以使用`THREE.TextureLoader`加载法线贴图纹理，并将其应用到合适的材质中。例如，使用`THREE.MeshStandardMaterial`作为材质，可以通过设置`normalMap`属性来应用法线贴图。

以下是一个简单的示例代码：

// 创建一个立方体
const geometry = new THREE.BoxGeometry(1, 1, 1);

// 加载法线贴图纹理
const textureLoader = new THREE.TextureLoader();
const normalMapTexture = textureLoader.load('normal_map.jpg');

// 创建材质并应用法线贴图
const material = new THREE.MeshStandardMaterial({
  normalMap: normalMapTexture
});

// 创建网格并应用材质
const cube = new THREE.Mesh(geometry, material);

// 将网格添加到场景中进行显示
scene.add(cube);

在上述示例中，`normal_map.jpg`是法线贴图的纹理文件路径。你可以替换为你自己的法线贴图纹理文件。

请注意，为了使法线贴图生效，还需要设置光源和相机等其他相关参数。这里只提供了一个简单的示例来说明如何在Three.js中使用法线贴图。你可以根据具体需求进行进一步的调整和优化。