feat(SoftShadows): add component, demo, docs

[andretchen0]

Ports THREE's/Drei's <SoftShadows /> to Cientos. Adds:

• component
• demo
• docs

Closes #322

[netlify]

✅ Deploy Preview for cientos-tresjs ready!

Name	Link
🔨 Latest commit	49ec8a3
🔍 Latest deploy log	https://app.netlify.com/sites/cientos-tresjs/deploys/675871d1cbc00a00086554db
😎 Deploy Preview	https://deploy-preview-541--cientos-tresjs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pkg-pr-new]

Open in Stackblitz

npm i https://pkg.pr.new/@tresjs/cientos@541

commit: 49ec8a3

[alvarosabu]

Hi @andretchen0 I am so happy to see this one, I had it on my list a long time ago.

I'm experiencing some artifacts on the shadows on the playground if I resize the window in comparison with the Drei implementation. But not sure if it's fixable

Screen.Recording.2024-12-09.at.12.38.48.mov

Screen.Recording.2024-12-09.at.12.39.27.mov

[andretchen0]

Hi @andretchen0 I am so happy to see this one, I had it on my list a long time ago.

I'm experiencing some artifacts on the shadows on the playground if I resize the window in comparison with the Drei implementation. But not sure if it's fixable
Screen.Recording.2024-12-09.at.12.38.48.mov
Screen.Recording.2024-12-09.at.12.39.27.mov

I hooked up the samples prop to a sine wave. When samples is low, the shadows have a lot of artifacts.

My bad. I'll add a proper interactive menu to the playground instead.