Skip navigation


SpotLight: Learning 3D Graphics on the Web with Three.js
SpotLight: Learning 3D Graphics on the Web with Three.js

Spotlights are like point lights but their area of influence is constrained to a cone that gets projected from the light. The border where the light meets the shadows is called penumbra and its softness can be adjusted on the spotlight. You will also notice that the shadows look a bit broken right now. Shadows in three.js are generated using a technique called shadowmaps, which is a performance-optimized way of calculating shadows but can sometimes yield glitchy results. The problem that we are currently seeing is one of the most common artifacts that occurs when using shadow maps. To fix this we need to adjust the bias value on the light shadow.

Resume Transcript Auto-Scroll
Skill Level Intermediate
2h 51m
Show More Show Less
Skills covered in this course
Web Web Graphics JavaScript

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now