I’d want a shadow with softer edges and I also tried to load a png as shadow texture, but that’s not shown.
Is it possibile to “simplify” the object shadow? Or it’s better loading a png as shadow texture? And in case, how can I do that?
For further info, I tried to reproduce the shadows in the example: https://threejs.org/examples/#webgl_shadow_contact but that uses geometry shapes, I use a loaded object. How can I reproduce the example approach in my case?
These are called contact shadows, they’re quite complicated to set up but there is an example on threes website in the examples section.
React users can take out the ContactShadows component from drei, in that case it’s just one line floating shoe - CodeSandbox Otherwise you’ll have to untangle the official example and adapt it to your needs.
There’s also percentage closer soft shadows, looks like this: r3f soft shadows - CodeSandbox but they’re too slow for the kind of models you’re dealing with most likely.