Skip to main content

<pc-light>

The <pc-light> tag is used to define a light component.

Usage

Attributes

AttributeTypeDefaultDescription
cast-shadowsFlag-Whether the light casts shadows
colorColor"1 1 1"Light color as space-separated RGB values, hex code, or named color
enabledBoolean"true"Enabled state of the component
inner-cone-angleNumber"40"Inner cone angle in degrees (for spot lights)
intensityNumber"1"Light intensity multiplier
normal-offset-biasNumber"0.05"Normal offset bias for shadow rendering
outer-cone-angleNumber"45"Outer cone angle in degrees (for spot lights)
rangeNumber"10"Light range distance
shadow-biasNumber"0.2"Shadow depth bias
shadow-distanceNumber"16"Maximum shadow rendering distance
shadow-resolutionNumber"1024"Shadow map resolution
shadow-typeEnum"pcf3-32f"Shadow filtering: "pcf1-16f" | "pcf1-32f" | "pcf3-16f" | "pcf3-32f" | "pcf5-16f" | "pcf5-32f" | "vsm-16f" | "vsm-32f" | "pcss-32f"
typeEnum"directional"Light type: "directional" | "omni" | "spot"
vsm-biasNumber"0.01"Variance shadow map bias

Example

<pc-entity>
<pc-light type="directional" intensity="10" color="red" cast-shadows></pc-light>
</pc-entity>

JavaScript Interface

You can programmatically create and manipulate <pc-light> elements using the LightComponentElement API.