TresJS - First steps with 3D on Vue

TresJS has now released and is Open-source 🎉 This video will guide you toward your first steps on the library that makes it possible to create 3D scenes based on ThreeJS by using your favorite framework, Vue 💚

It doesn't matter if you don't have previous experience with 3D or ThreeJS, this video will guide you on your first steps using a familiar ecosystem like Vue. If you have previous experience, you were probably looking for a solution like this.

Resources
Written tutorial https://dev.to/alvarosabu/tresjs-v2-f...
Repository of the code used in this tutorial https://github.com/alvarosabu/tresjs-...
TresJS docs https://tresjs.org/
ThreeJS https://threejs.org/
Create a Vite app https://vitejs.dev/guide/#scaffolding...

00:00 - Intro
00:49 - Parts of a 3D scene
01:32 - WebGL and ThreeJS
02:13 - Installing TresJS
03:06 - Installing @types/three
03:30 - Basic Vite App
03:51 - TresCanvas component
05:38 - Why is my scene blank?
06:29 - Adding a Perspective Camera
07:18 - Add a cube
09:01 - The box mesh under the hood
10:57 - Constructor args
11:59 - props - Position
14:44 - props - Scale
15:21 - props - Rotation
16:47 - Transform camera
18:40 - Wrap-up