PointLightElement

Representa una fuente de luz puntual que emite luz de manera uniforme en todas las direcciones desde un único punto. Soporta color, intensidad, alcance y proyección de sombras con parámetros ajustables.

Creando una nueva Luz Puntual:

    const pointLight = new PointLightElement();
    pointLight.color = '#ffffff';
    pointLight.intensity = 1.5;
    pointLight.range = 30;
    scene.add(pointLight);

color: THREE.Color | string

El color de la luz puntual. Puede especificarse como una instancia de THREE.Color o como una cadena de color CSS (por ejemplo, "#ffddaa").

Ejemplo:

    pointLight.color = '#ffddaa';

intensity: number

El brillo o intensidad de la luz. Valor numérico donde 1 es la intensidad predeterminada.

Ejemplo:

    pointLight.intensity = 2;

range: number

La distancia máxima desde la fuente de luz en la que la intensidad es efectiva. Más allá de este rango, la luz no tiene efecto.

Ejemplo:

    pointLight.range = 50;

shadowMapResolution: number

Resolución de la textura del mapa de sombras usada para renderizar las sombras proyectadas por esta luz. Una mayor resolución mejora la calidad de las sombras, pero incrementa el costo en rendimiento.

Ejemplo:

    pointLight.shadowMapResolution = 1024;

shadowBias: number

Sesgo aplicado a los cálculos de profundidad de sombra para reducir artefactos como el shadow acne. Es un número decimal pequeño que ajusta la precisión de las sombras.

Ejemplo:

    pointLight.shadowBias = 0.005;

shadowRadius: number

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

Ejemplo:

    pointLight.shadowRadius = 2;