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