How can i make these light look more nature together

Questions
1

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 looking like 2 separate areas

any advice to make them better?

many thanks

image
image816×444 82.8 KB

2

i suggest you used baked 3d assets where the lights are rendered to texture, with rendered to textured assets you control the render quality on a rendering platform such as 3ds max or blender.

Screenshot_2023-05-22-01-07-35-043_com.opera.browser.beta
Screenshot_2023-05-22-01-07-35-043_com.opera.browser.beta1080×2340 141 KB

This threejs used no lights, the 3ds assets textured are baked in the model

3

That looks wonderful, but how do you handle toggling between two light modes, such as day and night?

is there any way that I can load the texture, gtfl separately, and join them together? i can’t seem to find a solution

4

No, not the gltf, u toggle by day and night by toggling textures of the background and the gltf’s

5

So this is what I understand. I have to create two textures for my GLTF, one for day and the other for night. When I want to switch between day and night, all I have to do is load the texture that is needed.

6

yes, exacly, loading texture texture instead of having real lights or sun will allow your threejs be playable. two baked texture are needed.

7

If baking isn’t the way you want to go, you could simply play with penumbra / falloff settings I suppose?

8

swapping textures is the best accurate way to render day or night or any given environment like in an exterior or interior scene

Download source