Skip navigation

SpotLight

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
Duration
76,773
Views
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 My Free Month

Start your free month on LinkedIn Learning, which now features 100% of Lynda.com courses. Develop in-demand skills with access to thousands of expert-led courses on business, tech and creative topics.

Start My Free Month

You are now leaving Lynda.com and will be automatically redirected to LinkedIn Learning to start your free trial.