在 Three.js 中，要实现更加真实的 3D 场景效果，可以使用贴图、阴影和灯光等功能。以下是一个简单的实现示例：
- 添加贴图
要添加贴图，可以使用 Three.js 中的 TextureLoader 类加载图像，并将其应用到材质中。以下是一个简单的示例：javascriptCopy
const textureLoader = new THREE.TextureLoader();
const texture = textureLoader.load('path/to/texture.png');
const material = new THREE.MeshStandardMaterial({ map: texture });
const cube = new THREE.Mesh(new THREE.BoxGeometry(), material);
scene.add(cube);
在这个示例中，我们使用 TextureLoader 类加载了一个纹理图像，并将其应用到 MeshStandardMaterial 材质中。然后，我们使用 BoxGeometry 几何体创建了一个立方体网格对象，并将其加入到场景中。
- 添加阴影
要添加阴影，可以使用 Three.js 中的 SpotLight 或 DirectionalLight 来创建灯光，并将其属性 castShadow 设置为 true。以下是一个简单的示例：javascriptCopy
const light = new THREE.SpotLight(0xffffff, 1);
light.position.set(0, 10, 0);
light.castShadow = true;
scene.add(light);
const planeGeometry = new THREE.PlaneGeometry(10, 10, 1, 1);
const planeMaterial = new THREE.MeshStandardMaterial({ color: 0x808080 });
const plane = new THREE.Mesh(planeGeometry, planeMaterial);
plane.receiveShadow = true;
scene.add(plane);
在这个示例中，我们创建了一个白色的聚光灯，并将其位置设置为 (0, 10, 0)。我们还将 castShadow 属性设置为 true，以使灯光投射阴影。
然后，我们创建了一个平面几何体，并应用了一个灰色的标准材质。我们还将 receiveShadow 属性设置为 true，以使平面接收阴影。
- 添加环境光和半球光
要创建更加真实的场景，可以添加环境光和半球光。环境光用于模拟场景中的全局照明，而半球光用于模拟天空的光照。以下是一个简单的示例：javascriptCopy
const ambientLight = new THREE.AmbientLight(0xffffff, 0.5);
scene.add(ambientLight);
const hemisphereLight = new THREE.HemisphereLight(0xffffff, 0x444444, 1);
scene.add(hemisphereLight);
在这个示例中，我们创建了一个白色的环境光，并将其强度设置为 0.5。我们还创建了一个半球光，并将其上半部分的颜色设置为白色，下半部分的颜色设置为深灰色，并将其强度设置为 1。
通过以上步骤，我们就可以在 Three.js 中创建具有贴图、阴影和灯光的 3D 场景了。在实际项目中，我们可以根据具体需求来调整材质、灯光和阴影等参数，以实现各种各样的 3D 场景效果。