Demos & Examples 🪐

[alvarosabu]

Is your feature request related to a problem? Please describe.
Now that v2 is more stable, is time to shine ✨😎. The value would be to provide users with quick easy examples so they can use them.

The idea would be to create more demos on the Playground and link them into the docs, so we can have a Examples page with some fancy stuff like this https://docs.pmnd.rs/react-three-fiber/getting-started/examples

Out of scope

This does not include Stackblitz demos

Examples list

Examples show how to implement a certain feature, they are scoped and serve only one purpose, and the package name should be on the tags.

• Basic Demo
• OrbitControls with a tweakpane to change different props
• Cameras (Perspective vs Orthographic)
• Materials
• Lights
• [Animations] Basic example UseRenderloop (https://playground.tresjs.org/experiments/materials)
• Events
• Text 3D
• GLTFModel
• useGLTF
• FBXModel
• useFBX
• useAnimations a.k.a. AnimationMixer
• Environment maps
• Basic Shaders
• Pam Camera Mouse
• Manual post-processing
• Realistic Scenes

Demos (Showcase)

Demos are meant to show more complex scenes that consist of many different features and packages to show what TresJS is capable of

• Portal Journey
• Low Poly Planet
• Glass/Plastic Material

[alvarosabu]

@JaimeTorrealba do you think you could add some of the amazing demos that you are creating on the playground, I would love to showcase them in the docs 😊

[JaimeTorrealba]

My man @alvarosabu You have a pending PR for the glass effect, please check it out
I will add others

[alvarosabu]

On playground? OK, I will add it