Core Components
LightInstance
This component lets you use any manually instantiated object that extends THREE.Light in threlte.
Example
<script>
import { RectAreaLight } from 'three'
import { RectAreaLightUniformsLib } from 'three/examples/jsm/lights/RectAreaLightUniformsLib'
import { LightInstance } from 'threlte'
RectAreaLightUniformsLib.init()
export let intensity
const light = new RectAreaLight(0xffffff, intensity, 10, 10)
</script>
<LightInstance {light} {intensity} position={{ x: 5, y: 5 }} />
Properties
// required
light: THREE.Light
// optional
viewportAware: boolean = false
position: Position | undefined = undefined
scale: Scale | undefined = undefined
rotation: Rotation | undefined = undefined
lookAt: LookAt | undefined = undefined
castShadow: boolean | undefined = undefined
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
Bindings
inViewport: boolean
Events
viewportenter: undefined
viewportleave: undefined