阅读数:29 评论数:0

一、概述

THREE.DirectionalLight 是 Three.js 中的一种平行光源（Directional Light），用于模拟来自无限远处的均匀光线，例如太阳光。它照射到场景中的所有对象，并产生阴影。

const light = new THREE.DirectionalLight(color, intensity);

• color (可选)

  • 光源的颜色，默认值是白色 (0xffffff)。
  • 可以是十六进制值、CSS 字符串或 THREE.Color 对象。
  • 例如：0xff0000（红色），'blue'，new THREE.Color(0, 1, 0)（绿色）。

• intensity (可选)

  • 光源的强度，默认值是 1。
  • 较大的值会增加光的亮度。

二、使用

// 创建光源
const light = new THREE.DirectionalLight(0xffffff, 1);

// 设置光源的位置
light.position.set(10, 10, 10);

// 添加到场景
scene.add(light);

三、常用属性

• position

  • 定义光源的位置。
  • 例如：light.position.set(x, y, z)。

• target

  • 光源的目标，默认指向场景的中心 (0, 0, 0)。
  • 可以设置为一个特定对象：light.target = mesh;。

• castShadow

  • 是否启用阴影，默认为 false。
  • 如果需要生成阴影，需设置为 true。

• shadow

  • 包含阴影相关的设置，如阴影分辨率、投影范围等。

light.shadow.mapSize.width = 1024;  // 阴影纹理宽度
light.shadow.mapSize.height = 1024; // 阴影纹理高度
light.shadow.camera.near = 0.5;    // 阴影相机的近剪裁面
light.shadow.camera.far = 500;    // 阴影相机的远剪裁面