Visit the Documentation of the upcoming Threlte 6.
  1. @threlte/core
  2. HemisphereLight

@threlte/core

HemisphereLight

This module is deprecated. You can still use it but it will be removed in the future. Please consider using <T>/<Three> instead. Please read the update notice.

A light source positioned directly above the scene, with color fading from the sky color to the ground color. This light cannot be used to cast shadows.

Import

Source

Github View Source Code

Package

NPM View Package

Related Docs


Example

<script>
  import { HemisphereLight } from '@threlte/core'
</script>

<HemisphereLight skyColor={0xfb9796} groundColor={0xc1b8a5} />

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
castShadow: boolean | undefined = undefined
frustumCulled: boolean | undefined = undefined
renderOrder: number | undefined = undefined
visible: boolean | undefined = undefined
dispose: boolean | undefined = undefined
userData: Record<string, any> | undefined = undefined
intensity: number | undefined = undefined
skyColor: THREE.ColorRepresentation | undefined = undefined
groundColor: THREE.ColorRepresentation | undefined = undefined

Bindings

inViewport: boolean
light: THREE.HemisphereLight

Events

viewportenter: undefined
viewportleave: undefined