Currently, I am displaying an object that I downloaded from calra.io, but I am struggling to make it look like the one shown in clara.io.
I have experimented with various types of lights in three.js, such as spotLight
and HemisphereLight
, but I haven't been able to achieve the desired effect.
The image below shows my current rendering:
https://i.sstatic.net/KBMYn.png
And here is what I aim for, inspired by clara.io:
https://i.sstatic.net/HRhF3.png
Unfortunately, my render looks a bit off. It appears to be lacking the vibrant colors of the original object.
I am considering using image-based lighting. Can anyone guide me on how to do that?
If you have any solutions or suggestions, please feel free to share!