TresJS - Animate your 3D Objects with Vue

TresJS is now released and Open-source 🎉 In this second video, we will bring our cube to life by adding animations by using the useRenderLoop composable and Vue's Template Refs.
As always, you can support us with a nice Like, and don't forget to subscribe for more 3D content on Vue.
Resources
- Repository of the code used in this tutorial github.com/alvarosabu/tresjs-...
- TresJS Basic animations tresjs.org/examples/basic-ani...
- Playground playground.tresjs.org/
- requestAnimationFrame developer.mozilla.org/en-US/d...
----
00:00 - Intro
00:09 - Previous Recap
00:25 - How animation works
01:37 - Frames Per Second (FPS)
02:11 - requestAnimationFrame in ThreeJS
04:14 - useTweakPane fps graph
04:36 - Animating using TemplateRefs and onLoop
09:55 - delta and elapsed
11:13 - Animate with Trigonometry
12:48 - Outro

[@codewithbru]

This library is amazing! Thank you so much for explaining it so well how to use it🤩

[@einl12345]

Works like a charm :)

[@Akosiyawin]

It would be interesting if you could make a tutorial about loading a gltf,glb. Nice tutorial, appreciate it.

[@AlvaroDevLabs]

Absolutely, is on the queue, in the meantime you can check this live example stackblitz.com/edit/tresjs-use-gltf?file=src%2Fcomponents%2FTheExperience.vue