three.js中如何给glb模型添加阴影和Points

在 three.js 中给 glb 模型添加阴影可以通过以下步骤实现：

1. 创建场景，相机，渲染器和一个光源（如平行光或聚光灯）。

2. 加载 glb 模型并添加到场景中。

3. 将光源作为 shadowMap 来源。

4. 将 glb 模型的材质的 shadowMap 属性设置为 true。

5. 调用渲染器的 render 方法来渲染场景。

这里是一个示例代码：

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

// 创建相机
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

// 创建渲染器
const renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );

// 创建光源
const light = new THREE.DirectionalLight( 0xffffff, 1 );
light.position.set( 5, 5, 5 );
light.castShadow = true;

// 加载 glb 模型
const loader = new THREE.GLTFLoader();
loader.load( 'model.glb', function ( gltf ) {
  const model = gltf.scene;
  scene.add( model );
}, undefined, function ( error ) {
  console.error( error );
} );

// 将光源作为 shadowMap 来源
light.target = model;

// 将 glb 模型的材质的 shadowMap 属性设置为 true
model.traverse( function ( node ) {
  if ( node.isMesh ) node.castShadow = true;
} );

// 调用渲染器的 render 方法来渲染场景
renderer.render( scene, camera );

关于如何在 three.js 中给 glb 模型添加 Points，您可以使用 Points 类创建一个点云，并将 glb 模