DirectionalLightElement

Representa una fuente de luz direccional que simula rayos de luz paralelos, típicamente usada para imitar la luz del sol u otras fuentes lejanas. Soporta color, intensidad y propiedades de sombras configurables.

Creando una nueva Luz Direccional:

    const directionalLight = new DirectionalLightElement();
    directionalLight.color = '#ffffff';
    directionalLight.intensity = 1.5;
    directionalLight.shadowMapResolution = 1024;
    directionalLight.shadowBias = 0.005;
    directionalLight.shadowRadius = 2;
    scene.add(directionalLight);

color: THREE.Color | string

El color de la luz direccional. Acepta una instancia de THREE.Color o una cadena de color CSS (por ejemplo, "#ffffff"). Determina el tono de la luz emitida.

Ejemplo:

    directionalLight.color = '#ffddaa';

intensity: number

El brillo o intensidad de la luz. Valor numérico donde 1 es la intensidad estándar.

Ejemplo:

    directionalLight.intensity = 2;

shadowMapResolution: number

Resolución de la textura del mapa de sombras usada para renderizar sombras. Valores más altos mejoran el detalle de la sombra a costa del rendimiento. Valores típicos son potencias de dos como 512, 1024, 2048.

Ejemplo:

    directionalLight.shadowMapResolution = 2048;

shadowBias: number

Valor de sesgo de sombra para evitar artefactos visuales como el "shadow acne". Es un número decimal pequeño que ajusta la comparación de profundidad en el mapeo de sombras.

Ejemplo:

    directionalLight.shadowBias = 0.01;

shadowRadius: number

Controla la suavidad de los bordes de las sombras. Valores más altos producen sombras más difusas.

Ejemplo:

    directionalLight.shadowRadius = 3;