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

There are several components from the `@tresjs/cientos` that you can use to enhance your **TresJS 3D scenes**.

- `ContactShadows` for performant fake shadows
- Wrap models with `Levioso` for subtle floating animations
- Add real HTML markup to your animations with `HTML`

Using these abstractions from `@tresjs/cientos`, you can create polished **3D experiences**.

Enhance Your TresJS Scenes with the @tresjs/cientos Package

Share this video with your friends

Course

Create Interactive 3D Experiences with TresJS