SpotLightElement

Representa un reflector que emite un haz de luz en forma de cono. Soporta color, intensidad, alcance, ángulos de cono interno y externo, y parámetros de sombras.

Creando un nuevo Spot Light:

    const spotLight = new SpotLightElement();
    spotLight.color = '#ffffff';
    spotLight.intensity = 1.5;
    spotLight.range = 50;
    spotLight.innerConeAngle = Math.PI / 8;
    spotLight.outerConeAngle = Math.PI / 4;
    scene.add(spotLight);

color: THREE.Color | string

El color del reflector. Puede ser un THREE.Color o una cadena de color CSS.

Ejemplo:

    spotLight.color = '#ffddaa';

intensity: number

El brillo o intensidad del reflector.

Ejemplo:

    spotLight.intensity = 2;

range: number

El alcance efectivo o distancia del reflector. La intensidad de la luz cae a cero más allá de esta distancia.

Ejemplo:

    spotLight.range = 50;

innerConeAngle: number

Ángulo interno del cono (en radianes) que define la región totalmente iluminada del haz del reflector. Dentro de este ángulo, la luz está a máxima intensidad.

Ejemplo:

    spotLight.innerConeAngle = Math.PI / 8;

outerConeAngle: number

Ángulo externo del cono (en radianes) que define la apertura total del haz. Entre el ángulo interno y externo, la intensidad de la luz disminuye gradualmente hasta llegar a cero.

Ejemplo:

    spotLight.outerConeAngle = Math.PI / 4;

shadowMapResolution: number

Resolución del mapa de sombras para el reflector.

Ejemplo:

    spotLight.shadowMapResolution = 1024;

shadowBias: number

Sesgo aplicado a los cálculos de profundidad de sombras para prevenir artefactos.

Ejemplo:

    spotLight.shadowBias = 0.005;

shadowRadius: number

Controla la suavidad de las sombras difuminando los bordes.

Ejemplo:

    spotLight.shadowRadius = 2;