# \#spotlight

**URL:** https://discourse.threejs.org/tag/spotlight/586.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [No shadows with Spotlight](https://discourse.threejs.org/t/no-shadows-with-spotlight/90203)

<div class="topic-metadata">

**Author:** [@iaa](https://discourse.threejs.org/u/iaa)\
**Replies:** 2\
**Last updated:** [March 5, 2026, 1:12pm UTC](https://discourse.threejs.org/t/no-shadows-with-spotlight/90203 "2026-03-05T13:12:16Z")

</div>

Hi, I’ve started working on an idea for a scene with a spotlight updated with the mouse, but I got stuck trying to make the shadows even appear. I’ve already tried changing a lot of settings of the renderer, material, ob…

---

## [Need to show a light emerging from source](https://discourse.threejs.org/t/need-to-show-a-light-emerging-from-source/31305)

<div class="topic-metadata">

**Author:** [@mhkasif](https://discourse.threejs.org/u/mhkasif)\
**Replies:** 5\
**Last updated:** [August 11, 2025, 3:27pm UTC](https://discourse.threejs.org/t/need-to-show-a-light-emerging-from-source/31305 "2025-08-11T15:27:05Z")

</div>

i want to show light emerging from lighthouse but spotlight just showing to floor. provided the current working of a project above. want spotlight to behave like below https://images.app.goo.gl/KK1qeE7yyhMB2UPU6

---

## [Make SpotLight shadow camera fov smaller than light angle](https://discourse.threejs.org/t/make-spotlight-shadow-camera-fov-smaller-than-light-angle/81599)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 6\
**Last updated:** [April 26, 2025, 9:09pm UTC](https://discourse.threejs.org/t/make-spotlight-shadow-camera-fov-smaller-than-light-angle/81599 "2025-04-26T21:09:35Z")

</div>

Apparently it is too difficult to make the fov of a SpotLight’s shadow.camera be different than the angle of the light. The fov of spotlight.shadow.camera will be overwritten based on spotlight.angle, and doing this is …

---

## [Multiple moving spotlight with GLSL shaders](https://discourse.threejs.org/t/multiple-moving-spotlight-with-glsl-shaders/73923)

<div class="topic-metadata">

**Author:** [@Vatsal\_Pandya](https://discourse.threejs.org/u/Vatsal_Pandya)\
**Replies:** 8\
**Last updated:** [December 2, 2024, 1:34pm UTC](https://discourse.threejs.org/t/multiple-moving-spotlight-with-glsl-shaders/73923 "2024-12-02T13:34:32Z")

</div>

I’m trying to achieve multiple spotlights that move across each mesh material individually, illuminating the specific areas of the bump map in each spotlight’s path. Currently, a single spotlight moves across the mesh a…

---

## [Black spot on reflective floor only above shadow in spotlight](https://discourse.threejs.org/t/black-spot-on-reflective-floor-only-above-shadow-in-spotlight/72615)

<div class="topic-metadata">

**Author:** [@Gautam\_Rathod](https://discourse.threejs.org/u/Gautam_Rathod)\
**Replies:** 3\
**Last updated:** [October 10, 2024, 9:35am UTC](https://discourse.threejs.org/t/black-spot-on-reflective-floor-only-above-shadow-in-spotlight/72615 "2024-10-10T09:35:56Z")

</div>

I am encountering a rendering issue with shadows in Three.js where a black spot appears on the floor, directly above the shadow when using a spotlight. I’ve tried adjusting shadow properties such as shadow.mapSize, bias,…

---

## [Spot light don't cast shadow](https://discourse.threejs.org/t/spot-light-dont-cast-shadow/72353)

<div class="topic-metadata">

**Author:** [@MejdiKazdarlli](https://discourse.threejs.org/u/MejdiKazdarlli)\
**Replies:** 3\
**Last updated:** [October 4, 2024, 1:02pm UTC](https://discourse.threejs.org/t/spot-light-dont-cast-shadow/72353 "2024-10-04T13:02:25Z")

</div>

spot light don’t cast shadow directional light cast shadow version 168

---

## [Spotlight on texture to highlight specific part with GLSL shaders](https://discourse.threejs.org/t/spotlight-on-texture-to-highlight-specific-part-with-glsl-shaders/70793)

<div class="topic-metadata">

**Author:** [@Vatsal\_Pandya](https://discourse.threejs.org/u/Vatsal_Pandya)\
**Replies:** 1\
**Last updated:** [September 17, 2024, 4:36am UTC](https://discourse.threejs.org/t/spotlight-on-texture-to-highlight-specific-part-with-glsl-shaders/70793 "2024-09-17T04:36:32Z")

</div>

I am trying to highlight the pattern of the image texture when spotlight moves on that part. and main texture will be visible as background. spotlight will be moving continuously over the mesh surface. currently when sp…

---

## [Question about lighting](https://discourse.threejs.org/t/question-about-lighting/67607)

<div class="topic-metadata">

**Author:** [@aalavandhaann](https://discourse.threejs.org/u/aalavandhaann)\
**Replies:** 5\
**Last updated:** [July 3, 2024, 1:24pm UTC](https://discourse.threejs.org/t/question-about-lighting/67607 "2024-07-03T13:24:22Z")

</div>

I am quite confused by the behaviour of spotlight in my project. I have spotlight that is positioned exactly in the middle of two planes. What is weird is that it lights only one of the planes and it fails to light or li…

---

## [Spotlight.map rotation](https://discourse.threejs.org/t/spotlight-map-rotation/19833)

<div class="topic-metadata">

**Author:** [@DagerD](https://discourse.threejs.org/u/DagerD)\
**Replies:** 3\
**Last updated:** [July 2, 2024, 9:50am UTC](https://discourse.threejs.org/t/spotlight-map-rotation/19833 "2024-07-02T09:50:58Z")

</div>

Hello. I implemented a technique from https://github.com/mrdoob/three.js/pull/20290 I wonder is it possible to rotate spotlight or texture? Specifically i need to rotate around Z axis (blue) to fit the texture with 3D …

---

## [Offset spotLight texture map](https://discourse.threejs.org/t/offset-spotlight-texture-map/65949)

<div class="topic-metadata">

**Author:** [@Yohan](https://discourse.threejs.org/u/Yohan)\
**Replies:** 0\
**Last updated:** [May 24, 2024, 6:35pm UTC](https://discourse.threejs.org/t/offset-spotlight-texture-map/65949 "2024-05-24T18:35:58Z")

</div>

Hello everyone, i was wondering if this is possible to offset a map texture on a SpotLight ? The aim is to recreate a projector effect. Every few seconds, i would like to offset progressively the texture. I can clearly …

---

## [Bake spotlight texture?](https://discourse.threejs.org/t/bake-spotlight-texture/65143)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 9\
**Last updated:** [May 8, 2024, 8:50am UTC](https://discourse.threejs.org/t/bake-spotlight-texture/65143 "2024-05-08T08:50:10Z")

</div>

Is it possible to bake the result of a projected texture from a spotlight? For example, in this demo, the spotlight projects a texture onto the model. Can we “bake” this so the texture becomes a more permanent part of …

---

## [Ability to modify spotlight rotation/target in the editor](https://discourse.threejs.org/t/ability-to-modify-spotlight-rotation-target-in-the-editor/6353)

<div class="topic-metadata">

**Author:** [@Jespertheend](https://discourse.threejs.org/u/Jespertheend)\
**Replies:** 8\
**Last updated:** [April 3, 2024, 8:47am UTC](https://discourse.threejs.org/t/ability-to-modify-spotlight-rotation-target-in-the-editor/6353 "2024-04-03T08:47:45Z")

</div>

Hey everyone, I would like to be able to change the rotation of spotlights in the threejs editor. Currently I’m setting up the lighting of my scene with code but it’s a bit of a hassle. Furthermore I would like to offse…

---

## [THREEJS SpotLight not casting shadows](https://discourse.threejs.org/t/threejs-spotlight-not-casting-shadows/61885)

<div class="topic-metadata">

**Author:** [@kekawia](https://discourse.threejs.org/u/kekawia)\
**Replies:** 2\
**Last updated:** [February 25, 2024, 6:49am UTC](https://discourse.threejs.org/t/threejs-spotlight-not-casting-shadows/61885 "2024-02-25T06:49:21Z")

</div>

so i did search around and used gpt and i couldn’t make my spotlight cast shadows (it works with he directional light).

---

## [How to manipulate spotLight.map UV transformation?](https://discourse.threejs.org/t/how-to-manipulate-spotlight-map-uv-transformation/61654)

<div class="topic-metadata">

**Author:** [@sdarpeng](https://discourse.threejs.org/u/sdarpeng)\
**Replies:** 1\
**Last updated:** [February 24, 2024, 4:50am UTC](https://discourse.threejs.org/t/how-to-manipulate-spotlight-map-uv-transformation/61654 "2024-02-24T04:50:02Z")

</div>

I tried both spotLight.map.offset.set( Math.sin( time ) \* 2.5 , 0) and spotLight.shadow.map.texture.offset.set( Math.sin( time ) \* 2.5 , 0) but doesn’t work. How to accomplish it?

---

## [Spotlight helper works but spotlight itself doesn't shine any light](https://discourse.threejs.org/t/spotlight-helper-works-but-spotlight-itself-doesnt-shine-any-light/60498)

<div class="topic-metadata">

**Author:** [@fy50167](https://discourse.threejs.org/u/fy50167)\
**Replies:** 2\
**Last updated:** [January 19, 2024, 4:20pm UTC](https://discourse.threejs.org/t/spotlight-helper-works-but-spotlight-itself-doesnt-shine-any-light/60498 "2024-01-19T16:20:35Z")

</div>

Hello, I’m trying to setup a spotlight in react three fiber but no matter what I do I can’t seem to get the light to actually show up. I’ve tried using other lights like directional, point, ambient, and hemisphere which…

---

## [Error with three different spotlights in three.js 159](https://discourse.threejs.org/t/error-with-three-different-spotlights-in-three-js-159/58867)

<div class="topic-metadata">

**Author:** [@Noa](https://discourse.threejs.org/u/Noa)\
**Replies:** 2\
**Last updated:** [December 4, 2023, 12:24pm UTC](https://discourse.threejs.org/t/error-with-three-different-spotlights-in-three-js-159/58867 "2023-12-04T12:24:50Z")

</div>

Hi, I have a 3D scene created with Three.js version 159 and in this scene I added three different spotlights. const spotLightOne = new THREE.SpotLight(0xfff5bc); spotLightOne.name = 'spotLightOne'; spotLightO…

---

## [Modifying the ShadowMap Example to Use NodeMaterials and NodeLights](https://discourse.threejs.org/t/modifying-the-shadowmap-example-to-use-nodematerials-and-nodelights/57302)

<div class="topic-metadata">

**Author:** [@phil\_crowther](https://discourse.threejs.org/u/phil_crowther)\
**Replies:** 0\
**Last updated:** [October 22, 2023, 8:47pm UTC](https://discourse.threejs.org/t/modifying-the-shadowmap-example-to-use-nodematerials-and-nodelights/57302 "2023-10-22T20:47:06Z")

</div>

(edited 31 Oct 23) USING NODE LIGHTS WITH WEBGPU (question) I am trying to use Node Lights with WebGPU. Here is a CodePen version of the WebGPU ShadowMap from three.js examples. I have replaced the PhongMaterials wit…

---

## [ASLS Studio, open source DMX lighting engine and visualizer](https://discourse.threejs.org/t/asls-studio-open-source-dmx-lighting-engine-and-visualizer/50415)

<div class="topic-metadata">

**Author:** [@timekadel](https://discourse.threejs.org/u/timekadel)\
**Replies:** 2\
**Last updated:** [April 21, 2023, 6:58pm UTC](https://discourse.threejs.org/t/asls-studio-open-source-dmx-lighting-engine-and-visualizer/50415 "2023-04-21T18:58:33Z")

</div>

ASLS Studio is an open-source, web-based, DMX lighting control software and visualizer. It comes with standard DMX lighting control software features such as Universe patching, Fixture grouping, Scene generation, Effect…

---

## [Spotlight shines through object although it's not transparent, casts shadows and receives shadows (threejs v0.130.0)](https://discourse.threejs.org/t/spotlight-shines-through-object-although-its-not-transparent-casts-shadows-and-receives-shadows-threejs-v0-130-0/50630)

<div class="topic-metadata">

**Author:** [@perskes](https://discourse.threejs.org/u/perskes)\
**Replies:** 0\
**Last updated:** [April 20, 2023, 9:29am UTC](https://discourse.threejs.org/t/spotlight-shines-through-object-although-its-not-transparent-casts-shadows-and-receives-shadows-threejs-v0-130-0/50630 "2023-04-20T09:29:32Z")

</div>

Please watch this GIF to see the problem: https://i.imgur.com/6QIqZnc.mp4 Hi, I’m having trouble with a lamp model I made in Blender. I added a spotlight to it, and it works fine in Three.js, except that the light shi…

---

## [SpotLight only reflects off of wall when the target wall is \*completely\* within the light's frustum?](https://discourse.threejs.org/t/spotlight-only-reflects-off-of-wall-when-the-target-wall-is-completely-within-the-lights-frustum/48861)

<div class="topic-metadata">

**Author:** [@MeJayEss](https://discourse.threejs.org/u/MeJayEss)\
**Replies:** 5\
**Last updated:** [March 8, 2023, 11:06pm UTC](https://discourse.threejs.org/t/spotlight-only-reflects-off-of-wall-when-the-target-wall-is-completely-within-the-lights-frustum/48861 "2023-03-08T23:06:39Z")

</div>

This thread is a continuation of this thread: I have moved it to a new thread because a subtle interaction between many parts of my code led to the update() method of the SpotLightHelper object I use with my SpotLight …

---

## [Spotlight Limit: How to display projection surfaces](https://discourse.threejs.org/t/spotlight-limit-how-to-display-projection-surfaces/48251)

<div class="topic-metadata">

**Author:** [@Faustoo](https://discourse.threejs.org/u/Faustoo)\
**Replies:** 3\
**Last updated:** [February 22, 2023, 4:07pm UTC](https://discourse.threejs.org/t/spotlight-limit-how-to-display-projection-surfaces/48251 "2023-02-22T16:07:13Z")

</div>

Hello there, I try to display many projection surfaces of surveillance cameras on objects. For this purpose SpotLights, which I let shine through a rectangular shape, are perfect for this: Unfortunately, I noticed …

---

## [Spotlight pin point look at center and revolves around distance of pinpoint](https://discourse.threejs.org/t/spotlight-pin-point-look-at-center-and-revolves-around-distance-of-pinpoint/47162)

<div class="topic-metadata">

**Author:** [@Myth\_Xenodo](https://discourse.threejs.org/u/Myth_Xenodo)\
**Replies:** 0\
**Last updated:** [January 22, 2023, 2:43pm UTC](https://discourse.threejs.org/t/spotlight-pin-point-look-at-center-and-revolves-around-distance-of-pinpoint/47162 "2023-01-22T14:43:31Z")

</div>

I’m looking if there is a way to revolve it around the pinpoint continuously in reactjs(not in vanilla cause I know this but I don’t know how can I make it work to reactjs) ? Like this certain image I already have a…

---

## [Use light to cast only the shadows](https://discourse.threejs.org/t/use-light-to-cast-only-the-shadows/46288)

<div class="topic-metadata">

**Author:** [@orion\_prime](https://discourse.threejs.org/u/orion_prime)\
**Replies:** 2\
**Last updated:** [December 29, 2022, 6:09am UTC](https://discourse.threejs.org/t/use-light-to-cast-only-the-shadows/46288 "2022-12-29T06:09:01Z")

</div>

With a good hdri i’m getting nice colored specular reflections but there’s no shadows with a directional light placed in around the “sun” region in the hdri , i’m getting good shadows only while the light intensity is…

---

## [Spot light Texture change aspect ratio](https://discourse.threejs.org/t/spot-light-texture-change-aspect-ratio/44686)

<div class="topic-metadata">

**Author:** [@orion\_prime](https://discourse.threejs.org/u/orion_prime)\
**Replies:** 1\
**Last updated:** [November 14, 2022, 6:39pm UTC](https://discourse.threejs.org/t/spot-light-texture-change-aspect-ratio/44686 "2022-11-14T18:39:57Z")

</div>

this example uses THREE.texture in light.map key but the texture transforms like offset , rotate , repeat does not seem to work is there a way i can skew the projected image so non square images does not look stretched…

---

## [SpotLight doesn't seem to reflect off of my floor?](https://discourse.threejs.org/t/spotlight-doesnt-seem-to-reflect-off-of-my-floor/44558)

<div class="topic-metadata">

**Author:** [@MeJayEss](https://discourse.threejs.org/u/MeJayEss)\
**Replies:** 6\
**Last updated:** [November 11, 2022, 8:20pm UTC](https://discourse.threejs.org/t/spotlight-doesnt-seem-to-reflect-off-of-my-floor/44558 "2022-11-11T20:20:00Z")

</div>

I finally got my SpotLight working. Works well and lights up objects in my world properly. However, for some strange reason, it doesn’t seem to light up the floor? Is there something I have to do when creating my floo…

---

## [Spotlight attached to object doesn't move with the object?](https://discourse.threejs.org/t/spotlight-attached-to-object-doesnt-move-with-the-object/44446)

<div class="topic-metadata">

**Author:** [@MeJayEss](https://discourse.threejs.org/u/MeJayEss)\
**Replies:** 1\
**Last updated:** [November 10, 2022, 3:33pm UTC](https://discourse.threejs.org/t/spotlight-attached-to-object-doesnt-move-with-the-object/44446 "2022-11-10T15:33:38Z")

</div>

I have a camera drone animation model that I attach two objects to. The camera drone is just a black sphere with a texture. I attach a red sphere to the camera drone where the lens appears on its textureis, to make it …

---

## [Is the SpotLight the right tool for simulating multiple stage lights?](https://discourse.threejs.org/t/is-the-spotlight-the-right-tool-for-simulating-multiple-stage-lights/44360)

<div class="topic-metadata">

**Author:** [@MeJayEss](https://discourse.threejs.org/u/MeJayEss)\
**Replies:** 7\
**Last updated:** [November 8, 2022, 6:19am UTC](https://discourse.threejs.org/t/is-the-spotlight-the-right-tool-for-simulating-multiple-stage-lights/44360 "2022-11-08T06:19:19Z")

</div>

I went through the same moments of head scratching others have gone through in regards to the ThreeJS spotlight. I thought I could put a spotlight anywhere in my ThreeJS scene using it’s position property: Apparently…

---

## [What does the textures map do for a SpotLight and do I need one?](https://discourse.threejs.org/t/what-does-the-textures-map-do-for-a-spotlight-and-do-i-need-one/44357)

<div class="topic-metadata">

**Author:** [@MeJayEss](https://discourse.threejs.org/u/MeJayEss)\
**Replies:** 3\
**Last updated:** [November 5, 2022, 6:55am UTC](https://discourse.threejs.org/t/what-does-the-textures-map-do-for-a-spotlight-and-do-i-need-one/44357 "2022-11-05T06:55:55Z")

</div>

I am a programmer and not a digital artist or graphics person so this question may seem odd. I have been looking at the code for the SpotLight example found in the ThreeJS lights examples list. I found this block of co…

---

## [Are Lights resizable?](https://discourse.threejs.org/t/are-lights-resizable/42935)

<div class="topic-metadata">

**Author:** [@Jonas](https://discourse.threejs.org/u/Jonas)\
**Replies:** 4\
**Last updated:** [September 26, 2022, 3:11pm UTC](https://discourse.threejs.org/t/are-lights-resizable/42935 "2022-09-26T15:11:36Z")

</div>

Hey there, I have a SpotLight sourrounded by a box that has a hole on one side. The plan is to throw shaped light rays onto the grey wall. JsFiddle Example here The blue box shows the desired behaviour: The box is …

---

## [Shadows disappearing](https://discourse.threejs.org/t/shadows-disappearing/37284)

<div class="topic-metadata">

**Author:** [@kbk](https://discourse.threejs.org/u/kbk)\
**Replies:** 2\
**Last updated:** [May 12, 2022, 8:40am UTC](https://discourse.threejs.org/t/shadows-disappearing/37284 "2022-05-12T08:40:28Z")

</div>

So I have a couple of spotlights in this scene. Perhaps not the best choice but that is besides the point, these are just placeholder lights anyway. You can see in the video that if I just rotate my view/c…

[Next page](https://discourse.threejs.org/tag/spotlight/586.md?match_all_tags=true&page=1&tags%5B%5D=spotlight)