logo
Course

HemisphereLight

Today, we’re going to explore a lighting technique that mimics the natural beauty of the sky and ground: the HemisphereLight . Imagine standing in a lush meadow at sunrise. The sky above is a soft blue, while the ground beneath you glows with a warm, golden hue. This is the magic of HemisphereLight—it creates a gentle, ambient glow that feels natural and harmonious. Let’s dive in and learn how to use it to elevate your 3D scenes! ### What is a HemisphereLight ? In the real world, light doesn’t just come from a single source like the sun or a lamp. It bounces off surfaces, creating a soft, diffused glow that fills the environment. A HemisphereLight in Three.js simulates this effect by blending two colors: one for the sky and one for the ground. It’s perfect for creating natural-looking outdoor scenes or adding a subtle ambient glow to indoor environments. Here’s a real-life example: Picture yourself on a beach at dusk. The sky is a deep blue, while the sand reflects a warm orange tone. Together, these colors create a serene, balanced atmosphere. In Three.js , a HemisphereLight can recreate this effect, giving your scenes a natural and immersive feel.

The rest of this lesson is waiting.
Join JS Mastery Pro to unlock it.

Vanilla Three.js Course

Vanilla Three.js Course

$300

Buy the Course Only
  • Lifetime access to this course

  • Build advanced web app

  • Certificate of completion included

  • Great for focused learners who just want this course

  • gsap
    javascript
    nextjs
    react native
    threejs

    Get Full Access

    $149 /month

    Lock in a year & save—2 months free!

  • Access to all courses

  • Quizzes, mini-challenges, AI summaries, inline sandboxes

  • Participation in a private community

  • Build real production-grade apps

  • Mock interviews & project reviews

  • Weekly live sessions & member-only access