Getting Started with the TresJS Product Course Repo

Add a TresCanvas to Your Vue App

Add a Cube to Your TresJS 3D Scene

Transform TresJS Objects Using Props

Add Ambient and Directional Lighting to Your TresJS Scene

Enable Shadows in Your TresJS Scene

Animate TresJS Objects with the useRenderLoop Composable

Use OrbitControls to Interact with your TresJS Scene

Project Overview of the TresJS Product Template

Load Models with useGLTF and the TresJS primitive Component

Create a Reactive Color Selector in Vue with useState

Connect a TresJS Model with Vue State

Enhance Your TresJS Scenes with the @tresjs/cientos Package

Create Interactive 3D Experiences with TresJS

In this **TresJS** lesson you will learn how to use `OrbitControls` from the [@tresjs/cientos](https://cientos.tresjs.org/) package to add interactivity to your scenes by:

- Importing `OrbitControls`
- Adding it below your `TresPerspectiveCamera` component

The `@tresjs/cientos` package is part of the TresJS ecosystem and provides useful abstractions and composables to extend the core framework. 


Use OrbitControls to Interact with your TresJS Scene

Share this video with your friends

Course

Create Interactive 3D Experiences with TresJS