# \#lights

**URL:** https://discourse.threejs.org/tag/lights/207.md

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

---

## [How can I make parts of a structure look different enough from each other](https://discourse.threejs.org/t/how-can-i-make-parts-of-a-structure-look-different-enough-from-each-other/91414)

<div class="topic-metadata">

**Author:** [@michiel86](https://discourse.threejs.org/u/michiel86)\
**Replies:** 4\
**Last updated:** [July 15, 2026, 12:31pm UTC](https://discourse.threejs.org/t/how-can-i-make-parts-of-a-structure-look-different-enough-from-each-other/91414 "2026-07-15T12:31:21Z")

</div>

I’ve made a wooden structure in which you can see a trainstation. https://codepen.io/michielschukking/pen/OPRdEWV?editors=0010 I like architecture with rhythms. But to see these rhythmic figures line up it is handy if o…

---

## [Football (soccer) Stadium Builder](https://discourse.threejs.org/t/football-soccer-stadium-builder/91942)

<div class="topic-metadata">

**Author:** [@mrwheyters](https://discourse.threejs.org/u/mrwheyters)\
**Replies:** 4\
**Last updated:** [June 11, 2026, 6:56pm UTC](https://discourse.threejs.org/t/football-soccer-stadium-builder/91942 "2026-06-11T18:56:03Z")

</div>

Football Club Builder demo: https://stadiumbuilder.footballclubbuilder.com website: https://footballclubbuilder.com/ More: Youtube | Steam Hello, I am building a 3d football (soccer) stadium mini game where you have a…

---

## [Large number of shadows - WebGPU](https://discourse.threejs.org/t/large-number-of-shadows-webgpu/91223)

<div class="topic-metadata">

**Author:** [@Usnul](https://discourse.threejs.org/u/Usnul)\
**Replies:** 3\
**Last updated:** [May 3, 2026, 12:24pm UTC](https://discourse.threejs.org/t/large-number-of-shadows-webgpu/91223 "2026-05-03T12:24:53Z")

</div>

Been working on shadows for local lights for Shade. Still WiP There are 131 lights in the scene: 1 directional light, which is shadowed with a 3-cascade CSM as before 130 point lights The system is fair…

---

## [How to create a comparable Light Probes WebGL vs WebGPU](https://discourse.threejs.org/t/how-to-create-a-comparable-light-probes-webgl-vs-webgpu/91098)

<div class="topic-metadata">

**Author:** [@Myth\_Xenodo](https://discourse.threejs.org/u/Myth_Xenodo)\
**Replies:** 3\
**Last updated:** [April 21, 2026, 1:05am UTC](https://discourse.threejs.org/t/how-to-create-a-comparable-light-probes-webgl-vs-webgpu/91098 "2026-04-21T01:05:41Z")

</div>

Hi, I’m really motivated to learn about light probes but I find it hard to apply in WebGPU, I am running in different way to code Light Probes but it seems like it isn’t really working whatever techniques I am doing. Th…

---

## [Lights fundamentals and deep research](https://discourse.threejs.org/t/lights-fundamentals-and-deep-research/90654)

<div class="topic-metadata">

**Author:** [@Xenex\_Ashura](https://discourse.threejs.org/u/Xenex_Ashura)\
**Replies:** 1\
**Last updated:** [March 28, 2026, 2:42pm UTC](https://discourse.threejs.org/t/lights-fundamentals-and-deep-research/90654 "2026-03-28T14:42:40Z")

</div>

Hi, I want to ask where to find good for basic and deep understanding of lights. Not just resources for three.js cause its documentation in lights is not so hard to find a way how it works. I dont care whether it is CPU …

---

## [Lightsource/shading not working on my custom geometry](https://discourse.threejs.org/t/lightsource-shading-not-working-on-my-custom-geometry/89764)

<div class="topic-metadata">

**Author:** [@michiel86](https://discourse.threejs.org/u/michiel86)\
**Replies:** 12\
**Last updated:** [March 4, 2026, 12:17pm UTC](https://discourse.threejs.org/t/lightsource-shading-not-working-on-my-custom-geometry/89764 "2026-03-04T12:17:18Z")

</div>

On codepen I am making a Vase. Currently it is built up off hexagons. The code: https://codepen.io/michielschukking/pen/gbMKajE?editors=0012 The result: https://codepen.io/michielschukking/full/gbMKajE Next thing th…

---

## [Spotlight map issue projecting artefacts](https://discourse.threejs.org/t/spotlight-map-issue-projecting-artefacts/89885)

<div class="topic-metadata">

**Author:** [@mago\_merlino](https://discourse.threejs.org/u/mago_merlino)\
**Replies:** 2\
**Last updated:** [February 18, 2026, 7:12pm UTC](https://discourse.threejs.org/t/spotlight-map-issue-projecting-artefacts/89885 "2026-02-18T19:12:32Z")

</div>

Hey guys, I’m running into an issue for a current project of mine where I’m basically trying to project a texture onto a model and a plane (both using StandardMaterial lighting model). I’m wondering whether or not it’s …

---

## [Shadow artifacts with WebGPURenderer VSMShadowMap](https://discourse.threejs.org/t/shadow-artifacts-with-webgpurenderer-vsmshadowmap/89017)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 5\
**Last updated:** [January 12, 2026, 7:50am UTC](https://discourse.threejs.org/t/shadow-artifacts-with-webgpurenderer-vsmshadowmap/89017 "2026-01-12T07:50:39Z")

</div>

I can’t get VSMShadowMap to work right (using WebGPURenderer). When I use PCFSoftShadowMap the scene looks like the following (white line is a light helper): Changes to light.shadow.radius and light.shadow.blurSampl…

---

## [Ceiling Lights Effect Using THREE.JS](https://discourse.threejs.org/t/ceiling-lights-effect-using-three-js/1482)

<div class="topic-metadata">

**Author:** [@darshithedpara](https://discourse.threejs.org/u/darshithedpara)\
**Replies:** 12\
**Last updated:** [December 6, 2025, 3:32pm UTC](https://discourse.threejs.org/t/ceiling-lights-effect-using-three-js/1482 "2025-12-06T15:32:32Z")

</div>

I want achieve this type of light in ceiling of my house object in Three.js rectLight = new THREE.RectAreaLight( 0xffffff, 500, 10, 10 ); rectLight.position.set( 5, 5, 0 ); scene.add( rectLight ); rectLightHelper = n…

---

## [Problem with lights in WebGPU](https://discourse.threejs.org/t/problem-with-lights-in-webgpu/88093)

<div class="topic-metadata">

**Author:** [@jpp](https://discourse.threejs.org/u/jpp)\
**Replies:** 2\
**Last updated:** [November 14, 2025, 10:31am UTC](https://discourse.threejs.org/t/problem-with-lights-in-webgpu/88093 "2025-11-14T10:31:02Z")

</div>

I’m trying to use three.js with WebGPU instead of WebGL, but I’m having a problem with lights. If I create light sources by calling THREE.AmbientLight() and THREE.DirectionalLight(), it works fine: https://www.dei.isep…

---

## [Who wants Spherical Area Lights?](https://discourse.threejs.org/t/who-wants-spherical-area-lights/87767)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 3\
**Last updated:** [November 3, 2025, 5:01am UTC](https://discourse.threejs.org/t/who-wants-spherical-area-lights/87767 "2025-11-03T05:01:24Z")

</div>

Has anyone done spherical area lights in Three yet? Something like in this video:

---

## [Per-object or per-material shadow bias, instead of per-light](https://discourse.threejs.org/t/per-object-or-per-material-shadow-bias-instead-of-per-light/87669)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 0\
**Last updated:** [October 21, 2025, 10:12pm UTC](https://discourse.threejs.org/t/per-object-or-per-material-shadow-bias-instead-of-per-light/87669 "2025-10-21T22:12:36Z")

</div>

Sometimes I really want to change shadow bias on a particular object. Otherwise, changing a light’s shadow bias affects shadow positioning in the whole scene which is not desirable. What would it take to support this in…

---

## [Material that emit like a light ? or something like that](https://discourse.threejs.org/t/material-that-emit-like-a-light-or-something-like-that/87375)

<div class="topic-metadata">

**Author:** [@Sha](https://discourse.threejs.org/u/Sha)\
**Replies:** 1\
**Last updated:** [October 6, 2025, 3:40pm UTC](https://discourse.threejs.org/t/material-that-emit-like-a-light-or-something-like-that/87375 "2025-10-06T15:40:35Z")

</div>

Hello everyone ! After some hours of research, I try to find a material which resembles the behavior of a light. An exemple is better : My goal is to make the “Hello World“ (It’s a TextGeometry) as glowing as the th…

---

## [Custom light / shadow pipeline - Issue with PointLight](https://discourse.threejs.org/t/custom-light-shadow-pipeline-issue-with-pointlight/87108)

<div class="topic-metadata">

**Author:** [@Lunatictactoc](https://discourse.threejs.org/u/Lunatictactoc)\
**Replies:** 2\
**Last updated:** [September 20, 2025, 3:27pm UTC](https://discourse.threejs.org/t/custom-light-shadow-pipeline-issue-with-pointlight/87108 "2025-09-20T15:27:28Z")

</div>

Hello everyone, Background: I need to override the way three.js renders different types of lights and their shadowmaps by making several optimizations and gaining more flexibility to finalize my hybrid rasterized/pathtr…

---

## [Getting realistic light colours from three sky shader](https://discourse.threejs.org/t/getting-realistic-light-colours-from-three-sky-shader/86365)

<div class="topic-metadata">

**Author:** [@Tamsin](https://discourse.threejs.org/u/Tamsin)\
**Replies:** 0\
**Last updated:** [August 19, 2025, 10:08am UTC](https://discourse.threejs.org/t/getting-realistic-light-colours-from-three-sky-shader/86365 "2025-08-19T10:08:03Z")

</div>

I’m trying to use the sky shader from the three examples to get realistic and dynamic lighting for my scenes. I’m pointing some orthographic cameras at the sun position, directly up, and directly down, and using the .re…

---

## [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

---

## [How can i make these light look more nature together](https://discourse.threejs.org/t/how-can-i-make-these-light-look-more-nature-together/51842)

<div class="topic-metadata">

**Author:** [@BarryAlvord](https://discourse.threejs.org/u/BarryAlvord)\
**Replies:** 7\
**Last updated:** [May 23, 2023, 5:28am UTC](https://discourse.threejs.org/t/how-can-i-make-these-light-look-more-nature-together/51842 "2023-05-23T05:28:49Z")

</div>

Hello, I’m new to Three Js and I’m working on a room display website. When I set up the lighting in this picture, these two lights did not seem natural with each other. I want them to blend into each other instead of loo…

---

## [Clustered Rendering on WebGPU](https://discourse.threejs.org/t/clustered-rendering-on-webgpu/81042)

<div class="topic-metadata">

**Author:** [@Usnul](https://discourse.threejs.org/u/Usnul)\
**Replies:** 5\
**Last updated:** [June 20, 2025, 11:36pm UTC](https://discourse.threejs.org/t/clustered-rendering-on-webgpu/81042 "2025-06-20T23:36:47Z")

</div>

Been working on clustered rendering over the past few weekends. So first of all, a quick refresher on what is clustered rendering and why we care. Clustered rendering is a technique for optimizing shader performance wh…

---

## [Create a custom light](https://discourse.threejs.org/t/create-a-custom-light/82433)

<div class="topic-metadata">

**Author:** [@Jason\_Maximilian](https://discourse.threejs.org/u/Jason_Maximilian)\
**Replies:** 8\
**Last updated:** [May 17, 2025, 12:54pm UTC](https://discourse.threejs.org/t/create-a-custom-light/82433 "2025-05-17T12:54:10Z")

</div>

I’m building a 3D room in React Three Fiber and I’m thinking of adding a feature where the client can toggle lights under some furniture—like under bed tables, for example. I’ve been brainstorming a lot but still haven’t…

---

## [Painted light box sign effect](https://discourse.threejs.org/t/painted-light-box-sign-effect/82442)

<div class="topic-metadata">

**Author:** [@leemartin](https://discourse.threejs.org/u/leemartin)\
**Replies:** 2\
**Last updated:** [May 12, 2025, 11:49pm UTC](https://discourse.threejs.org/t/painted-light-box-sign-effect/82442 "2025-05-12T23:49:28Z")

</div>

Bit of a n00b material/texture/lighting question here but I’m wondering how you might approach the creation of a light box sign object. Basically, I’d like a “painted” plane which is opaque but allows light to shine …

---

## [Need help applying a texture to an extruded object (size and color are not right)](https://discourse.threejs.org/t/need-help-applying-a-texture-to-an-extruded-object-size-and-color-are-not-right/80676)

<div class="topic-metadata">

**Author:** [@franckieos](https://discourse.threejs.org/u/franckieos)\
**Replies:** 4\
**Last updated:** [April 21, 2025, 4:11pm UTC](https://discourse.threejs.org/t/need-help-applying-a-texture-to-an-extruded-object-size-and-color-are-not-right/80676 "2025-04-21T16:11:30Z")

</div>

Hi, I want to make a simulator for a door, that changes according to the cut of each side, the size of the door, and the texture it should have. For this, I created the shape of the cut from lists of points like this: p…

---

## [How to create a rectangular projection?](https://discourse.threejs.org/t/how-to-create-a-rectangular-projection/81178)

<div class="topic-metadata">

**Author:** [@wenrenqiang](https://discourse.threejs.org/u/wenrenqiang)\
**Replies:** 4\
**Last updated:** [April 14, 2025, 9:14am UTC](https://discourse.threejs.org/t/how-to-create-a-rectangular-projection/81178 "2025-04-14T09:14:29Z")

</div>

three.js示例 The example is a circular projection, how to achieve rectangular projection?

---

## [Light color uniform black in deferred pipeline](https://discourse.threejs.org/t/light-color-uniform-black-in-deferred-pipeline/33693)

<div class="topic-metadata">

**Author:** [@DolphinIQ](https://discourse.threejs.org/u/DolphinIQ)\
**Replies:** 6\
**Last updated:** [March 27, 2025, 8:36am UTC](https://discourse.threejs.org/t/light-color-uniform-black-in-deferred-pipeline/33693 "2025-03-27T08:36:36Z")

</div>

Hello friends :blush: Im working on a deferred rendering pipeline using three.js WebGL Renderer. I currently got all gBuffer textures working, sending normals, diffuse color, etc. Now I’m trying to implement lighting an…

---

## [Apply casting shadow from ReacAreaLight](https://discourse.threejs.org/t/apply-casting-shadow-from-reacarealight/75855)

<div class="topic-metadata">

**Author:** [@Ammar\_Kayali](https://discourse.threejs.org/u/Ammar_Kayali)\
**Replies:** 1\
**Last updated:** [December 31, 2024, 12:20pm UTC](https://discourse.threejs.org/t/apply-casting-shadow-from-reacarealight/75855 "2024-12-31T12:20:25Z")

</div>

Hi All, Can I apply casting shadow from ReacAreaLight? I tried it but it’s not affected.

---

## [How do I export a car model with light so I can put them into a powerpoint?](https://discourse.threejs.org/t/how-do-i-export-a-car-model-with-light-so-i-can-put-them-into-a-powerpoint/75170)

<div class="topic-metadata">

**Author:** [@SmashingBeaker](https://discourse.threejs.org/u/SmashingBeaker)\
**Replies:** 1\
**Last updated:** [December 14, 2024, 2:55pm UTC](https://discourse.threejs.org/t/how-do-i-export-a-car-model-with-light-so-i-can-put-them-into-a-powerpoint/75170 "2024-12-14T14:55:57Z")

</div>

I have a model of a police car that I added point lights to in blender. I want to export the model with the lights so that I can put it into a PowerPoint for a project. How would I do that? This is a screen shot of t…

---

## [Make RectLight not visible but so it can still affect objects](https://discourse.threejs.org/t/make-rectlight-not-visible-but-so-it-can-still-affect-objects/74989)

<div class="topic-metadata">

**Author:** [@qwerty\_lf](https://discourse.threejs.org/u/qwerty_lf)\
**Replies:** 3\
**Last updated:** [December 9, 2024, 4:44pm UTC](https://discourse.threejs.org/t/make-rectlight-not-visible-but-so-it-can-still-affect-objects/74989 "2024-12-09T16:44:23Z")

</div>

Is it possible to hide RectLight or make it not rendered while it can still affect objects? I need the light which comes from the plane and is not visible. Maybe I can do it in some other ways?

---

## [Lighting on watches](https://discourse.threejs.org/t/lighting-on-watches/74380)

<div class="topic-metadata">

**Author:** [@ThreeJSLighting](https://discourse.threejs.org/u/ThreeJSLighting)\
**Replies:** 1\
**Last updated:** [November 25, 2024, 11:12pm UTC](https://discourse.threejs.org/t/lighting-on-watches/74380 "2024-11-25T23:12:42Z")

</div>

Hey, I was wondering if you know the technique behind this lighting ? Is it HDRI, Shader ? Both of them ? I’m asking because i wanted to do a watch that looks as good as this ! Thanks !

---

## [ThreeJS Lighting or Color Problems](https://discourse.threejs.org/t/threejs-lighting-or-color-problems/74215)

<div class="topic-metadata">

**Author:** [@ThreeJSLighting](https://discourse.threejs.org/u/ThreeJSLighting)\
**Replies:** 1\
**Last updated:** [November 20, 2024, 5:01pm UTC](https://discourse.threejs.org/t/threejs-lighting-or-color-problems/74215 "2024-11-20T17:01:21Z")

</div>

Hello I’m already deep into a project but i have some issues with color/lighting This one is a color close to sandgold that i want, but i cannot have it properly, it’s looks burned on my cube this one is the same…

---

## [Lightsource thinks my objects are in the middle of the screen](https://discourse.threejs.org/t/lightsource-thinks-my-objects-are-in-the-middle-of-the-screen/71818)

<div class="topic-metadata">

**Author:** [@robbie018](https://discourse.threejs.org/u/robbie018)\
**Replies:** 2\
**Last updated:** [September 29, 2024, 1:13pm UTC](https://discourse.threejs.org/t/lightsource-thinks-my-objects-are-in-the-middle-of-the-screen/71818 "2024-09-29T13:13:36Z")

</div>

So I’m creating something together with my friend ChatGPT :slight\_smile: But we can’t figure out why the lightsource keeps thinking and behaving like my objects are in the middle of the screen. See the screenshot for t…

---

## [How to fix lighting with the WebGPURenderer](https://discourse.threejs.org/t/how-to-fix-lighting-with-the-webgpurenderer/56015)

<div class="topic-metadata">

**Author:** [@Who\_Though](https://discourse.threejs.org/u/Who_Though)\
**Replies:** 8\
**Last updated:** [September 6, 2024, 5:38am UTC](https://discourse.threejs.org/t/how-to-fix-lighting-with-the-webgpurenderer/56015 "2024-09-06T05:38:31Z")

</div>

Can someone help me understand how I can get the same kind of lighting using Three.js 155 and the WebGPURenderer? Here is the lighting working properly with Three.js 152 and the WebGLRenderer: Three 152: import \* as TH…

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