Getting started with 3D on Vue with TresJS

⚠️ UPDATE: We just released the v2 of the library. Now TresJS is a custom renderer and a few breaking changes have been introduced since this video was recorded. For a complete migration guide check here https://tresjs.org/guide/migration-gu... or watch the update video    • TresJS - First steps with 3D on Vue  

Meet TresJS ▲ ■ ●, a declarative way of bringing the magic of ThreeJS using everyday Vue Components and composables. Think of it as React-three-fiber or Lunchbox but without the need for a custom renderer. It just works.

Then we are going to give an overview of how TresJS solves the issue of outdated Vue wrapper libraries that struggle to keep up with ThreeJS updates and how it simplifies the process of creating ThreeJS scenes for everyone who wants to start using 3D on their Vue/Nuxt apps without much experience. Then we are going to craft a beautiful scene using geometries, materials, lights, 3D Models, and fancy effects that will delight your visitors.

Resources

TresJS https://tresjs.org/
Playground https://playground.tresjs.org/
https://github.com/Tresjs/basics

----

Our Sponsors

Meet Storyblok (not Storybook which is a different thing) The world's first headless CMS that works for both developers & business users.

I must warn you when you start using it, you will never go back to any other CMS solution

Give it a try at https://t.co/aaEZxcPC4W 😜

00:00 - Intro
01:53 - Name of the library
02:57 - Installing TresJS
04:18 - Using the plugin
05:08 - Adding an object
11:05 - Args & Props explained
17:32 - Outro