threejs使用灯光使模型展现原有的色彩

使用灯光可以使模型展现出原有的色彩，以下是一个使用three.js中灯光的简单示例：

1.创建场景、相机和渲染器：

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;

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

2.创建一个球体几何体和一个基础材质：

var geometry = new THREE.SphereGeometry(1, 32, 32);
var material = new THREE.MeshBasicMaterial({color: 0xffffff});
var sphere = new THREE.Mesh(geometry, material);
scene.add(sphere);

3.创建一个点光源，并将其位置设置在场景外：

var light = new THREE.PointLight(0xffffff, 1, 100);
light.position.set(10, 10, 10);
scene.add(light);

4.渲染场景：

function render() {
  requestAnimationFrame(render);
  sphere.rotation.x += 0.01;
  sphere.rotation.y += 0.01;
  renderer.render(scene, camera);
}
render();

在这个例子中，我们创建了一个白色的球体并将其添加到场景中。然后，我们创建了一个点光源，并将其位置设置在场景外。最后，我们渲染场景，并将球体绕着x和y轴旋转。

这个例子中只有一个点光源，如果需要更细腻的效果，可以尝试使用其他种类的光源，如方向光、聚光灯等。