Adding a “gobo/overlay” to a light

Working with a 3D package like Maya I can add a gobo (overlay if you will) to a light. This is a very easy way to add a lot of interest to your screen. I have attached a few images that shows what I mean.

Can this be done with threejs? I know I can change the color or the spotlight, but instead of color, can I map an image, video, or Lottie animation (thanks for adding the Lottie support!:wink:)

Thank you everyone!!

image image

1 Like

This feature was already discussed at GitHub and multiple PRs tried to implement it. However, it’s not yet clear how the API should look like. Check out the following PR for the latest discussion:


Thank you very much!