New landing page

[alvarosabu]

Description

As a dev, I would love to see a landing page for https://tresjs.org/ inspired by https://threlte.xyz/

Suggested solution

• [x] Scrollytelling (using tresjs/cientos#118)
• [x] Post-processing Depth of Field (tresjs/post-processing#56)

Alternative

No response

Additional context

No response

Validations

• [X] I agree to follow this project's Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[andretchen0]

Are you taking ideas for a landing page?

If not, no problem.

If so, a superformula can create the shapes of the Tres logo – more or less – and animate between them.

Here's a look at a superformula shape starting square(ish) before going to a sphere, then going all ripply.

https://github.com/Tresjs/tres/assets/20469369/dda32434-60b3-476a-93ce-339a7013429b

I've just got a normal material on it for now, but we could use the Tres colors.

We could start the landing page with a few of those shapes, and when the user scrolls down, we could have a Leches control where the user can slide around the parameters and change one of the shapes themselves.

Just a thought anyway.

[alvarosabu]

Oh boy, @andretchen0 I saw this so late 🥲