TresJS. Declarative way of creating 3D scenes from Vue component - Alvaro Saburido, Vue.js Live 2023

Learn how to create 3D scenes in a declarative way using Vue components with TresDS, a library developed by Alvaro Saburido, featuring reactive rendering and a custom renderer.

Key takeaways

TresDS is a library that helps create 3D scenes using Vue components and composals.
It uses a custom renderer to handle 3D scenes.
The library is developed by Alvaro Saburido and is open-source.
TresDS is reactive, which means it can adapt to changes in the scene.
The library is used by importing the TresCanvas component and passing necessary parameters.
The TresCanvas component creates a custom render loop to render the scene.
The library uses a UseRenderLook composable to animate the scene.
The TresMesh component can be used to create 3D objects.
Composables such as useRenderLook and useMesh can be used to animate and manipulate 3D objects.
The library is maintained by Alvaro Saburido and a team of contributors.
TresDS is designed to be easy to use and flexible, with a focus on developer experience.
The library is available on GitHub and can be installed using npm or yarn.
The community is invited to contribute to the library and provide feedback.

TresJS. Declarative way of creating 3D scenes from Vue component - Alvaro Saburido, Vue.js Live 2023

More talks