I used three.js to make an effect like the one in the picture, and I could see from the picture, the shadows and the reflections of the lights. But I use three.js default lighting and shadows that feel bad compared to the picture, how do I do that? Can someone tell me some keywords and techniques so that I can achieve the results in the image? My project is using WebGL and my project can’t use WebGPU for the time being.
Do I need to use post-processing? What technique is good for shadows?
Yes, post-processing is beneficial, but it can impact performance. I’ve built web app similar to yours
如此多的阴影，我该使用何种阴影和灯光，才能在大范围室外场景下有好的效果?
An environment map would probably help, and make sure your materials use PBR textures or have proper roughness, metalness values set.
three.js examples