logo
Course

RectAreaLight

Welcome back to the world of Three.js ! Today, we’re going to explore the RectAreaLight — a special type of light that mimics the soft, diffused glow of rectangular light sources, like fluorescent ceiling lights, LED panels, or even the light coming through a window. Imagine you’re in a modern office with sleek, rectangular lights on the ceiling. The light spreads evenly, creating a soft and natural illumination. That’s exactly what a RectAreaLight does in Three.js ! Sample image ### What is a RectAreaLight ? In Three.js, a RectAreaLight is a light source that emits light from a rectangular plane. Unlike a PointLight , which radiates light in all directions, or a DirectionalLight , which shines in one direction, a RectAreaLight spreads light evenly across a defined area. This makes it perfect for simulating real-world light fixtures like ceiling lights, TV screens, or even windows.

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