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.