For AI agents: visit https://whsjs.readme.io/llms.txt for an index of all pages formatted in Markdown and endpoints in OpenAPI.
Jump to Content
WhitestormJS FrameworkGuidesIntegrationsBlog
GuidesIntegrationsBlog
GuidesIntegrationsBlogLog InModulesTry it on CodepenWhitestormJS Framework
Guides
Log InModulesTry it on Codepen
HemisphereLight

Tutorials

  • Getting Started
  • Basic sphere («Hello World» example)
  • Loops & 3D Animation
  • Groups
    • Collision filtering
  • 3D transforms
  • Usage with webpack
  • Variations
  • Modules

Core

  • App
  • Component
  • MeshComponent
  • LightComponent
  • CameraComponent
  • ModuleSystem
  • ModuleManager

Modules

  • App
    • SceneModule
    • ElementModule
    • CameraModule
    • ResizeModule
    • RenderingModule
    • PostProcessorModule
    • VirtualMouseModule
  • Controls
    • Orbit
    • First Person
  • Meshes
    • TextureModule
    • DynamicGeometryModule

Components | Meshes

  • Box
  • Cylinder
  • Dodecahedron
  • Extrude
  • Icosahedron
  • Lathe
  • Line
  • Model
  • Octahedron
  • Parametric
  • Plane
  • Polyhedron
  • Ring
  • Shape
  • Sphere
  • Tetrahedron
  • Text
  • Torus
  • Torusknot
  • Tube

Components | Lights

  • AmbientLight
  • DirectionalLight
  • HemisphereLight
  • PointLight
  • SpotLight

Components | Camera

  • PerspectiveCamera
  • OrthographicCamera
  • CubeCamera

API

  • .extend(object, ...extensions)
Powered by 

HemisphereLight

components / lights / HemisphereLight.js

Suggest Edits

WHS.HemisphereLight is a light source positioned directly above the scene.

It also doesn't need position and target properties.

new WHS.HemisphereLight({
  light: {
    skyColor: 0xff0000,
    groundColor: 0x0000ff,
    intensity: 0.2
  }
}).addTo(world);

Updated less than a minute ago