Core Components
SpotLight
This light gets emitted from a single point in one direction, along a cone that increases in size the further from the light it gets.
This light can cast shadows.
Example
<script>
import { SpotLight, Mesh } from 'threlte'
let mesh
</script>
<Mesh … bind:mesh />
<SpotLight position={{ x: 3, y: 3 }} target={mesh} />
Properties
// optional
position: Position | undefined = undefined
scale: Scale | undefined = undefined
rotation: Rotation | undefined = undefined
lookAt: LookAt | undefined = undefined
viewportAware: boolean = false
receiveShadow: boolean | undefined = undefined
frustumCulled: boolean | undefined = undefined
renderOrder: number | undefined = undefined
visible: boolean | undefined = undefined
color: THREE.ColorRepresentation | undefined = undefined
intensity: number | undefined = undefined
angle: number | undefined = undefined
decay: number | undefined = undefined
distance: number | undefined = undefined
penumbra: number | undefined = undefined
power: number | undefined = undefined
target: LookAt | undefined = undefined
shadow:
| boolean
| {
mapSize?: [number, number]
camera?: { near?: number; far?: number }
bias?: number
radius?: number
}
| undefined = undefined
Bindings
inViewport: boolean
light: THREE.SpotLight
Events
viewportenter: undefined
viewportleave: undefined