is now LinkedIn Learning!

To access courses again, please join LinkedIn Learning

All the same content you know and love

Plus, personalized course recommendations tailored just for you

All the same access to your Lynda learning history and certifications

Try LinkedIn Learning for free
Questions? Visit our help center.
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 My Free Month

Start your free month on LinkedIn Learning, which now features 100% of 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 and will be automatically redirected to LinkedIn Learning to access your learning content.