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 THREE from './static/three.module.js'; console.log(THREE.REVISION); // 152 let re…

Try to increase the intensity of the spot light. Try 10, if not enough - 100, and so on.

What is the outcome of [WebGL+155] ? It is like [WebGL+152] or like [WebGPU+155] ? This will hint you whether to look for issues in the releases, or in the renderer. If [WebGL+155] is like [WebGPU+155], then look at: [image] Updates to lighting in three.js r155 Discussion …

[image] PavelBoytchev: [WebGL+155] Cheers for the reply. The outcome of [WebGL+155] is the same as [WebGPU+155]. Is the quick fix just setting renderer.useLegacyLights = true;? Does not seem to work for me. My example is pretty simple. It should look like this: [1] But on 155 it looks lik…

Hmm that does seem to work and look a bit better combined with spotLight.shadow.bias and spotLight.shadow.radius, but I do not understand exactly why to be honest. It is really not apparent to me what steps I have to take to make the scene look the same again.

const ground = new THREE.Mesh(new THREE.PlaneGeometry(1000, 1000), new THREE.MeshStandardMaterial({ color: '#FCFFFC', })); R155+ introduced physically correct lighting as the default lighting setting, it’s based on real world units, in your case the spotlight has to travel 40 meters till it can…

Thanks for the answer. Removing the other properties from THREE.MeshStandardMaterial is a good point, but did not help solve the problem. I have removed the custom decay value (also no effect). I have also changed the intensity of the Hemisphere Light: let hemi_light = new THREE.HemisphereLight('#…

Hi @Who_Though , did you ever find a solution to your lighting issues? I just switched to WebGPURenderer and have also face lighting differences. Example here: [image] [WebGPU migration] intense shadow acne, and different lighting, after swapping from WebGLRenderer to WebGPURenderer …

Hmm I just followed the solutions from the suggestions in this post, but they were not 100% satisfactory.

How to fix lighting with the WebGPURenderer

Questions

trusktr September 5, 2024, 8:13pm 8

Hi @Who_Though, did you ever find a solution to your lighting issues? I just switched to WebGPURenderer and have also face lighting differences. Example here:

Topic		Replies	Views
WebGPU Renderer Lighting Issue - Objects Not Lit Questions lighting , webgpu	3	215	December 2, 2024
[WebGPU migration] intense shadow acne, and different lighting, after swapping from WebGLRenderer to WebGPURenderer Questions webgpu	8	287	September 12, 2024
Problem with lights in WebGPU Questions lights , webgpu	2	173	November 14, 2025
WebGPU Lighting Issue - Unable to Dynamically Add or Remove Lights Questions lighting , webgpu	9	340	December 8, 2024
There are some problem with webgpu Questions webgl-renderer , webgpu	3	992	July 25, 2023

How to fix lighting with the WebGPURenderer

Related topics