Lifetime access to this 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
$300
Buy the Course OnlyBuild advanced web app
Certificate of completion included
Great for focused learners who just want this course





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