three.js给模型加阴影

要给three.js中的模型添加阴影，需要进行以下几个步骤：

1.首先，需要启用渲染器的阴影映射。可以通过设置renderer.shadowMap.enabled = true来实现。

2.然后，需要设置场景中需要产生阴影的光源。可以通过设置光源的castShadow属性为true来实现。

3.接着，需要为需要接收阴影的模型设置接收阴影的属性。可以通过设置模型的receiveShadow属性为true来实现。

4.最后，需要为需要产生阴影的模型设置产生阴影的属性。可以通过设置模型的castShadow属性为true来实现。

下面是一个示例代码，展示如何在three.js中为模型添加阴影：

//创建渲染器
var renderer = new THREE.WebGLRenderer();
renderer.shadowMap.enabled = true;

//创建场景
var scene = new THREE.Scene();

//创建光源
var light = new THREE.DirectionalLight(0xffffff, 1);
light.position.set(0, 20, 10);
light.castShadow = true;
scene.add(light);

//创建地面模型
var geometry = new THREE.PlaneBufferGeometry(10, 10, 32, 32);
var material = new THREE.MeshLambertMaterial({color: 0xffffff});
var plane = new THREE.Mesh(geometry, material);
plane.receiveShadow = true;
scene.add(plane);

//创建立方体模型
var cubeGeometry = new THREE.BoxGeometry(1, 1, 1);
var cubeMaterial = new THREE.MeshLambertMaterial({color: 0xff0000});
var cube = new THREE.Mesh(cubeGeometry, cubeMaterial);
cube.position.set(0, 1, 0);
cube.castShadow = true;
scene.add(cube);

在上面的代码中，渲染器的阴影映射已经启用，场景中创建了一个光源，地面模型和立方体模型都设置了接收阴影和产生阴影的属性。